.poster-page{max-width:1320px;margin:auto;padding:12px 18px 28px;color:#143770;font-family:'Zen Maru Gothic',sans-serif}.poster-page>h1{font-size:24px;margin:0}.poster-page>p{margin:5px 0 12px}.poster{position:relative;aspect-ratio:16/9;container-type:inline-size;overflow:hidden;border:4px solid #164897;border-radius:18px;background:#fff1d3 url('./assets/schoolyard.webp') center/cover;color:#123a79;isolation:isolate}.poster *{box-sizing:border-box}.poster [hidden]{display:none!important}.poster button{font:900 clamp(12px,1.4cqw,22px)/1.3 'Zen Maru Gothic',sans-serif;color:#fff;background:#0958b5;border:3px solid #fff;border-radius:18px;padding:8px 14px;min-height:36px;cursor:pointer;box-shadow:0 2px 0 #153a7840;touch-action:manipulation}.poster button:hover{filter:brightness(1.08)}.poster button:focus-visible{outline:4px solid #ff7200;outline-offset:2px}.poster button:disabled{opacity:.6;cursor:default}.poster .primary,.poster #hint{background:#e76400}.game-tools{position:absolute;right:1%;top:1.5%;display:flex;gap:3px;z-index:3}.game-tools button{font-size:clamp(11px,1.1cqw,17px);padding:5px 8px;border-radius:10px;min-width:36px}.game-tools [aria-pressed=false]{background:#677787;text-decoration:line-through}.poster #scene{position:absolute;inset:0}.menu-copy{position:absolute;left:8%;top:20%;width:44%;text-align:center}.menu-copy h2{font-size:clamp(28px,5.6cqw,76px);line-height:1.2;margin:0;color:#0846a2;letter-spacing:-.06em;text-shadow:3px 3px #fff}.menu-copy h2 span{color:#e86e00}.menu-copy p{font-size:clamp(13px,1.8cqw,25px);font-weight:900}.part-chips{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:20px 0}.part-chips span{padding:8px;border:2px solid #164897;border-radius:12px;background:#fff5d9;font-weight:900}.menu-teacher{position:absolute;height:80%;width:auto;right:12%;bottom:3%;pointer-events:none}.start{min-width:60%;font-size:clamp(18px,2.3cqw,32px)!important}.stats{position:absolute;left:2%;top:3%;display:flex;gap:7px}.stats span{display:grid;text-align:center;font-size:clamp(10px,1cqw,15px);background:#fff9e8;padding:4px 9px;border-bottom:3px solid #ec8500;border-radius:6px}.stats b{font-size:clamp(17px,2cqw,30px)}.question{position:absolute;top:8%;left:26%;right:26%;margin:0;text-align:center;font-size:clamp(20px,3.1cqw,44px);line-height:1.2}.poster[data-scene=correct] .question{color:#00834f}.body-board{position:absolute;top:19%;bottom:23%;left:18%;right:18%}.teacher-wrap{position:absolute;height:100%;aspect-ratio:2/3;left:50%;transform:translateX(-50%)}.teacher-wrap img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.callouts{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.callouts line{stroke:#0754ae;stroke-width:2.5;vector-effect:non-scaling-stroke}.callouts ellipse{fill:none;stroke:#0754ae;stroke-width:2;vector-effect:non-scaling-stroke}.callouts .lit{stroke:#dc7200;stroke-width:4;fill:#ffe052}.callouts .correct{stroke:#00834f;fill:#d3ffe8}.part{position:absolute;width:23%;padding:4px!important;transform:translateY(-50%);font-size:clamp(15px,2.1cqw,30px)!important;z-index:1}.part[data-side=left]{left:0}.part[data-side=right]{right:0}.part.lit{background:#ffdc52;color:#143770;border-color:#e57100}.part.correct{background:#00834f;color:#fff}.fact{position:absolute;left:10%;right:10%;bottom:11%;height:10%;display:grid;align-content:center;text-align:center;background:#fffbed;border-radius:13px;border:2px solid #fff;font-weight:900;padding:4px 10px;font-size:clamp(12px,1.5cqw,22px);line-height:1.45;margin:0}.bottom{position:absolute;bottom:1%;left:5%;right:5%;height:9%;display:flex;align-items:center;justify-content:center;gap:8px}.message{position:absolute;left:0;bottom:1%;max-width:25%;margin:0;font-size:clamp(10px,1cqw,15px);line-height:1.4;font-weight:900}.bottom button{font-size:clamp(12px,1.35cqw,20px)}.shade{position:absolute;inset:0;z-index:5;background:#164897bb;display:grid;place-items:center;padding:16px}.shade>div{background:#fff7e1;border:4px solid #ffd759;border-radius:20px;padding:18px 24px;max-width:580px;max-height:100%;overflow:auto;font-size:clamp(13px,1.4cqw,20px)}.shade h2{margin:0 0 10px}.shade li{margin-bottom:7px}.shade button{margin:5px}.poster:fullscreen{width:100vw;height:100dvh;aspect-ratio:auto;border:0;border-radius:0}.parent-note{font-size:13px;color:#45546a}@container(max-width:600px){.game-tools{left:2%;right:2%;justify-content:flex-end;top:1%}.game-tools button{font-size:11px;padding:4px 6px;min-height:34px}.menu-copy{top:13%;left:5%;width:90%}.menu-copy h2{font-size:11cqw}.menu-copy p{font-size:4cqw;margin:8px 0}.part-chips{margin:10px 0;gap:5px}.part-chips span{font-size:14px;padding:3px}.menu-teacher{height:46%;right:50%;transform:translateX(50%);bottom:2%}.start{font-size:20px!important}.stats{top:8%;left:4%;gap:5px}.stats span{font-size:10px;padding:2px 8px;display:flex;align-items:center;gap:6px}.stats b{font-size:17px}.question{top:15%;left:2%;right:2%;font-size:26px}.body-board{left:2%;right:2%;top:23%;bottom:30%}.part{width:24%;font-size:17px!important;min-height:38px}.fact{left:3%;right:3%;bottom:13%;height:14%;font-size:15px;padding:8px}.bottom{bottom:2%;height:8%;left:2%;right:2%;gap:3px;align-items:flex-start}.bottom button{font-size:12px;padding:6px 10px}.message{bottom:-9px;left:0;max-width:100%;width:100%;font-size:11px;text-align:center}.shade>div{font-size:14px;padding:15px}.shade button{font-size:14px}}@media(max-width:620px) and (orientation:portrait){.poster-page{padding:8px}.poster{aspect-ratio:3/5;min-height:610px}.poster-page>h1{font-size:20px}}@media(max-height:500px) and (orientation:landscape){.poster:fullscreen .game-tools button{min-height:32px;padding:3px 6px}.poster:fullscreen .body-board{top:21%;bottom:25%}.poster:fullscreen .fact{bottom:13%;height:11%}.poster:fullscreen .bottom{height:11%;bottom:1%}.poster:fullscreen .part{min-height:32px}.poster:fullscreen .question{top:10%;font-size:24px}}