body[data-mode="embed"]{width:100%;height:100dvh;min-height:0;overflow:hidden;background:#dfeee4}
body[data-mode="embed"] #app{height:100%;min-height:0}
body[data-mode="embed"] .game{width:min(620px,100%);height:min(700px,100dvh);min-height:0;margin:auto;overflow:hidden}
body[data-mode="embed"] .topbar{grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:auto auto;gap:5px 9px;height:82px;min-height:82px;padding:7px 11px}
body[data-mode="embed"] .brand{grid-column:1;grid-row:1}
body[data-mode="embed"] .brand h1{font-size:25px;line-height:1}
body[data-mode="embed"] .brand p{display:none}
body[data-mode="embed"] .pieces{grid-column:2;grid-row:1;gap:4px}
body[data-mode="embed"] .piece{width:34px;height:34px;border-radius:9px;font-size:17px}
body[data-mode="embed"] .tools{grid-column:3;grid-row:1;gap:4px}
body[data-mode="embed"] .tools button{min-width:39px;height:37px;padding:4px}
body[data-mode="embed"] .tools svg{width:23px;height:23px}
body[data-mode="embed"] .progress{grid-column:1/-1;grid-row:2}
body[data-mode="embed"] .progress>div:first-child{font-size:16px}
body[data-mode="embed"] .track{height:8px;margin-top:3px}
body[data-mode="embed"] .play-area{display:grid;grid-template-columns:minmax(0,620px);grid-template-rows:349px minmax(0,1fr);width:100%;height:calc(100% - 82px);min-height:0}
body[data-mode="embed"] .scene{width:100%;min-width:0;height:349px;min-height:0;aspect-ratio:16/9}
body[data-mode="embed"] .scene>img{object-fit:cover}
body[data-mode="embed"] .zone-label{left:9px;top:9px;padding:6px 9px;border-radius:11px}
body[data-mode="embed"] .zone-label strong{font-size:18px}
body[data-mode="embed"] .zone-label span{font-size:14px}
body[data-mode="embed"] .zone-label.label-bottom{top:auto;bottom:9px}
body[data-mode="embed"] .journal{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 104px auto auto;gap:6px 9px;width:100%;min-width:0;min-height:0;padding:7px 10px;overflow:hidden;border-left:0;border-top:2px solid #d6eadb}
body[data-mode="embed"] .journal-head{grid-column:1/-1;display:flex;align-items:baseline;justify-content:center;gap:11px}
body[data-mode="embed"] .journal h2{font-size:26px}
body[data-mode="embed"] .journal-head p{margin:0;font-size:15px}
body[data-mode="embed"] .clues{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;min-height:0}
body[data-mode="embed"] .clue{display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:6px;height:104px;min-height:0;padding:7px;border-radius:11px}
body[data-mode="embed"] .clue-number{width:27px;height:27px;font-size:16px}
body[data-mode="embed"] .clue p{grid-column:2;grid-row:1;font-size:16px;line-height:1.2}
body[data-mode="embed"] .clue-state{display:none}
body[data-mode="embed"] .hint{grid-column:1;grid-row:3;margin:0;padding:0;border:0}
body[data-mode="embed"] .hint button{height:41px;padding:7px 14px;font-size:17px}
body[data-mode="embed"] .hint p{position:absolute;z-index:8;right:10px;bottom:52px;left:10px;margin:0;padding:9px;box-shadow:var(--shadow);font-size:16px}
body[data-mode="embed"] .next{grid-column:2;grid-row:3;width:auto;height:41px;margin:0;padding:7px 12px;font-size:17px}
body[data-mode="embed"] .found-line{grid-column:1/-1;grid-row:4;margin:0;padding-top:6px;font-size:14px}
body[data-mode="embed"] .toast{top:84px}
body[data-mode="embed"] .overlay{padding:10px}
body[data-mode="embed"] .card{width:min(580px,calc(100% - 20px));padding:20px;max-height:calc(100dvh - 20px)}
body[data-mode="embed"] .start-card h2,body[data-mode="embed"] .end-card h2{font-size:40px}
body[data-mode="embed"] .lead{margin:12px 0;font-size:21px}
body[data-mode="embed"] .brief{padding:11px 15px}
body[data-mode="embed"] .brief p{margin:6px 0;font-size:16px;line-height:1.35}
body[data-mode="embed"] .primary{margin-top:10px;padding:12px}