*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#042935;color:#e9ffff;font-family:system-ui,-apple-system,sans-serif;overscroll-behavior:none}#content{position:fixed;inset:0 0 66px;touch-action:none}canvas{touch-action:none}#gamify-panel{position:fixed;inset:0;z-index:10;display:grid;place-items:center;align-items:safe center;padding:18px;background:radial-gradient(ellipse at top,#157488d9,#032a3bf5 75%);overflow:auto}.card{width:min(440px,100%);padding:22px;border:1px solid #70e6e37a;border-radius:24px;background:linear-gradient(145deg,#154e60,#07303f);box-shadow:0 20px 70px #001b2780}.banner{width:100%;border-radius:14px;margin-top:12px;display:block}small{letter-spacing:4px;color:#a8f3ec;font-size:11px}h1{font-size:30px;margin:14px 0 8px}h2{color:#a7fff1}p,li{font-size:15px;line-height:1.5;color:#cfebef}.actions{display:grid;gap:9px;margin-top:18px}button,a{min-height:46px;border-radius:12px;border:1px solid #73c9d5;background:#164f61;color:#edffff;font:700 15px system-ui;padding:12px;text-align:center;text-decoration:none;cursor:pointer}.primary{background:linear-gradient(120deg,#a6fff0,#49cfe2);color:#073b49;border-color:#bafff6;box-shadow:0 3px 0 #1b8896}button:focus-visible,a:focus-visible{outline:3px solid #ffe299;outline-offset:3px}#gamify-controls{position:fixed;bottom:max(8px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap;z-index:5}#gamify-controls button{font-size:13px;padding:10px}progress{width:100%;accent-color:#78efdd}[hidden]{display:none!important}@media(max-height:700px){.banner{max-height:120px;object-fit:cover}.card{padding:16px}p,li{font-size:14px;margin:8px 0}h1{font-size:25px}.actions{gap:7px;margin-top:12px}}
 #content{height:calc(100% - 66px)}
/* Sunlit underwater glass, shared by ready/help/pause/results. */
#gamify-panel{background:linear-gradient(180deg,#073a55b0,#031c33d9),url('assets/bootstrap/gfx/gamify-reef.png') center/cover no-repeat}
.card{background:linear-gradient(145deg,#39849dce,#07394bea 60%,#05293cef);border:1px solid #a8f8ff9e;box-shadow:inset 0 2px 0 #e0ffff75,inset 0 -2px 12px #042335aa,0 25px 65px #001624a0,0 0 32px #5bdbec20;border-radius:26px;backdrop-filter:blur(8px)}
.card small{color:#c8fff6;letter-spacing:5px}.card h1,.card h2{color:#edffff;text-shadow:0 2px 0 #093955,0 0 24px #78f8ff55;letter-spacing:-.5px}.card p,.card li{color:#e3f5f8}.banner{border:1px solid #b8fbff8c;box-shadow:0 8px 20px #032c49aa}
button,a{background:linear-gradient(180deg,#41869e,#195168 52%,#13435b);border:1px solid #a0dbe9a0;box-shadow:inset 0 2px 0 #d1ffff55,0 3px 0 #082e41,0 5px 12px #001c3133;text-shadow:0 1px 2px #072c40;transition:filter .15s,transform .15s}
button:hover,a:hover{filter:brightness(1.14)}button:active,a:active{transform:translateY(1px)}.primary{background:linear-gradient(180deg,#e2fff8,#8cf8e4 43%,#2bbed5);box-shadow:inset 0 2px 0 #fff,0 4px 0 #16748c,0 8px 20px #30e4ea35;color:#063b50;text-shadow:none}
#gamify-controls{padding:6px 8px;border-radius:20px;background:linear-gradient(#164b61ee,#082b40ee);border:1px solid #84dce66e;box-shadow:inset 0 1px 0 #c6ffff55,0 4px 18px #001c3b80;bottom:max(5px,env(safe-area-inset-bottom))}#gamify-controls button{min-height:40px;background:linear-gradient(#397a90,#16455e);border-color:#8ddbe7a8}
@media(prefers-reduced-motion:reduce){button,a{transition:none}}
.actions button,#gamify-controls button{display:flex;align-items:center;justify-content:center;gap:10px}.control-gem{display:inline-grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#b5fff35c,#1a8dba55 48%,#062e4c88);border:1px solid #d0ffff8a;box-shadow:inset 0 2px 3px #d7ffff55,0 2px 5px #001c4155;color:#e3ffff}.control-gem svg{width:20px;height:20px;filter:drop-shadow(0 1px 1px #003248)}.primary .control-gem{background:linear-gradient(#e5fff5,#57cdd1);color:#07526a;border-color:#ffffff}.actions button{min-height:52px}#gamify-controls button{padding:5px 9px;gap:6px}#gamify-controls .control-gem{width:26px;height:26px;flex-basis:26px;border-radius:8px}#gamify-controls .control-gem svg{width:18px;height:18px}