@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600;700;800&display=swap";:root{--ink: #0d0d0d;--paper: #f7f4ef;--cream: #ede9e0;--accent: #c84b31;--correct: #2d7a4f;--present: #b07d1a;--absent: #555;--wrong: #b83030;--gold: #d4941a}*{margin:0;padding:0;box-sizing:border-box}html{background:var(--ink)}body{font-family:DM Sans,sans-serif;background:var(--paper);color:var(--ink);min-height:100dvh;display:flex;flex-direction:column;align-items:stretch}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:var(--ink);z-index:9999;pointer-events:none}.site-header{width:100%;background:var(--ink);color:#fff;padding:14px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.site-header .brand{font-family:"DM Serif Display",serif;font-size:1.5em;letter-spacing:.02em;display:inline-flex;align-items:center;min-height:54px}.site-header a.brand{color:#fff;text-decoration:none}.site-header a.brand:hover{opacity:.92}.site-header .brand-logo{display:block;width:auto}.site-header .brand-logo-full{height:52px}.site-header .brand-logo-compact{height:42px;display:none}.site-header .brand-fallback{display:none;font-family:"DM Serif Display",serif;font-size:1.05rem}.site-header .brand.brand-fallback-visible .brand-logo{display:none!important}.site-header .brand.brand-fallback-visible .brand-fallback{display:inline-flex;align-items:center;gap:6px}.nav-tabs{display:flex;gap:6px}.tab{color:#ffffffa6;text-decoration:none;font-size:.82em;font-weight:500;padding:7px 16px;border-radius:20px;border:1.5px solid rgba(255,255,255,.2);transition:all .2s;white-space:nowrap}.tab:hover{color:#fff;border-color:#ffffff80}.tab.active{background:#fff;color:var(--ink);border-color:#fff}.lobby-badge{display:inline-block;background:var(--accent);color:#fff;font-size:.72em;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:5px 14px;border-radius:20px;margin-bottom:12px}.page-title{text-align:center;margin-bottom:24px;width:100%}.page-title h1{font-family:"DM Serif Display",serif;font-size:2.6em;line-height:1.1;margin-bottom:6px}.page-title h1 em{font-style:italic;color:var(--accent)}.page-title .sub{color:#666;font-size:.9em}.btn{padding:10px 24px;border:none;border-radius:25px;font-family:DM Sans,sans-serif;font-size:.92em;font-weight:700;cursor:pointer;transition:all .2s}.btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.btn:disabled{opacity:.5;cursor:default;transform:none!important;box-shadow:none!important}.btn-primary{background:var(--accent);color:#fff}.btn-success{background:var(--correct);color:#fff}.btn-danger{background:var(--wrong);color:#fff}.btn-neutral{background:var(--cream);color:var(--ink);border:2px solid #ccc}@media (max-width: 900px){.site-header .brand-logo-full{display:none}.site-header .brand-logo-compact{display:block}}html,body{height:100dvh}.shell{width:100%;padding:16px}.page-frame{width:100%;min-height:100dvh;height:auto;border:0;border-radius:0;display:block;overflow:hidden;background:var(--ink)}