:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f4f1e8;background:#101b2d;--cream:#f4f1e8;--muted:#aab5c4;--red:#d65b56;--gold:#efc875;--trope-unmarked:#22324a;--trope-common-hit:#287052;--trope-standard-hit:#a74748;--trope-glorious-hit:#b18a3d;--trope-free:#8b6840;--trope-hit-text:#fffaf0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#263854,#101b2d 45%);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh;padding-bottom:68px}header{height:68px;padding:18px max(20px,calc((100% - 1050px)/2));display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff15}.brand{font-weight:700}.status{font-size:.78rem;color:#91d2ad}.status.offline{color:var(--gold)}main{max-width:1050px;margin:auto;padding:34px 20px}.active-pill{background:#ffffff0d;border:1px solid #ffffff12;padding:10px 14px;border-radius:12px;margin-bottom:24px;color:var(--muted);font-size:.85rem}.active-pill strong{color:var(--cream)}h1{font-size:clamp(2rem,5vw,4rem);line-height:1.03;margin:8px 0 18px;letter-spacing:-.05em}h1 em{font-style:normal;color:var(--gold)}.eyebrow{color:var(--gold);text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;font-weight:700}.lede{color:var(--muted);max-width:520px;font-size:1.1rem;line-height:1.55}.panel{background:#ffffff0d;border:1px solid #ffffff16;border-radius:18px;padding:20px;max-width:520px;display:grid;gap:16px;margin-top:28px}label{display:grid;gap:7px;font-size:.82rem;color:var(--muted)}input,select{width:100%;background:#0a1322;color:var(--cream);border:1px solid #ffffff22;border-radius:10px;padding:13px}button{border:0;border-radius:10px;padding:14px 16px;background:var(--red);color:#fff;font-weight:700}button span{float:right}.hint,.muted{color:var(--muted);font-size:.8rem}.game{height:calc(100dvh - 136px);min-height:620px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.game-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:8px}.game-head h1{font-size:clamp(1.25rem,3vw,2.2rem);margin:4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65vw}.score{display:flex;align-items:center;gap:9px;color:var(--gold)}.score strong{font-size:2.3rem}.score small{color:var(--muted)}.card{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(3px,.7vw,7px);width:min(92vw,calc(100dvh - 290px),820px);margin:auto}.square{position:relative;aspect-ratio:1;min-height:0;background:var(--trope-unmarked);color:var(--cream);border:1px solid #ffffff16;border-radius:10px;padding:clamp(3px,1vw,8px) 4px;font-size:clamp(.58rem,1.35vw,.95rem);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;line-height:1.1;overflow:hidden}.square small{font-size:.65rem;color:inherit}.square.marked{box-shadow:inset 0 0 0 3px #ffffff38}.square.common.marked{background:var(--trope-common-hit);color:var(--trope-hit-text)}.square.standard.marked{background:var(--trope-standard-hit);color:var(--trope-hit-text)}.square.glorious.marked{background:var(--trope-glorious-hit);color:#fff9df}.square.free{background:var(--trope-free);color:#fff0bd}.square.marked:before{content:"✓";position:absolute;right:6px;top:4px;opacity:.85;font-size:1rem;z-index:1}.points{position:absolute;right:7px;bottom:5px;color:inherit;font-weight:800}.free-copy{display:flex;flex-direction:column;gap:4px;font-size:.76em;text-align:center}.free-copy small{font-size:.72em;color:inherit}.game-actions{margin:8px auto 0;width:min(92vw,820px);display:flex;justify-content:space-between;align-items:center;gap:15px}.finish{background:transparent;border:1px solid #ffffff35;padding:10px 14px}.history-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #ffffff14}.history-row small,.trope-list small{display:block;color:var(--muted);margin-top:5px}.history-score{color:var(--gold)}.history-score span{color:var(--muted);font-size:.8rem}.empty{color:var(--muted);padding:30px 0}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.stat-grid div{background:#ffffff0d;padding:20px;border-radius:14px}.stat-grid strong{display:block;font-size:2rem;color:var(--gold)}.stat-grid small{color:var(--muted)}.fun{font-size:1.1rem}.trope-list{margin-top:18px}.trope-list div{padding:14px 0;border-bottom:1px solid #ffffff14}nav{position:fixed;bottom:0;left:0;right:0;height:68px;background:#0c1524ee;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;justify-content:center;gap:clamp(14px,6vw,70px);align-items:center;border-top:1px solid #ffffff14}nav a{color:var(--muted);text-decoration:none;font-size:.85rem}nav a.router-link-active{color:var(--gold)}@media (max-width:600px){main{padding:16px 10px}.game{min-height:0;height:calc(100dvh - 126px)}.game .card{width:min(96vw,calc(100dvh - 245px))}.game .square{font-size:clamp(.52rem,2.05vw,.78rem)}.game-actions{flex-direction:row;align-items:center}.game-actions .muted{font-size:.68rem}nav{height:58px}.game-head{margin-bottom:4px}.score strong{font-size:1.7rem}.score small{font-size:.68rem}.stat-grid{grid-template-columns:repeat(2,1fr)}}@media (orientation:landscape) and (max-height:800px){.game{height:calc(100dvh - 126px)}.game .card{width:min(78vh,78vw,680px)}.game-head h1{font-size:1.35rem}.game-actions{margin-top:4px}}@media (prefers-reduced-motion:no-preference){.square.marked{animation:mark-pop .16s ease-out}}@keyframes mark-pop{0%{transform:scale(.96)}to{transform:scale(1)}}.square.hit-points-1.marked{background:var(--trope-common-hit);color:var(--trope-hit-text)}.square.hit-points-2.marked{background:var(--trope-standard-hit);color:var(--trope-hit-text)}.square.hit-points-3.marked{background:var(--trope-glorious-hit);color:#fff9df}.app.playing .active-pill{display:none}.app.playing main{padding-top:8px;padding-bottom:8px}.app.playing .game{height:calc(100dvh - 142px);min-height:0}.app.playing .game .card{width:min(92vw,calc(100dvh - 330px),820px)}@media (max-width:600px){.app.playing main{padding-top:5px;padding-bottom:5px}.app.playing .game{height:calc(100dvh - 136px)}.app.playing .game .card{width:min(96vw,calc(100dvh - 260px))}}@media (orientation:landscape) and (max-height:800px){.app.playing .game{height:calc(100dvh - 136px)}.app.playing .game .card{width:min(78vh,78vw,calc(100dvh - 210px),680px)}}.square.marked:before{content:none!important}@media (orientation:landscape) and (max-height:800px){.app.playing .game{height:calc(100dvh - 136px);justify-content:initial;gap:6px}.app.playing .game-head{flex:0 0 42px}.app.playing .game .card{flex:0 0 auto;width:min(72vh,78vw,calc(100dvh - 265px),600px);margin:0 auto}.app.playing .game-actions{flex:0 0 42px;margin:0 auto}.app.playing .game .square{font-size:clamp(.52rem,1.4vw,.8rem);padding:2px}}@media (orientation:portrait) and (max-width:800px){.app.playing .game .card{width:min(94vw,calc(100dvh - 300px))}}@media (orientation:landscape) and (max-height:800px){.app.playing main{padding:4px 12px}.app.playing .game{height:calc(100dvh - 130px);display:grid;grid-template-columns:minmax(145px,1fr) auto minmax(145px,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"head card actions";align-items:center;justify-content:initial;gap:clamp(10px,2vw,28px)}.app.playing .game-head{grid-area:head;display:block;align-self:start;margin:22px 0 0;min-width:0}.app.playing .game-head h1{max-width:100%;white-space:normal;overflow-wrap:anywhere;font-size:clamp(1.35rem,2.6vw,2.2rem)}.app.playing .game .card{grid-area:card;width:min(80vh,calc(100dvh - 125px),680px);margin:0;align-self:center}.app.playing .game-actions{grid-area:actions;width:auto;display:flex;flex-direction:column;align-items:stretch;align-self:end;margin:0 0 18px;gap:12px}.app.playing .game-actions .muted{font-size:.75rem}.app.playing .game .square{font-size:clamp(.62rem,1.35vw,.9rem);padding:4px;line-height:1.08}.app.playing nav{height:54px}}@media (orientation:portrait){.app.playing main{padding-bottom:3px}.app.playing .game{height:calc(100dvh - 134px)}.app.playing .game .card{width:min(94vw,calc(100dvh - 315px))}}.app.playing{padding-bottom:0}.app.playing .game-head{min-height:0;min-width:0;overflow:visible}.app.playing .game-head h1{line-height:1.15;padding-bottom:5px;overflow:visible}.results{max-width:760px;margin:0 auto}.winner{display:inline-block;background:var(--gold);color:#172337;border-radius:999px;padding:10px 18px;font-weight:800;margin:4px 0 24px}.winner.tie{background:#82b5ad}.result-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}.result-player{background:#ffffff0d;border:1px solid #ffffff18;border-radius:16px;padding:18px}.result-player-head{display:flex;justify-content:space-between;align-items:center}.result-points{display:block;font-size:2.5rem;color:var(--gold);margin:12px 0}.result-points small{font-size:.85rem;color:var(--muted);font-weight:500}.result-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;color:var(--muted);font-size:.84rem}.results>button{margin-top:8px}@media (max-width:600px){.result-grid{grid-template-columns:1fr}.results h1{font-size:2.2rem}}.add-player{display:flex;align-items:end;gap:10px;margin:8px 0 18px;max-width:520px}.add-player label{flex:1}.add-player button{padding:12px 14px}@media (max-width:600px){.add-player{align-items:stretch;flex-direction:column}}.leaderboard{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px;max-width:330px}.leaderboard button{background:#ffffff0d;border:1px solid #ffffff18;color:var(--cream);padding:6px 8px;border-radius:8px;font-size:.7rem;display:flex;gap:6px;align-items:center}.leaderboard button.you{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.leaderboard button span{color:var(--gold)}.panel small{color:var(--muted);font-size:.72rem}.panel button:disabled{opacity:.45;cursor:not-allowed}.results .winner{margin-bottom:18px}@media (orientation:landscape) and (max-height:800px){.leaderboard{max-width:220px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-height:145px;overflow:auto}.leaderboard button{min-width:0;justify-content:space-between}.leaderboard button strong{max-width:85px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app.playing .game-head{margin-top:12px}}.connecting{color:var(--muted);padding:2rem}.error-text,.error{color:#ffaaa4}.error p{color:var(--muted)}.lobby{max-width:700px;margin:auto}.player-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin:24px 0}.player-list div{background:#ffffff0d;border:1px solid #ffffff18;border-radius:12px;padding:16px}.player-list span{display:block;color:var(--gold);font-size:.75rem;margin-top:5px}.leaderboard div{background:#ffffff0d;border:1px solid #ffffff18;color:var(--cream);padding:6px 8px;border-radius:8px;font-size:.7rem;display:flex;gap:6px;align-items:center}.leaderboard div.you{border-color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}