:root{--crimson:#64172b;--crimson2:#8c2340;--gold:#dfbb67;--gold2:#f4d990;--muted:#b6b0b2}
html{scroll-behavior:smooth;scroll-padding-top:24px}body{font-size:16px;background:#121114}.app-shell{display:block;padding:0 28px 40px;background:radial-gradient(ellipse at 25% 12%,#4b152333,transparent 45%),#121114}.screen{width:min(1120px,100%);margin:0 auto}.screen:not(#home){padding-top:32px;max-width:980px}#formScreen{max-width:620px;padding-top:45px}.grain{opacity:.035}.site-header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 0;border-bottom:1px solid #ffffff14}.wordmark{font-size:31px;font-weight:900;color:var(--gold2);line-height:1.3}.wordmark span{display:block;font-size:12px;font-weight:600;color:var(--muted);margin-top:5px}.site-header nav{display:flex;gap:32px}a{color:inherit;text-decoration:none}.site-header a{font-size:15px;color:#d3cdd0}.site-header a:hover{color:var(--gold2)}.beta-label{font-size:13px;color:#d8bb83;border:1px solid #6c5532;border-radius:50px;padding:5px 14px}.home-hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:45px;padding:50px 0 34px}.eyebrow{font-size:14px;color:var(--gold);letter-spacing:0}.hero-copy h1{font-size:clamp(36px,4.3vw,60px);font-weight:900;line-height:1.45;margin:13px 0 16px;letter-spacing:-1px}.hero-copy em{font-style:normal;color:var(--gold2)}.hero-description{max-width:520px;color:#c3babe;line-height:1.95;margin:0 0 25px}.hero-brand{text-align:center;position:relative;background:radial-gradient(ellipse,#6b1c3344,transparent 70%);padding:10px}.hero-brand .logo{width:100%;max-width:350px;max-height:290px;object-fit:contain;filter:drop-shadow(0 20px 22px #0005)}.brand-caption{display:block;font-size:14px;color:#ccb8bc;letter-spacing:1px}.game-facts{display:flex;flex-wrap:wrap;gap:20px;color:#aaa1a6;font-size:14px}.game-facts b{color:#ede2ce;font-weight:800;margin-left:4px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.entry-card{display:flex;align-items:center;gap:20px;min-height:120px;padding:25px;text-align:right;border-radius:18px;font-family:inherit;cursor:pointer;transition:transform .2s,border-color .2s}.entry-card:hover{transform:translateY(-3px)}.create-entry{background:var(--gold2);color:#281a11;border:1px solid var(--gold2);box-shadow:0 9px 30px #0002}.join-entry{background:#52182a;color:#fff3df;border:1px solid #87364a}.entry-card strong{display:block;font-size:25px;font-weight:900}.entry-card small{display:block;font-size:14px;margin-top:4px;opacity:.8}.entry-symbol{font-size:34px;width:55px;height:55px;border-radius:14px;background:#00000012;display:grid;place-items:center;flex-shrink:0}.entry-arrow{margin-right:auto;font-size:25px}.guide-section{padding-top:62px;scroll-margin-top:20px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.section-heading h2{font-size:29px;margin:3px 0;font-weight:900}.section-heading>span{font-size:14px;color:var(--muted)}.steps-grid,.role-guide{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.steps-grid article{border-top:2px solid #75412d;padding:20px 15px;background:#1b181d;border-radius:0 0 14px 14px}.step-number{font-size:28px;color:#c39c59;font-weight:900}.guide-section h3{font-size:19px;margin:10px 0}.guide-section p{font-size:15px;line-height:1.95;color:#bdb4ba;margin:0}.role-guide article{border:1px solid #42303a;background:linear-gradient(150deg,#301d28,#1c191e);padding:24px 20px;border-radius:16px}.role-guide article>span{font-size:12px;color:var(--gold)}.faq-section{max-width:850px;margin:auto}.faq-section details{background:#201c22;border:1px solid #3b3037;border-radius:12px;margin:12px 0;padding:17px 22px}.faq-section summary{color:#eee4e8;font-size:16px;font-weight:700}.faq-section details p{padding-top:14px}.site-footer{display:flex;align-items:center;gap:24px;border-top:1px solid #ffffff15;margin-top:65px;padding:25px 0;color:#afa4aa;font-size:14px}.site-footer strong{font-size:25px;color:var(--gold)}.site-footer a{margin-right:auto}.panel{background:#201c22;border-color:#46323b;border-radius:20px;box-shadow:0 15px 45px #0002}.form-panel{padding:36px;max-width:560px}.form-panel .btn{width:100%}.compact-brand img{width:155px;height:105px}.back{font-size:16px}.btn{font-family:inherit;min-height:46px}.players{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px 0}.player{min-height:68px;align-items:center;background:#2a222b;border-color:#463641}.host-badge{font-size:13px}.room-code span,.room-code button{font-size:14px}.room-code{padding:12px 25px}.room-code strong{font-size:28px}.lobby-panel{padding:30px}.game-top{background:#211b22;border:1px solid #47313c;border-radius:16px;padding:8px 20px}.phase-timer{background:#121013;border-radius:10px;padding:8px 15px;min-width:95px;text-align:center}.game-panel{overflow:hidden}.hazard{height:6px}.tool{color:#f0e6df}.tool:disabled{opacity:1}.player-tools-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.player-tools-card{padding:15px;background:#19161c;border-color:#49333e}.player-tools-card span{font-size:14px}.messages b,.privacy-note,.compact-btn,.game-top span{font-size:14px}.chat-form input{min-width:0}.host-controls{background:#19161b;border-style:dashed}.vote-card{min-height:65px}.form-panel input:focus-visible,button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid var(--gold2);outline-offset:4px}.btn-secondary{background:#332631;border-color:#5c3d4e}.tools .tool{font-family:inherit}.screen h1{overflow-wrap:break-word}
@media(max-width:800px){.site-header nav{gap:16px}.home-hero{gap:15px}.steps-grid,.role-guide{grid-template-columns:repeat(2,minmax(0,1fr))}.entry-card{padding:20px;gap:12px}.entry-symbol{display:none}.entry-card strong{font-size:22px}.players,.player-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.app-shell{padding:0 18px 24px}.site-header{flex-wrap:wrap;gap:16px;padding:20px 0}.wordmark span{display:none}.site-header nav{order:3;width:100%;justify-content:space-between;gap:10px}.beta-label{font-size:12px}.home-hero{grid-template-columns:1fr;padding:25px 0;gap:6px}.hero-brand{grid-row:1}.hero-brand .logo{max-height:150px;max-width:220px}.brand-caption{display:none}.hero-copy{text-align:center}.hero-copy h1{font-size:36px;margin:8px 0}.hero-description{font-size:15px}.game-facts{justify-content:center;gap:12px;font-size:13px}.entry-grid{grid-template-columns:1fr;gap:12px}.entry-card{min-height:92px;padding:18px}.entry-symbol{display:grid;width:44px;height:44px;font-size:28px}.entry-card strong{font-size:23px}.entry-card small{font-size:13px}.guide-section{padding-top:40px}.section-heading{display:block}.section-heading h2{font-size:25px}.steps-grid,.role-guide{gap:12px}.steps-grid article,.role-guide article{padding:16px}.guide-section h3{font-size:17px}.guide-section p{font-size:14px}.role-guide{grid-template-columns:1fr}.form-panel,.lobby-panel{padding:22px}.players,.player-tools-grid{grid-template-columns:1fr}.game-top{padding:8px;gap:8px}.game-top img{width:65px}.game-top strong{font-size:18px}.phase-timer{font-size:19px;min-width:72px;padding:6px}.site-footer{flex-wrap:wrap;gap:14px}.site-footer a{width:100%;margin:0}.section-title{font-size:18px}.lobby-head{gap:8px}.room-code{padding:8px 14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* Keep the complete approved badge visible and blend its black canvas. */
.hero-brand .logo{display:block;width:min(100%,350px);height:auto;max-height:none;aspect-ratio:1;object-fit:contain;margin:0 auto 14px;mix-blend-mode:screen;filter:none}
.compact-brand img,.game-top img{mix-blend-mode:screen}
@media(max-width:540px){.hero-brand .logo{width:210px;max-width:100%;height:auto;max-height:none}}
.appearance-bar{display:flex;justify-content:flex-end;align-items:center;gap:10px;padding:12px max(18px,calc((100% - 1120px)/2));background:#19151b;border-bottom:1px solid #40313a;font-size:14px}.appearance-bar select{font:inherit;color:#f4d990;background:#2b2029;border:1px solid #70503b;border-radius:9px;padding:7px 12px;min-height:40px}.appearance-bar label{color:#d4c4cd}
html[data-theme="light"]{--gold:#87580d;--gold2:#75430b;--muted:#665c65;--crimson:#64172b;--crimson2:#8c2340;background:#f8f5f6;color:#30232b}
html[data-theme="light"] body,html[data-theme="light"] .app-shell{background:#f8f5f6;color:#30232b}
html[data-theme="light"] .appearance-bar{background:#eee5e9;border-color:#d5c6cd}html[data-theme="light"] .appearance-bar label{color:#563745}html[data-theme="light"] .appearance-bar select{color:#64172b;background:#fff;border-color:#bca4af}
html[data-theme="light"] .site-header,html[data-theme="light"] .site-footer{border-color:#ddcfd5}html[data-theme="light"] .wordmark{color:#64172b}html[data-theme="light"] .wordmark span,html[data-theme="light"] .site-header a,html[data-theme="light"] .hero-description,html[data-theme="light"] .game-facts,html[data-theme="light"] .site-footer,html[data-theme="light"] .guide-section p{color:#65545f}html[data-theme="light"] .game-facts b{color:#5a263b}html[data-theme="light"] .hero-copy em{color:#86263f}html[data-theme="light"] .beta-label{color:#75430b;border-color:#c6a66b;background:#fff4d9}
html[data-theme="light"] .hero-brand{background:#20151d;border-radius:24px;padding:15px;box-shadow:0 12px 30px #55213718}html[data-theme="light"] .brand-caption{color:#e9d6dc}
html[data-theme="light"] .create-entry,html[data-theme="light"] .btn-primary{background:#f0d38a;color:#39240b;border-color:#c3a052}html[data-theme="light"] .join-entry{background:#64172b;color:#fff5e3}html[data-theme="light"] .steps-grid article,html[data-theme="light"] .role-guide article,html[data-theme="light"] .faq-section details{background:#fff;border-color:#d7bec8}html[data-theme="light"] .faq-section summary{color:#64172b}html[data-theme="light"] .step-number{color:#87580d}
html[data-theme="light"] .panel,html[data-theme="light"] .game-top{background:#fff;border-color:#d7bec8;box-shadow:0 12px 30px #5521370b}html[data-theme="light"] .back,html[data-theme="light"] .form-panel label,html[data-theme="light"] .match-settings label,html[data-theme="light"] .lobby-actions p{color:#65505e}
html[data-theme="light"] .form-panel input,html[data-theme="light"] .chat-form input,html[data-theme="light"] .hint-form select,html[data-theme="light"] .match-settings select{background:#fcf9fa;color:#38212d;border-color:#bda5b0}
html[data-theme="light"] .player,html[data-theme="light"] .tool,html[data-theme="light"] .vote-card,html[data-theme="light"] .player-tools-card,html[data-theme="light"] .score-cards>div,html[data-theme="light"] .leaderboard>div,html[data-theme="light"] .result-grid>div,html[data-theme="light"] .roles-list>div{background:#f5edf1;color:#3b2531;border-color:#d6bdc9}
html[data-theme="light"] .player-tools-card span,html[data-theme="light"] .messages p,html[data-theme="light"] .witness-clue b{background:#eadce3;color:#462638}html[data-theme="light"] .messages,html[data-theme="light"] .host-controls,html[data-theme="light"] .room-code,html[data-theme="light"] .phase-timer{background:#f7f0f3;border-color:#d3b9c6}
html[data-theme="light"] .btn-secondary{background:#efe1e8;color:#64172b;border-color:#c9a9b9}html[data-theme="light"] .vote-card.selected{background:#f0d38a;color:#39240b;border-color:#946416}html[data-theme="light"] .game-panel>p:not(.eyebrow):not(.privacy-note){color:#65505e}html[data-theme="light"] .privacy-note{color:#74616e!important}
html[data-theme="light"] .forensic-banner,html[data-theme="light"] .witness-clue{background:#f6e8ed;border-color:#c58f9f}html[data-theme="light"] .witness-clue>span{color:#8a2343}html[data-theme="light"] .hints small,html[data-theme="light"] .weapon-reveal span,html[data-theme="light"] .result-grid span,html[data-theme="light"] .team-box span,html[data-theme="light"] .forensic-banner span,html[data-theme="light"] .witness-clue small,html[data-theme="light"] .hint-form label,html[data-theme="light"] .leaderboard small,html[data-theme="light"] .game-top span{color:#705967}
html[data-theme="light"] .compact-brand img,html[data-theme="light"] .game-top img{mix-blend-mode:normal;background:#1b1218;border-radius:12px}html[data-theme="light"] .match-winner{background:#f0d38a;color:#39240b}