*{box-sizing:border-box}body{margin:0;padding:12px;background:#16264e;color:#fff;font:16px "Courier New",monospace}header,main,#gameplay,#notice{max-width:1120px;margin:0 auto}header{text-align:center}h1{color:#78df62;font-size:clamp(22px,4vw,36px)}.stage-label{color:#f2d64b;font-weight:bold;font-size:13px}.workspace-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:12px}.panel{background:#f6e8bd;color:#15254a;padding:14px;border:4px solid #101a43}.panel h2{margin-top:0;font-size:20px}label{display:block;margin:10px 0 5px;font-weight:bold}input,select,textarea{width:100%;border:3px solid #101a43;padding:8px;background:#fff8dc;color:#15254a;font:16px "Courier New",monospace}textarea{height:260px;resize:vertical}button,.share-link{min-height:44px;padding:9px;border:3px solid #101a43;background:#5cc7d8;color:#101a43;font:900 14px "Courier New",monospace;cursor:pointer}button:disabled{opacity:.65;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:2px}.primary{background:#78df62}.actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}a{color:#fff;overflow-wrap:anywhere}#notice{padding:10px;font-weight:bold}.hint{font-size:13px;line-height:1.5}.student-panel{text-align:center;border:4px solid #f2d64b;padding:18px}.bt-game-retry{min-height:44px;padding:8px}#gameplay>.actions{justify-content:center}@media(max-width:760px){body{padding:6px}.workspace-grid{grid-template-columns:1fr}.panel{padding:10px}textarea{height:210px}}

/* Gameplay occupies the viewport; creator screens retain normal scrolling. */
body.playing{padding:0;height:100dvh;overflow:hidden}
body.playing>header{display:none}
body.playing #notice:empty{display:none}
body.playing #gameplay{width:100%;max-width:none;height:100%;min-height:0}
body.playing #notice:not(:empty){position:fixed;bottom:0;left:0;right:0;z-index:10;background:#16264e}