@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#081914;--panel:#102922;--panel2:#12342c;--line:#2d5445;--text:#f1f6e9;--soft:#a5bdae;--orange:#ffad4b;--cream:#e8dbb6;--mint:#80e7b3;--red:#ff7373;--shadow:0 18px 70px #030f0b99;font-family:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 70% -20%,#296645 0,transparent 42%),radial-gradient(ellipse at 0 25%,#182e22 0,transparent 45%),var(--bg);color:var(--text);min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.44;cursor:not-allowed}a{color:var(--mint)}h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{font-family:'Space Grotesk',sans-serif;letter-spacing:-.045em}p{line-height:1.65}small{font-size:.74rem}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-thumb{background:#3d6658;border-radius:9px}.atmosphere{pointer-events:none;position:fixed;inset:0;overflow:hidden;opacity:.6}.spark{position:absolute;color:#faac5d70;animation:float 8s ease-in-out infinite}.s1{left:9%;top:22%;font-size:2rem}.s2{right:11%;top:10%;font-size:1.1rem;animation-delay:-3s}.s3{right:30%;bottom:14%;animation-delay:-5s}@keyframes float{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-35px) rotate(32deg)}}.shell{max-width:1180px;padding:0 26px 48px;margin:auto;position:relative}.bar{display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #35574675;min-height:81px;margin-bottom:28px}.brand{display:flex;align-items:center;gap:10px;color:#f8edd2;text-decoration:none;font-family:'Space Grotesk';font-weight:800;font-size:1.33rem;letter-spacing:-.055em}.brand .logo{display:grid;place-items:center;background:#ffaf4c29;border:1px solid #ffaf4c80;border-radius:15px;width:43px;height:43px;font-size:1.45rem}.brand small{display:block;color:var(--soft);font-size:.54rem;letter-spacing:.17em;font-weight:700}.right-tools{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.dot{display:inline-block;width:8px;height:8px;background:#6bdfaa;border-radius:50%;margin-right:6px;box-shadow:0 0 0 4px #6bdfaa24}.dot.off{background:#ffb26d;box-shadow:none}.pill{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid #436354;border-radius:99px;color:#d5ead9;font-size:.76rem;font-weight:700}.pill.hi{border-color:#ca8c3a;background:#a3582624;color:#ffe3ba}.pill.bad{border-color:#e55a55;color:#ffb0a4}.eyebrow{color:#eebd6f;font-size:.77rem;letter-spacing:.18em;font-weight:800;margin-bottom:12px}.headline{font-size:clamp(2.9rem,6.6vw,5.8rem);line-height:1.02;margin:0 0 20px;text-wrap:balance;max-width:740px}.headline em{color:#ffc879;font-style:normal}.lede{font-size:1.08rem;color:#bdd1c4;max-width:600px}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.between{justify-content:space-between}.muted{color:var(--soft)}.micro{font-size:.77rem;color:#9ab7a9}.panel{background:linear-gradient(160deg,#183a2fdc,#102a22ed);border:1px solid #41604b85;border-radius:22px;box-shadow:0 18px 40px #020e0a40;padding:24px}.panel.sub{background:#102720d9;box-shadow:none}.panel.accent{background:linear-gradient(135deg,#1f4c38,#153126)}.homegrid{display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:center;padding:36px 0 26px}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin:29px 0}.btn{border-radius:13px;border:1px solid #587663;background:#1c3a30;color:#f8f5e8;font-weight:800;padding:12px 17px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;transition:transform .16s,background .16s,border-color .16s;white-space:normal;text-align:center}.btn:hover:not(:disabled){transform:translateY(-2px);background:#255440;border-color:#91bd9c}.btn.primary{background:linear-gradient(135deg,#ffd07c,#e89b49);border-color:#ffdc9a;color:#26351e;box-shadow:0 7px 24px #ffa74630}.btn.primary:hover:not(:disabled){background:linear-gradient(135deg,#ffdd9c,#e9a956)}.btn.danger{background:#582c2b;border-color:#bf675b}.btn.ghost{background:transparent;border-color:#41604c}.btn.small{min-height:34px;padding:7px 12px;font-size:.8rem}.btn.block{width:100%}.btn.selected{border-color:#f5ce84;background:#805d2b5c;box-shadow:inset 0 0 0 1px #f5ce84}.btn:focus-visible,.input:focus-visible,.textarea:focus-visible{outline:3px solid #edc377;outline-offset:2px}.field{margin-bottom:14px}.field label{display:block;font-size:.78rem;color:#c7dcc9;font-weight:700;margin-bottom:7px}.input,.textarea,.select{border-radius:12px;border:1px solid #54705a;background:#0b211b;color:white;width:100%;padding:12px 13px;outline:none}.textarea{min-height:56px;resize:vertical}.input::placeholder,.textarea::placeholder{color:#79998a}.input:focus,.textarea:focus,.select:focus{border-color:#ebbe75}.scene{height:390px;border:1px solid #5c814e;border-radius:23px;background:linear-gradient(#407268,#788b67 47%,#233a2c 48%,#0c241e 100%);position:relative;overflow:hidden;box-shadow:var(--shadow)}.scene::before{content:'';position:absolute;width:240px;height:240px;border:2px dashed #c8e1b572;border-radius:50%;left:24%;top:10%;animation:radar 9s linear infinite}.scene::after{content:'';position:absolute;left:-10%;bottom:-90px;width:130%;height:225px;transform:rotate(-8deg);background:#102b22;border-radius:50%}.scene .sun{position:absolute;width:90px;height:90px;border-radius:50%;background:#ffcf83;right:18%;top:12%;box-shadow:0 0 70px #ffb06c}.scene .forest{position:absolute;bottom:37px;left:0;right:0;z-index:2;font-size:clamp(2rem,4vw,4rem);white-space:nowrap;letter-spacing:-.24em;filter:drop-shadow(0 13px 4px #020b0799)}.scene .flame{position:absolute;bottom:92px;left:49%;font-size:3.7rem;z-index:3;animation:bounce 2.2s ease-in-out infinite}.scene .fog{position:absolute;border-radius:50%;background:#e3dec883;filter:blur(20px);width:210px;height:50px;left:43%;bottom:160px;animation:smoke 7s linear infinite}.scene .fog.f2{left:55%;bottom:200px;animation-delay:-3s}.scene .overlay{position:absolute;z-index:4;top:20px;left:18px;right:18px;display:flex;justify-content:space-between}.scene .stamp{background:#102b24e6;border:1px solid #a5b3978c;border-radius:12px;padding:9px 12px;color:#e6d9b5;font-size:.71rem;letter-spacing:.08em;font-weight:900}.scene .casebadge{position:absolute;z-index:4;left:24px;bottom:26px;background:#09221cdd;padding:13px 16px;border:1px solid #719d82;border-radius:12px}.casebadge strong{display:block;font-family:'Space Grotesk';font-size:1.5rem}.casebadge small{color:#a5d7c0}@keyframes smoke{from{transform:translate(0,0) scale(.8);opacity:0}30%{opacity:1}to{transform:translate(30px,-80px) scale(1.5);opacity:0}}@keyframes bounce{50%{transform:scale(1.17) rotate(-8deg)}}@keyframes radar{to{transform:rotate(360deg)}}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:27px 0}.feature{border:1px solid #3c624b;background:#102a20d4;padding:18px;border-radius:15px}.feature b{display:block;margin:6px 0}.feature span{font-size:1.75rem}.feature p{color:#abc3b2;font-size:.87rem;margin:0}.form-wrap{max-width:640px;margin:40px auto}.wide-form{max-width:760px}.form-wrap h1{font-size:clamp(2rem,5vw,3rem);margin-bottom:13px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.callout{border:1px solid #5e7747;background:#4a522427;color:#e4dbbd;padding:13px 15px;border-radius:14px;font-size:.87rem;line-height:1.55}.callout.warn{border-color:#986c45;background:#59371f46}.code{font-family:'Space Grotesk';font-size:clamp(3.5rem,8vw,5.8rem);letter-spacing:.19em;font-weight:800;color:#ffcd81;line-height:1;text-align:center;margin:10px 0 16px}.players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.player{padding:13px;background:#0d251e;border:1px solid #325c48;border-radius:13px;display:flex;gap:12px;align-items:center;min-width:0}.avatar{width:40px;height:40px;display:grid;place-items:center;background:#345a41;border-radius:12px;font-size:1.5rem;flex:0 0 auto}.player .names{min-width:0;flex:1}.player .names b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player .names small{color:#9fb6a3}.player .person-status{font-size:.75rem;font-weight:800;color:#a4e7bc}.player .person-status.wait{color:#e6af87}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 335px;gap:18px}.main-area{min-width:0}.side-area{min-width:0}.section-title{font-size:clamp(1.6rem,3vw,2.2rem);margin:0 0 10px}.statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0}.stat{background:#0e271f;border:1px solid #335643;border-radius:14px;padding:13px}.stat .number{font:800 1.75rem 'Space Grotesk';margin:3px 0}.stat .track{height:6px;background:#294238;border-radius:9px;overflow:hidden}.stat .fill{height:100%;border-radius:9px;background:#ffc77b;transition:width .8s ease}.stat.smoke .fill{background:#a3a8ac}.stat.safety .fill{background:#7dddb4}.stat .small{color:#b3c4b4;font-size:.75rem}.episode{display:flex;gap:13px;padding:16px;background:#1d3c2d;border:1px solid #587348;border-radius:17px;margin:16px 0}.episode .em{font-size:2.3rem}.episode p{font-size:.91rem;color:#cedcc9;margin:5px 0 0}.role{display:flex;gap:16px;border:1px solid #659470;background:linear-gradient(115deg,#194432,#1a3027);border-radius:16px;padding:18px;margin:17px 0}.role.villain{border-color:#c86652;background:linear-gradient(115deg,#68302a,#2b2022)}.role .em{font-size:2.7rem}.role strong{font-size:1.2rem}.role small{display:block;color:#c2ceb8;margin-top:5px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.option{border:1px solid #4a725a;border-radius:14px;background:#102b22;padding:14px;text-align:left;color:#e6f1e4;min-height:104px;width:100%;transition:background .15s,transform .15s,border .15s}.option:hover:not(:disabled){background:#1b4836;transform:translateY(-2px)}.option.selected{background:#564a2870;border-color:#ffd17d;box-shadow:inset 0 0 0 1px #e8b967}.option b{display:block;font-size:.91rem;margin-bottom:6px}.option span{display:block;color:#b7c8b9;font-size:.82rem;line-height:1.55}.option .icon{display:block;font-size:1.6rem;margin-bottom:7px}.divider{height:1px;background:#345a43;margin:20px 0}.quiz-options{display:grid;gap:9px;margin:18px 0}.quiz-options .option{min-height:55px;padding:13px 16px}.chatbox{height:270px;overflow:auto;background:#091e19;border-radius:12px;border:1px solid #284b3a;padding:11px;display:flex;flex-direction:column;gap:9px;scroll-behavior:smooth}.msg{padding:9px 11px;background:#1a382c;border-radius:12px;max-width:94%;align-self:flex-start}.msg.mine{background:#3b4931;align-self:flex-end}.msg b{font-size:.76rem;color:#f3cd91}.msg time{font-size:.62rem;color:#93b2a2;margin-left:9px}.msg .body{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.86rem;line-height:1.45;margin-top:3px}.chat-form{display:flex;gap:7px;margin-top:9px}.chat-form .input{min-width:0;flex:1}.side-heading{font-size:1rem;margin-bottom:12px}.progress{display:flex;gap:6px;margin:14px 0}.progress span{height:5px;background:#304e3b;border-radius:9px;flex:1}.progress span.done{background:#f4bf70}.chip{display:inline-flex;background:#234a36;border:1px solid #46735c;border-radius:99px;padding:5px 9px;font-size:.76rem}.clues{display:grid;gap:9px}.clue{background:#0b211a;border:1px solid #40654f;border-radius:12px;padding:12px}.clue strong{display:block;color:#f7d9a1}.clue small{color:#a6bfae}.report-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.report-cell{text-align:center;border:1px solid #47684d;border-radius:13px;padding:15px 5px;background:#183528}.report-cell b{font-size:1.4rem;font-family:'Space Grotesk';display:block}.report-cell small{color:#afc7b4}.toast{position:fixed;z-index:30;bottom:22px;left:50%;transform:translateX(-50%);padding:12px 18px;background:#fff3d8;color:#2c3925;border-radius:13px;max-width:90%;box-shadow:var(--shadow);font-size:.9rem;font-weight:800;animation:toast .25s ease}@keyframes toast{from{opacity:0;transform:translate(-50%,25px)}to{opacity:1;transform:translate(-50%,0)}}.foot{padding:27px 0 12px;color:#779d88;font-size:.78rem;text-align:center}.result-good{font-size:4rem;filter:drop-shadow(0 0 13px #70dbaa66)}.result-bad{font-size:4rem;filter:drop-shadow(0 0 13px #db655b66)}.hint{color:#c1cebc;font-size:.84rem}.listline{display:flex;justify-content:space-between;gap:9px;align-items:center;padding:8px 0;border-bottom:1px solid #39544380;font-size:.88rem}.listline:last-child{border:0}.sep{margin:14px 0;border:0;border-top:1px solid #41624d}.speaker-indicator{font-size:.78rem;color:#dcbf8b}.sound-button{min-width:0}.boot{text-align:center;margin:22vh auto}.boot-icon{font-size:4rem}.boot h1{font-size:2.6rem;margin:10px}.boot p{color:#9ebba9}.online-help summary{cursor:pointer;color:#eac18b;font-weight:700}.online-help p{color:#b5c5b6;font-size:.88rem;margin:9px 0 0}.float{animation:enter .35s ease both}@keyframes enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.mode-note{background:#294329;border-left:3px solid #e6c17c;padding:10px 13px;margin:11px 0 18px;color:#d4e6cf;font-size:.87rem;border-radius:0 12px 12px 0}.roombadge{font-family:'Space Grotesk';letter-spacing:.13em;color:#ffcc76}.topline{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:16px}.kicker{font-size:.75rem;color:#8fbb9b;text-transform:uppercase;letter-spacing:.14em;font-weight:800}.confetti{position:fixed;pointer-events:none;inset:0;z-index:40;overflow:hidden}.confetti i{position:absolute;left:var(--x);top:-30px;width:9px;height:15px;border-radius:2px;background:var(--c);animation:fall var(--dur) linear forwards}@keyframes fall{to{transform:translate(var(--dx),110vh) rotate(900deg)}}.voice-instructions{border:1px solid #496954;padding:12px;border-radius:12px;font-size:.79rem;color:#bcd0c0;background:#183126}@media(max-width:930px){.homegrid{grid-template-columns:1fr}.scene{height:300px}.game-layout{grid-template-columns:1fr}.side-area{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.side-area .panel{min-width:0}}@media(max-width:620px){.shell{padding:0 14px 24px}.bar{padding:9px 0;min-height:67px;margin-bottom:16px}.brand{font-size:1rem}.brand .logo{width:36px;height:36px}.brand small{font-size:.47rem}.right-tools{gap:5px}.right-tools .pill{font-size:.66rem;padding:5px 7px}.homegrid{padding:24px 0 10px;gap:20px}.headline{font-size:clamp(2.6rem,11vw,4rem)}.features{grid-template-columns:1fr}.feature{display:flex;gap:14px;align-items:center}.feature span{flex:0 0 36px}.feature b{margin:0}.scene{height:265px}.panel{padding:16px;border-radius:17px}.form-wrap{margin:18px auto}.setup-grid,.side-area,.cards{grid-template-columns:1fr}.players{grid-template-columns:1fr 1fr}.player{padding:9px;gap:7px}.avatar{width:31px;height:31px;font-size:1.2rem}.player .names b{font-size:.8rem}.player .names small{font-size:.65rem}.player .person-status{font-size:.67rem}.stat{padding:9px}.stat .number{font-size:1.4rem}.stat .small{font-size:.66rem}.btn{font-size:.86rem;padding:11px 13px}.report-cell b{font-size:1.15rem}.code{font-size:3.5rem}.topline{align-items:flex-start;flex-direction:column}.statgrid{gap:5px}.scene .forest{font-size:2.75rem}.room-header{flex-direction:column;align-items:flex-start!important}.kicker{font-size:.68rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;scroll-behavior:auto!important;transition:none!important}}