.game-menu-heading{padding:clamp(2rem,6vw,4.5rem) 0 1.25rem}.game-menu-heading h1{margin:.25rem 0;color:#d85f28;font-size:clamp(3.6rem,13vw,8rem);line-height:.82;text-transform:uppercase}.game-menu-heading p:last-child{max-width:560px;font-weight:650}.game-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.game-action-card{min-height:150px;display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:end;padding:1.1rem;color:#fff;text-decoration:none;border-radius:8px;background:linear-gradient(135deg,#087f7afa,#213547f2),repeating-linear-gradient(45deg,rgba(255,255,255,.12) 0 2px,transparent 2px 18px);box-shadow:0 18px 45px #18212f24}.game-action-card.secondary-card{background:linear-gradient(135deg,#213547fa,#d85f28e0),repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 2px,transparent 2px 18px)}.game-action-card svg{width:2.1rem;height:2.1rem}.game-action-card strong,.game-action-card small{display:block}.game-action-card strong{font-size:1.25rem}.game-action-card small{margin-top:.35rem;color:#ffffffc7;line-height:1.35}.add-category{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.8rem;align-items:end;margin-top:1rem}.add-category label{margin:0}.category-option .icon-button{margin-left:auto}@media(max-width:650px){.game-actions{grid-template-columns:1fr}}:root{--bg: #f4f1e8;--bg-strong: #ebe5d7;--surface: #fffdf8;--surface-2: #f8f5ed;--ink: #18212f;--muted: #667085;--line: #ded6c4;--line-strong: #c9bda6;--primary: #087f7a;--primary-dark: #075e59;--secondary: #213547;--accent: #d85f28;--accent-2: #e7ae32;--danger: #bd2448;--success: #18794e;--shadow: 0 18px 45px rgba(24, 33, 47, .12);--soft-shadow: 0 10px 26px rgba(24, 33, 47, .08)}*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(90deg,rgba(24,33,47,.045) 1px,transparent 1px),linear-gradient(rgba(24,33,47,.035) 1px,transparent 1px),var(--bg);background-size:34px 34px,34px 34px,auto;color:var(--ink)}button,.button{border:0;min-height:42px;background:var(--primary);color:#fff;padding:.78rem 1rem;border-radius:8px;font:inherit;font-weight:800;display:inline-flex;gap:.5rem;align-items:center;justify-content:center;text-decoration:none;cursor:pointer;box-shadow:0 8px 18px #087f7a38;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}button:hover,.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #087f7a47}button:active,.button:active{transform:translateY(0)}button:disabled,input:disabled{opacity:.58;cursor:not-allowed}button:disabled:hover{transform:none}svg{width:1.05em;height:1.05em}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere}h1{font-size:clamp(2rem,5vw,4.4rem);line-height:.94;letter-spacing:0;margin:0}h2{font-size:clamp(1.25rem,2vw,1.8rem);margin:0 0 .55rem}h3{margin:0 0 .35rem}p{line-height:1.55}.secondary{background:var(--secondary);box-shadow:0 8px 18px #21354729}.danger-button,.icon-button.danger{background:var(--danger);color:#fff;box-shadow:0 8px 18px #bd24482e}.shell{min-height:100vh;padding-bottom:2rem}.topbar{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.85rem clamp(1rem,3vw,2rem);background:#fffdf8eb;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.brand,nav a{display:inline-flex;align-items:center;gap:.45rem;text-decoration:none;font-weight:900}.brand{color:var(--primary-dark);font-size:1.05rem}nav{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}nav a{color:#405063;padding:.58rem .72rem;border-radius:8px}nav a.active{background:#e6f4f1;color:var(--primary-dark)}nav button{min-height:36px;padding:.55rem .75rem;background:#efe9dd;color:var(--secondary);box-shadow:none}.page{width:min(1180px,calc(100% - 2rem));margin:auto;padding:clamp(1.2rem,3vw,2.4rem) 0}.narrow{width:min(760px,calc(100% - 2rem))}.eyebrow,.muted{color:var(--muted)}.eyebrow{display:inline-flex;align-items:center;gap:.4rem;margin:0 0 .35rem;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:0}.panel,.game-row,.band,.host-lobby{background:#fffdf8f0;border:1px solid var(--line);border-radius:8px;padding:clamp(1rem,2vw,1.35rem);box-shadow:var(--soft-shadow)}label{display:grid;gap:.42rem;font-weight:800;margin:.75rem 0}input,select{width:100%;font:inherit;color:var(--ink);padding:.78rem .85rem;border:1px solid var(--line-strong);border-radius:8px;background:#fff;outline:none;transition:border .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:var(--primary);box-shadow:0 0 0 4px #087f7a24}.signin{min-height:100vh;display:grid;place-items:center;padding:1rem;background:linear-gradient(135deg,#087f7af5,#213547f5 58%,#d85f28eb),repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 2px,transparent 2px 16px)}.signin .panel{width:min(92vw,430px);box-shadow:0 28px 70px #00000040}.hero{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:1.25rem;align-items:stretch;padding:.35rem 0 1.25rem}.hero>div:first-child{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(1.2rem,4vw,2.5rem);color:#fff;border-radius:8px;background:linear-gradient(135deg,#18212feb,#087f7adb),repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.08) 0 1px,transparent 1px 28px);box-shadow:var(--shadow);position:relative;overflow:hidden}.hero>div:first-child:after{content:"A B C";position:absolute;right:clamp(1rem,4vw,2.5rem);top:clamp(1rem,4vw,2.2rem);color:#ffffff29;font-size:clamp(3rem,9vw,7rem);font-weight:950;line-height:.8}.hero h1,.hero p{position:relative;z-index:1}.hero p{max-width:650px;margin:.85rem 0 0;color:#ffffffd1;font-weight:650}.actions{display:flex;gap:.75rem;flex-wrap:wrap;align-content:end;align-items:flex-end;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow)}.actions .button{flex:1 1 170px}.section-head,.room-head,.host-head{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1rem}.section-head h1,.compact h2{margin:.1rem 0}.game-row{display:flex;justify-content:space-between;gap:1rem;align-items:center}.future{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.future span{border:1px dashed var(--line-strong);border-radius:8px;padding:.5rem .8rem;background:#fff9}.play-surface{display:grid;place-items:center;gap:.5rem;min-height:clamp(260px,40vh,430px);color:#fff;background:linear-gradient(135deg,#d85f28f0,#e7ae32e6),repeating-linear-gradient(45deg,rgba(255,255,255,.16) 0 2px,transparent 2px 18px);border:1px solid rgba(216,95,40,.3);border-radius:8px;box-shadow:var(--shadow);text-align:center}.letter{min-width:1.2em;font-size:clamp(5rem,18vw,11rem);font-weight:950;line-height:.8;color:#fff;text-shadow:0 14px 26px rgba(87,43,15,.3)}.play-surface .round-status,.play-surface p{margin:0;color:#fff}.answers{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:1rem;margin-top:1rem}.answers label{margin:0;padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--soft-shadow)}.answers small,.category-option small{display:block;color:var(--muted);font-weight:550;line-height:1.35}.host-grid{display:grid;grid-template-columns:minmax(210px,260px) minmax(0,1fr) minmax(210px,260px);gap:1rem;align-items:start}.host-grid>div{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;box-shadow:var(--soft-shadow)}.timer{display:flex;gap:1rem;align-items:center;justify-content:center;min-width:230px;padding:.8rem 1rem;border-radius:8px;background:var(--secondary);color:#fff;box-shadow:var(--soft-shadow)}.timer .letter{font-size:clamp(2.4rem,7vw,4.6rem)}.timer strong{font-size:clamp(1.5rem,4vw,2.4rem)}.round-status{font-weight:900;color:var(--secondary)}.spinning{animation:letter-pop .15s linear infinite}@keyframes letter-pop{0%{transform:scale(.94);opacity:.72}to{transform:scale(1.03);opacity:1}}.host-lobby{margin:1rem 0}.team-assignment-list{display:grid;gap:.65rem;margin:1rem 0}.team-assignment-row{display:grid;grid-template-columns:minmax(150px,1fr) minmax(180px,240px) auto;gap:.75rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.team-assignment-row label{margin:0}.member-pick-list{display:grid;gap:.45rem;margin:1rem 0}.member-pick-row{display:grid;grid-template-columns:auto minmax(150px,1fr) minmax(120px,.7fr) auto;gap:.7rem;align-items:center;margin:0;padding:.7rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.member-pick-row input{width:auto}.team-spectator-view{display:grid;gap:.85rem;margin-top:1rem}.host-category-list,.category-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.85rem}.host-category-card,.category-option{position:relative;border:1px solid var(--line);border-radius:8px;padding:.95rem;background:var(--surface-2)}.category-option.auto-category{border-color:#087f7a8c;background:#eaf7f4}.host-category-card{border-left:5px solid var(--accent)}.host-category-card h3,.host-category-card p{margin:0}.host-category-card p{color:var(--muted)}.game-setup{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;display:grid;grid-template-columns:minmax(240px,.8fr) 1.2fr;gap:1.25rem;align-items:start}.setup-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem}.setup-controls label{margin:0}.category-option{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;margin:0}.category-option input[type=checkbox]{width:20px;height:20px;accent-color:var(--primary)}.answer-row{display:grid;grid-template-columns:minmax(150px,1fr) repeat(3,auto) auto;gap:.5rem;align-items:center;margin:.6rem 0;padding:.65rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.answer-row small{display:block;color:var(--muted);font-weight:600}.blank{color:var(--muted)}.selected-score{background:var(--success)}.score-group{border-top:1px solid var(--line);padding:1rem 0}.score-group:first-of-type{border-top:0}.score-card{padding:1rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);box-shadow:var(--soft-shadow)}.score-card-head,.score-card-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem}.score-card-head h3{margin:.1rem 0 .35rem;font-size:1.35rem}.score-card-head p{margin:0}.score-card-answers{margin:1rem 0}.score-card .answer-row{grid-template-columns:minmax(150px,1fr) auto repeat(5,auto) auto}.score-card-nav{border-top:1px solid var(--line);padding-top:.9rem}.score-card-nav button{display:inline-flex;align-items:center;gap:.35rem}.review-table{overflow-x:auto;margin:1rem 0}.review-row{display:grid;grid-template-columns:minmax(110px,1fr) minmax(110px,1fr) minmax(120px,1.4fr) minmax(80px,.7fr) 55px;gap:.65rem;align-items:center;padding:.65rem .75rem;border-bottom:1px solid var(--line);min-width:580px}.review-row:last-child{border-bottom:0}.review-heading{color:var(--muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.04em}.review-row span:nth-child(3){overflow-wrap:anywhere}.fair-play-list{display:grid;gap:.65rem;margin-top:.8rem}.fair-play-card{display:grid;gap:.55rem;padding:.75rem;border:1px solid var(--line);border-radius:8px;background:var(--surface-2)}.fair-play-card.alert{border-color:#f1a14f;background:#fff5e7;box-shadow:inset 4px 0 0 var(--accent)}.fair-play-main{display:grid;grid-template-columns:auto 1fr;gap:.55rem;align-items:center}.fair-play-main strong,.fair-play-main small{display:block}.fair-play-main small{color:var(--muted);font-weight:700;text-transform:capitalize}.fair-play-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:8px;background:#e6f4f1;color:var(--primary-dark)}.fair-play-card.alert .fair-play-icon{background:#ffe1c7;color:var(--accent)}.fair-play-counts{display:flex;flex-wrap:wrap;gap:.45rem}.fair-play-counts span{display:inline-flex;align-items:center;gap:.25rem;padding:.32rem .5rem;border-radius:8px;background:#fff;border:1px solid var(--line);color:var(--muted);font-size:.82rem;font-weight:850}.fair-play-counts .countdown-alert{color:#8a3a10;border-color:#f1a14f;background:#fff9ef}.recent-alerts{margin-top:.9rem;padding-top:.8rem;border-top:1px solid var(--line)}.recent-alerts h3{font-size:1rem}.recent-alerts p{margin:.35rem 0;color:var(--muted);text-transform:capitalize}.score-table{display:grid;gap:.5rem}.score-table-row{display:grid;grid-template-columns:auto 1fr auto;gap:.75rem;align-items:center;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:var(--surface-2)}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:1rem}.stats article{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:1rem;box-shadow:var(--soft-shadow)}.stats strong{display:block;font-size:2rem}.filters{display:flex;gap:.75rem;flex-wrap:wrap}.member-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem;align-items:end}.member-form label{margin:0}.member-form fieldset,fieldset{border:1px solid var(--line);border-radius:8px;padding:.7rem;margin:0;background:var(--surface-2)}legend{color:var(--muted);font-weight:850}.swatches{display:flex;gap:.5rem}.swatches label{margin:0}.swatches input{position:absolute;opacity:0}.swatches span{display:block;width:34px;height:34px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px var(--line-strong)}.swatches input:checked+span{box-shadow:0 0 0 3px var(--secondary)}.inline-check{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center;gap:.5rem}.inline-check input{width:auto}.member-table-wrap{margin-top:1rem;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;box-shadow:var(--soft-shadow)}.member-table{width:100%;border-collapse:collapse}.member-table th,.member-table td{padding:.85rem 1rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.member-table th{background:var(--surface-2);color:var(--muted);font-size:.78rem;font-weight:950;text-transform:uppercase}.member-table tbody tr{transition:background .15s ease}.member-table tbody tr:hover{background:#faf7ef}.member-table tbody tr:last-child td{border-bottom:0}.member-cell{display:flex;align-items:center;gap:.75rem;min-width:190px}.avatar{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;color:#fff;box-shadow:inset 0 0 0 3px #ffffff4d}.role-pill{display:inline-flex;align-items:center;gap:.3rem;border:1px solid var(--line);border-radius:8px;padding:.35rem .55rem;font-weight:800;background:var(--surface-2)}.status-pill{display:inline-flex;align-items:center;min-height:28px;padding:.28rem .55rem;border-radius:8px;font-weight:900;font-size:.86rem}.status-pill.active{background:#edf8f2;color:var(--success)}.status-pill.disabled{background:#fff0f3;color:var(--danger)}.leaderboard-stats{margin-top:1rem}.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5),.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table td:nth-child(6){text-align:center}.leaderboard-member{display:grid;gap:.15rem}.leaderboard-member span{color:var(--muted);font-size:.9rem}.rank-pill,.points-pill,.total-score,.detail-score-grid span{display:inline-flex;align-items:center;justify-content:center;gap:.35rem}.rank-pill{min-width:52px;padding:.35rem .55rem;border-radius:8px;background:#f7f0df;color:var(--secondary);font-weight:950}.points-pill{min-width:72px;padding:.38rem .6rem;border-radius:8px;font-weight:900}.points-pill.solo{background:#edf8f2;color:var(--success)}.points-pill.group{background:#ecf4ff;color:var(--primary)}.total-score{font-size:1rem;color:var(--ink)}.detail-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.detail-score-grid span{min-height:46px;border:1px solid var(--line);border-radius:8px;background:var(--surface-2);font-weight:900;text-align:center}.details-list{display:grid;gap:.6rem}.details-entry{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.2rem .75rem;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:#fffdf8}.details-entry div{display:grid;gap:.15rem}.details-entry span,.details-entry small{color:var(--muted)}.details-entry small{grid-column:1 / -1}.error,.success{font-weight:800;padding:.75rem .9rem;border-radius:8px}.error{color:var(--danger);background:#fff0f3}.success{color:var(--success);background:#edf8f2}.member-actions{display:flex;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.icon-button{width:40px;height:40px;min-height:40px;padding:0;display:inline-grid;place-items:center;border-radius:8px;background:#ede7da;color:var(--secondary);box-shadow:none}.file-button{position:relative;cursor:pointer}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.image-avatar{object-fit:cover;background:#e6e0d4}.drawer{position:fixed;right:1rem;top:5.5rem;width:min(420px,calc(100vw - 2rem));max-height:calc(100vh - 7rem);overflow:auto;background:var(--surface);border:1px solid var(--line-strong);border-radius:8px;padding:1rem;box-shadow:0 24px 70px #18212f38;z-index:20}.drawer-close{float:right}.drawer-content{display:grid;gap:.75rem}.drawer-content .avatar{width:78px;height:78px}.drawer-content h2,.edit-form label{margin:0}.session-list{display:grid;gap:1rem;margin-top:1rem}.session-card{background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--primary);border-radius:8px;padding:1rem;display:grid;grid-template-columns:minmax(160px,1fr) minmax(260px,1.4fr) auto;gap:1rem;align-items:center;box-shadow:var(--soft-shadow)}.session-card h2,.session-card h3{margin:.1rem 0 .25rem}.session-card p{margin:0;color:var(--muted)}.session-meta{display:grid;grid-template-columns:repeat(4,minmax(72px,1fr));gap:.5rem;margin:0}.session-meta div{border-left:3px solid var(--accent-2);padding-left:.55rem}.session-meta dt{font-size:.75rem;text-transform:uppercase;color:var(--muted);font-weight:900}.session-meta dd{margin:0;font-weight:900;text-transform:capitalize}.manual-join,.home-note{margin-top:1.25rem}.manual-join h2{margin-top:0}@media(max-width:900px){.hero,.host-grid,.game-setup,.session-card{grid-template-columns:1fr}}@media(max-width:720px){.topbar,.room-head,.host-head,.game-row,.section-head{align-items:flex-start;flex-direction:column}.topbar{position:static}nav{width:100%;font-size:.92rem;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.2rem}nav a,nav button{flex:0 0 auto;justify-content:center;white-space:nowrap}.hero>div:first-child{min-height:230px}.actions{padding:0;background:transparent;border:0;box-shadow:none}.answer-row{grid-template-columns:1fr}.score-card-head,.score-card-nav{align-items:stretch;flex-direction:column}.score-card .answer-row{grid-template-columns:1fr}.answer-row button{justify-content:center}.member-actions{justify-content:flex-start}.member-table,.member-table thead,.member-table tbody,.member-table tr,.member-table th,.member-table td{display:block}.member-table thead{display:none}.member-table tr{padding:.75rem 1rem;border-bottom:1px solid var(--line)}.member-table tr:last-child{border-bottom:0}.member-table td{display:grid;grid-template-columns:92px 1fr;gap:.75rem;padding:.55rem 0;border-bottom:0}.member-table td:before{content:attr(data-label);color:var(--muted);font-size:.78rem;font-weight:950;text-transform:uppercase}.member-table td[data-label=Member]{grid-template-columns:1fr}.member-table td[data-label=Member]:before{display:none}.leaderboard-table th:nth-child(3),.leaderboard-table th:nth-child(4),.leaderboard-table th:nth-child(5),.leaderboard-table th:nth-child(6),.leaderboard-table td:nth-child(3),.leaderboard-table td:nth-child(4),.leaderboard-table td:nth-child(5),.leaderboard-table td:nth-child(6){text-align:left}.detail-score-grid{grid-template-columns:1fr}.drawer{left:1rem;right:1rem;top:4.5rem;width:auto}.session-meta{grid-template-columns:repeat(2,minmax(72px,1fr))}}