:root{--bg:#1f1f1f;--text:#f3f4f6;--brand:#10b981;--surface:rgba(20,20,20,0.7);--radius:16px;--pad:16px;--shadow:0 8px 24px rgba(0,0,0,.35)}html,body{max-width:100%;overflow-x:hidden}img,canvas,video{max-width:100%;height:auto;display:block}canvas[width][height]{height:auto !important}.responsive-wrap{width:100%;max-width:1100px;padding:var(--pad);margin:0 auto}.card,.game-card{background:var(--surface);border:1px solid rgba(16,185,129,0.2);border-radius:var(--radius);box-shadow:var(--shadow);padding:calc(var(--pad)* 1.25)}.btn,.game-btn{background:var(--brand);color:#111827;padding:10px 16px;border-radius:9999px;font-weight:700;border:0}.modal,.overlay,.message-overlay,.menu-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:9999}.modal.open,.overlay.open,.message-overlay.open,.menu-overlay.open{display:flex}.modal .content,.overlay .content{max-height:90vh;overflow:auto;background:#111827;border:1px solid rgba(16,185,129,0.3);border-radius:var(--radius);box-shadow:var(--shadow);padding:calc(var(--pad)* 1.25)}h1{font-size:clamp(1.6rem,4vw,2.2rem)}h2{font-size:clamp(1.3rem,3.2vw,1.8rem)}h3{font-size:clamp(1.1rem,2.8vw,1.4rem)}p,li,button{font-size:clamp(0.95rem,2.8vw,1.05rem)}@media(max-width:480px){.stack{display:flex;flex-direction:column;gap:12px}.controls,.sidebar{width:100% !important}.toolbar{flex-wrap:wrap;gap:8px}}
/* ── SMARTBio outreach banner (shared across all game pages) ── */
.sb-header{position:fixed;top:0;left:0;right:0;z-index:9999;display:flex;align-items:center;gap:16px;padding:12px 28px;background:rgba(8,18,28,0.97);backdrop-filter:blur(10px);border-bottom:1px solid rgba(16,185,129,0.32);font-family:'Exo 2',system-ui,sans-serif;min-height:64px;box-sizing:border-box;}
.sb-brand{text-decoration:none;font-weight:900;font-size:1.35rem;color:#10b981;letter-spacing:0.07em;flex-shrink:0;white-space:nowrap;}
.sb-title{font-size:1.05rem;font-weight:600;color:#e2e8f0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.sb-tags{display:flex;gap:7px;flex-shrink:0;}
.sb-tag{font-size:0.78rem;font-weight:700;padding:4px 13px;border-radius:9999px;border:1px solid rgba(16,185,129,0.45);color:#10b981;background:rgba(16,185,129,0.12);letter-spacing:0.04em;white-space:nowrap;}
.sb-research-btn{font-size:0.85rem;font-weight:700;padding:7px 16px;border-radius:9999px;border:1px solid rgba(139,92,246,0.55);color:#c4b5fd;background:rgba(139,92,246,0.12);cursor:pointer;flex-shrink:0;transition:background 0.2s;white-space:nowrap;font-family:'Exo 2',system-ui,sans-serif;}
.sb-research-btn:hover{background:rgba(139,92,246,0.24);}
.sb-panel{position:fixed;top:64px;right:0;z-index:9998;width:min(360px,88vw);max-height:calc(100vh - 64px);overflow-y:auto;background:rgba(8,18,28,0.97);border-left:1px solid rgba(16,185,129,0.22);padding:20px 18px;font-family:'Exo 2',system-ui,sans-serif;transform:translateX(100%);transition:transform 0.28s ease;scrollbar-width:thin;}
.sb-panel.open{transform:translateX(0);}
.sb-panel h3{font-size:0.95rem;font-weight:700;color:#10b981;margin:0 0 10px 0;}
.sb-panel p{font-size:0.8rem;color:#cbd5e1;line-height:1.65;margin:0 0 14px 0;}
.sb-panel a.sb-more{display:inline-block;font-size:0.76rem;font-weight:700;color:#10b981;text-decoration:none;border-bottom:1px solid rgba(16,185,129,0.4);padding-bottom:2px;margin-top:4px;}
.sb-panel-close{position:absolute;top:10px;right:12px;background:none;border:none;color:#94a3b8;font-size:1.1rem;cursor:pointer;line-height:1;padding:2px 4px;}
.sb-panel-close:hover{color:#e2e8f0;}
body,.game-shell{padding-top:64px!important;}
@media(max-width:480px){.sb-tags{display:none;}.sb-title{font-size:0.92rem;}.sb-brand{font-size:1.15rem;}}