:root { --green:#2b7055; --muted:#587068; --border:#dce7dd; }
body { background:radial-gradient(ellipse at 85% 0%,#f5e8d6,transparent 560px),#f7f8f2; }
.page { width:min(1100px,calc(100% - 36px)); }
.game-brand-mark { background:transparent; }
.game-brand-mark img { display:block;width:100%;height:100%;object-fit:contain; }
.top .filipika-game-brand > .game-brand-mark img { transform:scale(.9);transform-origin:center; }
.intro { text-align:center; margin:18px auto 26px; }
.intro h1 { font-size:clamp(2.1rem,6vw,3.6rem); }
.intro p:not(.kicker) { margin-inline:auto; }
.game-profile-card { margin-bottom:18px; }
.architect-game { padding:clamp(14px,3vw,26px);margin-bottom:16px; }
.level-picker { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;max-width:620px;margin:0 auto 20px; }
.level-picker button { display:grid;gap:5px;padding:12px 5px;min-height:62px;border:1px solid #d4ddd4;border-radius:13px;background:#fafbf7;color:#496459; }
.level-picker strong { font-size:1rem; }
.level-picker small { font-size:.8rem; }
.level-picker [aria-pressed="true"] { border-color:#43876b;background:#e8f4e9;box-shadow:inset 0 0 0 1px #43876b;color:#214f3d; }
.ready-instructions { max-width:690px;margin:0 auto 16px;text-align:center; }
.ready-instructions h2 { font-size:1.15rem; }
.ready-instructions p { margin:8px 0;line-height:1.55;color:var(--muted);font-size:.92rem; }
.game-stats { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 18px;text-align:center; }
.game-stats > div { display:grid;gap:3px;padding:9px 3px;border-radius:12px;background:#f5eef9; }
.game-stats > div > :is(strong,span) { background:transparent; }
.game-stats strong { font-size:1.5rem;font-variant-numeric:tabular-nums;line-height:1.1; }
.game-stats span { color:var(--muted);font-size:.76rem; }
.construction-workspace { display:grid;gap:18px; }
.pair-board { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;min-width:0; }
.pair-board .align-views { grid-column:1/-1;justify-self:center;min-height:44px;padding:5px 14px;border:0;border-radius:9px;background:transparent;color:#476653;font-size:.78rem;text-decoration:underline;text-underline-offset:3px; }
.scene-card { position:relative;margin:0;border:1px solid #dce5d9;border-radius:16px;background:#f5f8f0;overflow:hidden; }
.scene-card figcaption { display:flex;align-items:center;justify-content:space-between;gap:4px;padding:5px 12px;min-height:44px; }
.scene-card figcaption strong { font-size:.94rem; }
.scene-card figcaption span { color:var(--muted);font-size:.75rem; }
.scene-card figcaption button { border:0;border-radius:8px;background:transparent;min-width:44px;min-height:44px;padding:0;font-size:1.7rem;color:#476653; }
.build-card { background:#f6f7f9; }
.scene { touch-action:pan-y;user-select:none; }
.scene svg { display:block;width:100%;height:clamp(170px,25vh,300px); }
.rotate-controls { display:flex;align-items:center;justify-content:space-between;padding:0 8px 7px;gap:8px; }
.rotate-controls button { display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;border:1px solid #cddacd;border-radius:11px;background:#fffefa;color:#466553; }
.rotate-icon { display:block;width:18px;height:18px;flex:none; }
.rotate-controls span { color:#617368;font-size:.72rem;font-variant-numeric:tabular-nums; }
.editor { display:grid;gap:12px;align-content:start;min-width:0; }
.tool-palette { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px; }
.tool-palette button { display:flex;align-items:center;justify-content:center;gap:5px;min-height:46px;padding:6px 4px;border:1px solid #ced8d1;border-radius:10px;background:white;color:#3f554d;font-size:.82rem;font-weight:700; }
.tool-palette button span { color:var(--tool-color,#59665e);font-size:1.25rem;line-height:1; }
.tool-palette button .color-swatch { display:block;width:10px;height:10px;flex:none;background:var(--tool-color); }
.tool-palette [data-color="red"] { --tool-color:#e56b69; }
.tool-palette [data-color="blue"] { --tool-color:#4c99d5; }
.tool-palette [data-color="yellow"] { --tool-color:#e5b83f; }
.tool-palette [aria-pressed="true"] { border-color:#355c49;box-shadow:inset 0 0 0 1px #355c49;background:#f0f7ec; }
.grid-wrap { justify-self:center;width:min(100%,300px); }
.edit-grid { display:grid;grid-template-columns:22px repeat(var(--size,3),minmax(44px,1fr));gap:4px; }
.grid-label { display:grid;place-items:center;font-size:.8rem;font-weight:750;color:#557064; }
.grid-label.column { min-height:18px; }
.edit-grid button { position:relative;min-width:44px;min-height:44px;aspect-ratio:1;padding:3px;border:1px solid #b9cabc;border-radius:9px;background:#eef4ee;color:#3d5c48;font-size:.75rem;font-weight:750; }
.column-stack { display:flex;flex-direction:column-reverse;gap:2px;width:64%;height:34px;margin:auto; }
.stack-chip { display:block;flex:0 1 7px;min-height:5px;border:1px solid #233b4b55;border-radius:2px;background:var(--cube-color); }
.stack-gap { border:1px dashed #9cb1a0;background:transparent; }
:is(.stack-chip,.erase-cube)[data-color="red"] { --cube-color:#e57672; }
:is(.stack-chip,.erase-cube)[data-color="blue"] { --cube-color:#6aaee2; }
:is(.stack-chip,.erase-cube)[data-color="yellow"] { --cube-color:#f2cb60; }
.edit-grid button[aria-pressed="true"] { border:2px solid #3e7558;background:#e3efe4; }
.erase-column { margin-top:6px; }
.erase-column[hidden] { display:none; }
.erase-column p { margin:0 0 5px;text-align:center;font-size:.7rem;line-height:1.3;color:var(--muted); }
#erase-cubes { display:flex;justify-content:center;flex-wrap:wrap;gap:4px; }
.erase-cube { min-width:44px;min-height:44px;flex:0 0 44px;padding:4px;border:1px solid #647d75;border-radius:8px;background:var(--cube-color);color:#193a3e;font-weight:800; }
#build-view :is([data-build-cube],[data-build-base]) { cursor:pointer; }
.edit-grid button:not(:disabled):hover { border-color:#3f7256;background:#e2eddf; }
.grid-hint { margin:8px 0 0;text-align:center;font-size:.7rem;color:#6b7d71; }
.edit-actions { display:flex;justify-content:center;gap:7px;flex-wrap:wrap; }
.edit-actions button { padding:9px 12px; }
.edit-actions :is(#check,#next) { flex:1;max-width:210px; }
button:disabled { opacity:.48; }
.message { min-height:1.5em;margin:14px 0 10px;text-align:center;font-size:.9rem; }
.message[data-tone="correct"] { padding:10px;border-radius:11px;background:#dff1dd;color:#215d35; }
.message[data-tone="wrong"] { color:#9e4339; }
.game-start-row { display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap; }
.summary { display:flex;justify-content:center;align-items:center;gap:16px;padding:16px;margin:12px 0;background:#e0f1df;border:1px solid #acd29d;border-radius:14px; }
.summary>span { font-size:2rem;color:#347441; }
.summary p { margin:5px 0 0; }
.summary strong { font-variant-numeric:tabular-nums; }
.note { text-align:center; }
#retry { display:block;margin:12px auto 0; }
.sr-only { position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0; }
html[data-architekt-active="true"] #game-view > .intro,html[data-architekt-active="true"] #game-view > [data-profile-card],html[data-architekt-active="true"] .level-picker,html[data-architekt-active="true"] .ready-instructions { display:none; }
html[data-architekt-active="true"] .game-start-row { min-height:0; }
html[data-architekt-active="true"] #game-view + footer { display:none; }
html[data-architekt-phase="feedback"] .build-card,html[data-architekt-phase="finished"] .build-card { border-color:#72ab64;background:#e5f2e0; }
#target-dialog { width:min(760px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:18px;border:1px solid #bdcdbb;border-radius:20px;background:#f8faf3;color:#244e3d;box-shadow:0 20px 80px #1b352f55; }
#target-dialog::backdrop { background:#183b35a3;backdrop-filter:blur(3px); }
.dialog-head { display:flex;align-items:center;justify-content:space-between;gap:12px; }
.dialog-head button { min-width:44px;font-size:1.5rem; }
#large-target svg { height:clamp(200px,65vh,540px); }
.dialog-rotate { display:flex;align-items:center;justify-content:space-between;gap:14px; }
.dialog-rotate button { display:grid;place-items:center;flex:0 0 44px;width:44px;min-width:44px;height:44px;min-height:44px;padding:0; }
.dialog-rotate span,#target-dialog>p { font-size:.8rem;color:#617363;text-align:center; }
@media(min-width:900px) {
  html[data-architekt-active="true"] .construction-workspace { grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);align-items:center;gap:26px; }
  html[data-architekt-active="true"] .scene svg { height:310px; }
  .grid-wrap { width:260px; }
  .editor { gap:14px; }
}
@media(max-width:600px) {
  .page { width:calc(100% - 20px); }
  .top { padding:12px 0;gap:6px; }
  .game-brand { gap:7px!important; }
  .game-brand-mark { width:36px;height:40px;font-size:1.3rem; }
  .game-brand-copy strong { font-size:1rem; }
  .game-brand-copy small { font-size:.65rem; }
  .header-actions { gap:3px; }
  #cancel { padding:8px;font-size:.78rem; }
  .architect-game { padding:12px; }
  .intro { margin:10px 0 18px; }
  .intro p:not(.kicker) { font-size:.9rem; }
  .level-picker { gap:5px;margin-bottom:16px; }
  .level-picker button { padding:10px 3px; }
  .level-picker strong { font-size:.9rem; }
  .level-picker small { font-size:.73rem; }
  .game-stats { margin:4px 0 12px;gap:5px; }
  .game-stats strong { font-size:1.25rem; }
  .game-stats span { font-size:.65rem; }
  .construction-workspace { gap:12px; }
  .pair-board { gap:4px 8px; }
  .scene-card { border-radius:12px; }
  .scene-card figcaption { padding:0 8px;min-height:36px; }
  .scene-card figcaption strong { font-size:.8rem; }
  .scene-card figcaption span { font-size:.65rem; }
  .scene-card figcaption button { min-width:44px;min-height:44px;font-size:1.4rem; }
  .scene svg { height:clamp(130px,20vh,185px); }
  .rotate-controls { padding:0 5px 5px;gap:2px; }
  .rotate-controls button { width:44px;min-height:44px; }
  .editor { gap:8px; }
  .tool-palette { gap:5px; }
  .tool-palette button { font-size:.73rem;gap:3px;min-height:44px; }
  .tool-palette button span { font-size:1rem; }
  .grid-wrap { width:238px; }
  .edit-actions button { font-size:.8rem;padding:9px 10px; }
  .message { font-size:.8rem;margin:10px 0 7px; }
  html[data-architekt-active="true"] .top { padding:7px 0; }
  html[data-architekt-active="true"] .architect-game { padding:9px; }
}
@media(max-width:600px) and (max-height:740px) {
  html[data-architekt-active="true"] .scene-card { min-height:130px; }
  html[data-architekt-active="true"] .scene-card figcaption { min-height:28px;padding-inline:6px; }
  html[data-architekt-active="true"] .scene-card figcaption button { position:absolute;right:0;top:0;z-index:1; }
  html[data-architekt-active="true"] .scene-card:first-child figcaption strong { padding-right:34px; }
  html[data-architekt-active="true"] .scene svg { height:118px; }
  html[data-architekt-active="true"] .rotate-controls { padding:0 3px 3px; }
  html[data-architekt-active="true"] .rotate-controls span { border-radius:6px;background:#f7faf0da;padding:3px; }
  html[data-architekt-active="true"] .rotate-controls button { background:#fffdf4e8; }
  html[data-architekt-active="true"] .construction-workspace { gap:7px; }
  html[data-architekt-active="true"] .editor { gap:5px; }
  html[data-architekt-active="true"] .game-stats { margin:0 0 7px; }
  html[data-architekt-active="true"] .grid-wrap { width:208px; }
  html[data-architekt-active="true"] .edit-grid { gap:3px;grid-template-columns:16px repeat(var(--size,3),minmax(44px,1fr)); }
  html[data-architekt-active="true"] .grid-label.column { min-height:14px;font-size:.68rem; }
  html[data-architekt-active="true"] .grid-hint { margin-top:3px;font-size:.61rem; }
  html[data-architekt-active="true"] .message { margin:7px 0 0; }
  html[data-architekt-active="true"] footer { display:none; }
}
@media(max-width:359px) {
  .game-brand-copy strong { font-size:.9rem; }
  .tool-palette button { flex-direction:column;gap:1px;padding:4px 2px;font-size:.67rem; }
  .scene-card figcaption span { display:none; }
}
@media(prefers-reduced-motion:no-preference) { button { transition:background-color .12s,border-color .12s; } }

#inspect-floors { display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-top:12px; }
#inspect-floors button { min-width:44px;min-height:44px;padding:8px 12px;border:1px solid #bdcebd;border-radius:10px;background:white;color:#3b5e4a;font-weight:700; }
#inspect-floors [aria-pressed="true"] { background:#e1efdf;border:2px solid #54815b; }
#target-dialog .inspect-hint { margin:12px 0 0; }
#target-dialog { overflow-y:auto; }

/* Fit the live workspace to the device; ready and result pages keep their flow. */
.compact-tools { display:none; }
html[data-architekt-active="true"] .page > footer { display:none; }
html[data-architekt-active="true"] .top { min-height:60px;padding:8px 0; }
html[data-architekt-active="true"] .architect-game { padding:14px;margin-bottom:0; }
html[data-architekt-active="true"] .game-stats { margin:0 0 12px; }
html[data-architekt-active="true"] .game-stats > div { padding:3px; }
html[data-architekt-active="true"] .game-stats strong { font-size:1.3rem; }
html[data-architekt-active="true"] .game-stats span { font-size:.7rem; }
html[data-architekt-active="true"] .construction-workspace { gap:12px; }
html[data-architekt-active="true"] .editor { gap:9px; }
html[data-architekt-active="true"] .grid-wrap { width:238px; }
html[data-architekt-active="true"] .grid-hint { display:none; }
html[data-architekt-active="true"] .message { margin:10px 0 0;min-height:0;font-size:.8rem;line-height:1.35; }
html[data-architekt-active="true"] .message[data-tone="correct"] { padding:4px; }
html[data-architekt-active="true"] .game-start-row { display:none; }
html[data-architekt-active="true"] .scene-card figcaption { min-height:34px;padding:0 9px; }
html[data-architekt-active="true"] .scene-card figcaption button { position:absolute;right:0;top:0;z-index:1; }
html[data-architekt-active="true"] .scene-card:first-child figcaption strong { padding-right:34px; }
@media(min-width:900px) {
  html[data-architekt-active="true"] .construction-workspace { grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:22px; }
  html[data-architekt-active="true"] .scene svg { height:clamp(200px,39vh,310px); }
  html[data-architekt-active="true"] .scene-card { min-height:0; }
}
@media(min-width:601px) and (max-width:899px) {
  html[data-architekt-active="true"] .architect-game { padding:12px; }
  html[data-architekt-active="true"] .pair-board { gap:4px 12px; }
  html[data-architekt-active="true"] .scene svg { height:clamp(150px,22vh,210px); }
  html[data-architekt-active="true"] .rotate-controls { padding:0 7px 5px; }
  html[data-architekt-active="true"] .editor { grid-template-columns:1fr;gap:9px; }
  html[data-architekt-active="true"] .tool-palette { grid-column:1;grid-row:1; }
  html[data-architekt-active="true"] .tool-palette button { min-height:44px;font-size:.75rem;gap:3px; }
  html[data-architekt-active="true"] .grid-wrap,html[data-architekt-active="true"] .edit-actions { grid-column:1/-1; }
  html[data-architekt-active="true"] .grid-wrap { width:218px; }
  html[data-architekt-active="true"] .edit-grid { grid-template-columns:18px repeat(var(--size,3),minmax(44px,1fr));gap:3px; }
  html[data-architekt-active="true"] .grid-label.column { min-height:14px;font-size:.7rem; }
}
@media(max-width:600px) {
  html[data-architekt-active="true"] .top { min-height:52px;padding:4px 0; }
  html[data-architekt-active="true"] .architect-game { padding:8px; }
  html[data-architekt-active="true"] .game-stats { margin:0 0 7px; }
  html[data-architekt-active="true"] .game-stats strong { font-size:1.15rem; }
  html[data-architekt-active="true"] .game-stats span { font-size:.63rem; }
  html[data-architekt-active="true"] .construction-workspace { gap:8px; }
  html[data-architekt-active="true"] .scene-card { min-height:0; }
  html[data-architekt-active="true"] .scene svg { height:clamp(120px,18vh,160px); }
  html[data-architekt-active="true"] .rotate-controls { padding:0 3px 3px; }
  html[data-architekt-active="true"] .rotate-controls span { border-radius:6px;background:#f7faf0da;padding:3px; }
  html[data-architekt-active="true"] .rotate-controls button { background:#fffdf4ed; }
  html[data-architekt-active="true"] .scene-card figcaption { min-height:28px;padding-inline:6px; }
  html[data-architekt-active="true"] .editor { gap:7px; }
  html[data-architekt-active="true"] .grid-wrap { width:218px; }
  html[data-architekt-active="true"] .edit-grid { gap:3px;grid-template-columns:16px repeat(var(--size,3),minmax(44px,1fr)); }
  html[data-architekt-active="true"] .grid-label.column { min-height:14px;font-size:.68rem; }
  html[data-architekt-active="true"] .message { margin-top:7px;font-size:.76rem; }
}
@media(max-width:600px) and (max-height:740px) {
  html[data-architekt-active="true"] .compact-tools { display:grid;grid-template-columns:1fr;gap:7px; }
  html[data-architekt-active="true"] .compact-tools label { min-width:0; }
  html[data-architekt-active="true"] .compact-tools select { min-height:44px;height:44px;padding:6px 8px;font-size:.8rem;font-weight:700; }
  html[data-architekt-active="true"] .tool-palette { display:none; }
  html[data-architekt-active="true"] .scene svg { height:100px; }
  html[data-architekt-active="true"] .editor { gap:5px; }
  html[data-architekt-active="true"] .construction-workspace { gap:6px; }
  html[data-architekt-active="true"] .grid-wrap { width:200px; }
  html[data-architekt-active="true"] .edit-grid { grid-template-columns:16px repeat(var(--size,3),minmax(44px,1fr));gap:2px; }
  html[data-architekt-active="true"] .grid-label.column { min-height:12px; }
  html[data-architekt-active="true"] .edit-actions { gap:5px; }
  html[data-architekt-active="true"] .edit-actions button { padding:8px 9px; }
  html[data-architekt-active="true"] .message { margin-top:5px;font-size:.72rem; }
  html[data-architekt-active="true"] .message:is([data-tone="correct"],[data-tone="wrong"]) { padding-block:0; }
}
/* Share the tool row on short phones without covering either scene. */
@media(max-width:600px) and (min-height:501px) and (max-height:740px) {
  html[data-architekt-active="true"] .construction-workspace { grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 6px; }
  html[data-architekt-active="true"] :is(.pair-board,.editor) { display:contents; }
  html[data-architekt-active="true"] .scene-card { grid-row:1; }
  html[data-architekt-active="true"] .pair-board .align-views { grid-column:2;grid-row:2;justify-self:stretch;padding-inline:4px;font-size:.7rem; }
  html[data-architekt-active="true"] .compact-tools { grid-column:1;grid-row:2; }
  html[data-architekt-active="true"] .grid-wrap { grid-column:1/-1;grid-row:3; }
  html[data-architekt-active="true"] .edit-actions { grid-column:1/-1;grid-row:4; }
}
@media(max-width:600px) and (min-height:501px) and (max-height:620px) {
  html[data-architekt-active="true"] .top { min-height:44px;padding:0; }
  html[data-architekt-active="true"] .top .filipika-game-brand > .filipika-game-art { width:40px;height:40px; }
  html[data-architekt-active="true"] .architect-game { padding:4px; }
  html[data-architekt-active="true"] .game-stats { margin-bottom:3px; }
  html[data-architekt-active="true"] .game-stats > div { gap:1px;padding:2px 3px; }
  html[data-architekt-active="true"] .scene svg { height:84px; }
}
@media(max-height:500px) and (min-width:480px) and (max-width:899px) {
  html[data-architekt-active="true"] .page { width:calc(100% - 12px);position:relative; }
  html[data-architekt-active="true"] .top { position:absolute;top:2px;left:8px;width:calc(43% - 16px);z-index:2;min-height:44px;padding:0;gap:4px; }
  html[data-architekt-active="true"] .game-brand { min-height:44px; }
  html[data-architekt-active="true"] .game-brand-mark,html[data-architekt-active="true"] .game-brand-copy small { display:none; }
  html[data-architekt-active="true"] .game-brand-copy strong { font-size:.72rem; }
  html[data-architekt-active="true"] .header-actions { gap:0; }
  html[data-architekt-active="true"] #cancel { padding:6px;font-size:.66rem; }
  html[data-architekt-active="true"] .architect-game { display:grid;grid-template-columns:minmax(0,43fr) minmax(0,57fr);grid-template-rows:85px 1fr auto;gap:4px 10px;padding:6px;min-height:304px;border-radius:13px; }
  html[data-architekt-active="true"] .construction-workspace { display:contents; }
  html[data-architekt-active="true"] .game-stats { grid-column:1;grid-row:1;align-self:end;margin:0;gap:4px; }
  html[data-architekt-active="true"] .game-stats strong { font-size:1rem; }
  html[data-architekt-active="true"] .game-stats span { font-size:.55rem; }
  html[data-architekt-active="true"] .pair-board { grid-column:1;grid-row:2;align-self:start;gap:4px 5px; }
  html[data-architekt-active="true"] .scene-card figcaption strong { font-size:.65rem; }
  html[data-architekt-active="true"] .scene-card figcaption span { display:none; }
  html[data-architekt-active="true"] .scene-card figcaption { min-height:25px;padding:0 4px; }
  html[data-architekt-active="true"] .scene-card:first-child figcaption strong { padding-right:25px; }
  html[data-architekt-active="true"] .scene svg { height:100px; }
  html[data-architekt-active="true"] .rotate-controls { padding:0 2px 2px; }
  html[data-architekt-active="true"] .rotate-controls button { width:44px;min-height:44px;background:#fffdf4ed; }
  html[data-architekt-active="true"] .rotate-controls span { display:none; }
  html[data-architekt-active="true"] .editor { grid-column:2;grid-row:1/4;display:grid;grid-template-columns:1fr;gap:4px;align-self:start; }
  html[data-architekt-active="true"] .compact-tools { display:grid;grid-template-columns:1fr;gap:5px;grid-column:1; }
  html[data-architekt-active="true"] .compact-tools select { min-height:44px;height:44px;font-size:.75rem;padding:5px; }
  html[data-architekt-active="true"] .tool-palette { display:none; }
  html[data-architekt-active="true"] .grid-wrap { grid-column:1;width:198px; }
  html[data-architekt-active="true"] .edit-grid { grid-template-columns:14px repeat(var(--size,3),minmax(44px,1fr));gap:2px; }
  html[data-architekt-active="true"] .grid-label.column { min-height:12px; }
  html[data-architekt-active="true"] .edit-actions { grid-column:1;gap:4px;flex-wrap:nowrap; }
  html[data-architekt-active="true"] .edit-actions button { min-width:44px;padding:6px;font-size:.7rem; }
  html[data-architekt-active="true"] .message { grid-column:1;grid-row:3;align-self:end;margin:0;font-size:.67rem;line-height:1.25; }
  html[data-architekt-active="true"] #save-status { grid-column:1/-1; }
}
.build-scene {position:relative;}
.check-feedback {position:absolute;inset:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px;border:2px solid #80b58a;border-radius:10px;background:#eff9edeb;color:#226437;text-align:center;pointer-events:none;}
.check-feedback[hidden] {display:none;}
.check-feedback[data-tone="wrong"] {border-color:#d57a70;background:#fff1eceb;color:#a1352e;}
#check-symbol {font-size:clamp(3.5rem,9vw,6rem);font-weight:900;line-height:.9;}
#check-feedback-text {max-width:26ch;font-size:clamp(.76rem,2vw,1rem);line-height:1.3;}
@media(max-width:600px){.check-feedback {padding:6px;gap:4px;}#check-symbol {font-size:3.5rem;}#check-feedback-text {font-size:.76rem;}}