:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#dce3d9;background:#101b18;font-synthesis:none;line-height:1.55;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 72% 15%,#2c3d2b55,transparent 48%),#101b18}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #e8ba70;outline-offset:4px}main{max-width:1100px;padding:0 36px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid #ffffff14}.brand{color:#f1f0e4;text-decoration:none;font-size:20px;letter-spacing:-.6px;display:flex;align-items:center;gap:7px}.brand b{font-weight:400;color:#a5b29e}.brandmark{font-size:33px;color:#e8ba70;padding-right:8px}.edition,.eyebrow{font-size:10px;letter-spacing:2.2px;color:#a1b099;font-weight:650}.intro{padding:72px 0 36px;width:60%}h1{font-family:Georgia,serif;font-size:clamp(34px,5vw,58px);line-height:1.08;letter-spacing:-1.5px;font-weight:400;margin:20px 0 24px;color:#f3f0de}h1 em{color:#e8ba70;font-weight:400}.intro p,.phase-heading p{color:#aebbaa;max-width:490px;font-size:16px}.facts{display:flex;gap:17px;flex-wrap:wrap;font-size:11px;color:#c7d3bf;margin-top:28px}.facts span:before{content:"•";color:#e8ba70;margin-right:7px}.card{background:#1c2a24;border:1px solid #394639;border-radius:16px;padding:28px;box-shadow:0 18px 50px #00000010}.entry{max-width:390px;position:absolute;top:180px;margin-left:630px;background:#edeadd;color:#233126;box-shadow:0 20px 80px #0003}.tabs{display:flex;gap:18px;margin-bottom:26px;border-bottom:1px solid #c9cdbd}.tabs button{border:0;background:none;color:#68725e;font-size:13px;font-weight:600;padding:0 0 12px;border-bottom:2px solid transparent}.tabs .active{border-color:#334e37;color:#243829}form label{display:block;font-size:12px;font-weight:650;margin:16px 0}input:not([type=radio]):not([type=checkbox]){display:block;width:100%;background:#f9f7ee;border:1px solid #c6cdbb;color:#243126;border-radius:8px;padding:13px 12px;margin-top:8px;min-height:48px}.primary,.secondary,.danger{display:block;width:100%;border:0;border-radius:8px;padding:14px 16px;min-height:48px;font-weight:650;font-size:13px;margin-top:18px}.primary{background:#dfb578;color:#1e2b21}.entry .primary{background:#294b35;color:#fff7e6}.secondary{background:#395643;color:#eff4e5}.danger{background:#75463d;color:#fff0e7}.hint{font-size:12px;color:#a3af9b;line-height:1.7;margin-top:18px}.entry .hint{color:#6f7867}.how{max-width:520px;margin:0 0 70px;padding-top:26px;border-top:1px solid #ffffff14}h2{font-weight:500;font-size:21px;letter-spacing:-.4px;margin:0 0 15px;color:inherit}h3{font-size:13px;font-weight:600;margin-top:24px}.how h2{font-size:16px}.how p{font-size:13px;color:#94a28d}.roomline{display:flex;justify-content:space-between;align-items:center;margin-top:30px;gap:14px}.roomcode{font-family:monospace;background:#23352b;color:#f0cc90;border:1px solid #4c5e45;padding:9px 14px;border-radius:8px;font-size:18px;letter-spacing:2px}.roomcode small{font-family:system-ui;font-size:10px;color:#adb99e;letter-spacing:0;margin-left:12px}.connection{font-size:11px;color:#d6ab7c}.connection:before{content:"●";margin-right:7px}.connection.ok{color:#a5c99d}.phase-heading{padding:36px 0 22px}.phase-heading h1{font-size:clamp(32px,4.6vw,48px);max-width:660px}.gamegrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:start}.play{min-height:230px}.play>p{color:#afbaa5}.roster h2{display:flex;justify-content:space-between;font-size:17px}.roster h2 span{color:#a2b092}.roster ul{list-style:none;padding:0;margin:0}.roster li{display:flex;align-items:center;gap:13px;padding:13px 0;border-bottom:1px solid #ffffff0e}.roster li:last-child{border:0;padding-bottom:0}.avatar{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#354536;color:#d6dfc6;font-size:12px;flex-shrink:0}.roster b{font-size:13px;font-weight:550;overflow-wrap:anywhere}.roster small{display:block;font-size:10px;color:#9ba88f}.dead .avatar{background:#3b3934;color:#999}.dead b{text-decoration:line-through;color:#9b9d91}.remove{margin-left:auto;background:transparent;border:0;color:#a8b396;font-size:22px;min-width:44px;min-height:44px}.rolecover{background:#283b2d;border:1px solid #5e704e;border-radius:10px;padding:20px 16px;display:flex;align-items:center;gap:16px;width:100%;color:#e6d9b5;text-align:left}.rolecover>span:first-child{font-size:32px}.rolecover small{display:block;font-size:8px;letter-spacing:1.7px;color:#adb99b}.rolecover strong{display:block;font-family:Georgia,serif;font-size:20px;font-weight:400}.rolecover .eye{margin-left:auto;font-size:10px;color:#aeba9e}.private{padding-top:12px}.private p{font-size:13px;color:#b8c4ad}.waiting{padding:24px 0;font-size:16px!important}.targets{padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.targets legend{font-size:11px;color:#aab59c;padding-bottom:10px}.targets label{display:flex;align-items:center;gap:9px;border:1px solid #41543b;border-radius:8px;padding:10px 8px;cursor:pointer;font-size:12px;overflow-wrap:anywhere;min-height:50px}.targets input{accent-color:#dfb578;flex-shrink:0}.targets .chosen{border-color:#dfb578;background:#3e4830}.targets .avatar{display:none}.targets small{color:#aab89c;font-size:10px}.pack,.visions{background:#13221a;border-radius:8px;padding:8px 14px;margin:15px 0}.pack p,.visions p{margin:6px 0;font-size:12px}.notice{border-left:2px solid #d4b77d;padding-left:14px}.textbutton{display:block;border:0;background:transparent;color:#c6cbb8;padding:12px 0;font-size:12px;text-decoration:underline;text-underline-offset:4px;min-height:44px}.leave{margin:24px 0;color:#97a48e;font-size:11px}.journal{padding:26px 12px;font-size:12px;color:#acb89f}.journal p{padding-left:14px;border-left:1px solid #4b5c40;line-height:1.8}.rules{border-top:1px solid #ffffff18;padding:22px 0;font-size:12px;color:#9dab91}.rules summary{cursor:pointer;color:#c5d1b8;padding:5px 0}.rules p{max-width:760px}footer{display:flex;justify-content:space-between;padding:24px 0;font-size:9px;letter-spacing:1.5px;color:#84937c;border-top:1px solid #ffffff12}footer span{letter-spacing:0}.error{position:sticky;bottom:16px;margin:16px 0;background:#613b32;color:#fff1df;border:1px solid #a07059;padding:14px 18px;border-radius:10px;display:flex;justify-content:space-between;gap:16px;font-size:13px;z-index:10}.error button{border:0;background:transparent;color:inherit;font-size:20px;min-width:30px}p{overflow-wrap:anywhere}@media(min-width:1100px){.entry{margin-left:638px}}@media(max-width:1050px){.entry{margin-left:56%;max-width:35%;top:178px}.intro{width:55%}.intro h1{font-size:48px}}@media(max-width:720px){main{padding:0 20px}header{padding:19px 0}.brand{font-size:17px}.edition{display:none}.intro{padding:38px 0 25px;width:100%}.intro h1{font-size:44px;margin:16px 0 20px}.intro p{font-size:14px;max-width:350px}.facts{font-size:10px;gap:12px;margin-top:21px}.entry{position:static;margin:4px 0 34px;max-width:none;width:100%;padding:24px}.how{margin-bottom:30px;padding-top:12px;border:0}.card{padding:22px}.gamegrid{grid-template-columns:1fr;gap:18px}.phase-heading{padding:27px 0 12px}.phase-heading h1{font-size:37px;margin:15px 0 18px}.phase-heading p{font-size:14px}.roomline{align-items:start;margin-top:22px}.roomcode{font-size:15px;padding:9px 10px}.roomcode small{display:block;text-align:left;margin-left:0;font-size:9px}.connection{font-size:9px;padding-top:12px}.rolecover{padding:17px 12px;gap:12px}.rolecover strong{font-size:19px}.rolecover .eye{font-size:9px}.journal{padding:20px 8px}.targets{gap:7px}footer{font-size:8px}.rules{padding:16px 0}}:root[data-theme=day]{color:#273a2b;background:#f3efdf;color-scheme:light}[data-theme=day] body{background:radial-gradient(ellipse at 72% 15%,#fff9d8,transparent 52%),#f3efdf}[data-theme=day] header,[data-theme=day] footer,[data-theme=day] .rules{border-color:#354e3226}[data-theme=day] .brand,[data-theme=day] h1{color:#243c2c}[data-theme=day] .brand b{color:#5a6d50}[data-theme=day] .brandmark{color:#886124}[data-theme=day] .edition,[data-theme=day] .eyebrow{color:#5d704e}[data-theme=day] .phase-heading p,[data-theme=day] .play>p,[data-theme=day] .private p{color:#506448}[data-theme=day] .card{background:#fffdf3;border-color:#cbd1ba;box-shadow:0 18px 50px #6b6b3b0a}[data-theme=day] .hint,[data-theme=day] .roster h2 span,[data-theme=day] .roster small{color:#627356}[data-theme=day] .roomcode{background:#e5ead7;color:#344a2f;border-color:#bdc9a9}[data-theme=day] .roomcode small{color:#5f704f}[data-theme=day] .connection{color:#86592b}[data-theme=day] .connection.ok{color:#3e6a36}[data-theme=day] .roster li{border-color:#344f301c}[data-theme=day] .avatar{background:#e3e9d3;color:#3b5532}[data-theme=day] .dead .avatar{background:#e8e4db;color:#737467}[data-theme=day] .dead b{color:#73796a}[data-theme=day] .remove{color:#56694a}[data-theme=day] .rolecover{background:#e8edda;border-color:#a8b88c;color:#30462e}[data-theme=day] .rolecover small,[data-theme=day] .rolecover .eye{color:#5a6d48}[data-theme=day] .primary{background:#35543b;color:#fff9e9}[data-theme=day] .secondary{background:#dbe6ce;color:#2a472f}[data-theme=day] .targets legend,[data-theme=day] .targets small{color:#5d704e}[data-theme=day] .targets label{background:#fafbf1;border-color:#c0cbae}[data-theme=day] .targets .chosen{background:#e2ebcd;border-color:#69824d}[data-theme=day] .targets input{accent-color:#456137}[data-theme=day] .pack,[data-theme=day] .visions{background:#edf0e2}[data-theme=day] .notice{border-color:#92702d}[data-theme=day] .textbutton,[data-theme=day] .rules summary{color:#46603b}[data-theme=day] .journal,[data-theme=day] .rules,[data-theme=day] footer{color:#5e7151}[data-theme=day] .journal p{border-color:#a9b895}[data-theme=day] button:focus-visible,[data-theme=day] a:focus-visible,[data-theme=day] summary:focus-visible,[data-theme=day] input:focus-visible{outline-color:#526b32}.narrator{margin:0 0 24px;padding:20px 24px;border:1px solid #536347;border-radius:12px;background:#223025}.narrator p{font-size:12px;color:#bbc8ae;max-width:760px}.narrator .hint{font-size:11px}.narrator-controls{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.narrator-controls .secondary{width:auto;margin-top:0}.night-call{padding:24px;margin-bottom:24px;text-align:center;background:#101713;border:1px solid #3d4c34;border-radius:14px}.night-call>span{font-size:35px;color:#c3a675}.night-call h2{font-family:Georgia,serif;font-size:24px;margin:8px 0}.night-call p{color:#b4c1a5;font-size:14px;max-width:650px;margin:12px auto}.night-call small{font-size:11px;color:#93a385}[data-theme=day] .narrator{background:#e6ecd7;border-color:#bccba6}[data-theme=day] .narrator p{color:#4f6442}@media(max-width:720px){.narrator{padding:18px}.night-call{padding:20px}.narrator-controls{gap:8px}}.role-summary{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none;margin:18px 0}.role-summary li{padding:6px 9px;border:1px solid #56654a;background:#253828;border-radius:6px;font-size:11px}.role-summary b{color:#e5c28a;margin-right:3px}.setup-panel{margin:22px 0}.setup-mode{display:flex;gap:12px;align-items:center;margin:20px 0;flex-wrap:wrap}.setup-mode .secondary{width:auto;margin:0;padding:10px 13px}.setup-mode .hint{margin:0;max-width:240px}.setup-mode .selected{border:1px solid #adc196}.wolf-stepper{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;padding:18px 0}.wolf-stepper strong,.role-options strong{display:block;font-size:13px;font-weight:550}.wolf-stepper small,.role-options small{display:block;color:#aab99c;font-size:11px;margin-top:4px}.stepper{display:flex;align-items:center;gap:14px}.stepper button{width:44px;height:44px;background:#314b35;color:#eaf2df;border:1px solid #596c4c;border-radius:8px;font-size:20px}.stepper output{min-width:18px;text-align:center}.role-options{padding:0;border:0;margin:20px 0;min-inline-size:0}.role-options legend{font-size:11px;color:#a9ba98;margin-bottom:8px}.role-options label{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:start;gap:12px;padding:14px 0;min-height:48px;cursor:pointer}.role-options label>span{min-width:0;overflow-wrap:anywhere}.role-options input[type=checkbox]{accent-color:#dcb775;display:block;width:20px;min-width:20px;max-width:20px;height:20px;min-height:20px;padding:0;margin:1px 0}.setup-errors{border-left:2px solid #dfb578;padding:3px 0 3px 14px;font-size:12px;color:#ecd7b4}.setup-errors p{margin:8px 0}.private .siblings{border:1px solid #5c7650;padding:14px;border-radius:8px}[data-theme=day] .role-summary li{background:#e7edd9;border-color:#c1cea9}[data-theme=day] .role-summary b{color:#405a31}.room-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.qr-open{background:#263c2b;border:1px solid #657d53;border-radius:8px;color:#e0e9d4;padding:10px 13px;min-height:44px;font-size:12px}.qr-dialog{width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #c7cdbd;border-radius:16px;background:#f8f6eb;color:#25382a;overflow:auto;box-shadow:0 20px 80px #0006}.qr-dialog::backdrop{background:#07110ce6}.qr-content{position:relative;padding:30px 24px 20px;text-align:center}.qr-content .eyebrow{display:block;color:#657950;font-size:9px;padding-right:20px}.qr-content h2{font-family:Georgia,serif;font-size:29px;margin:14px 0 10px}.qr-content>p{font-size:12px;color:#5d6e52}.qr-close{position:absolute;right:7px;top:5px;min-width:44px;min-height:44px;font-size:26px;color:#3f5937;background:transparent;border:0}.qr-image{background:#fff;margin:20px auto 14px;max-width:320px;aspect-ratio:1;display:flex;align-items:center;justify-content:center}.qr-image img{display:block;width:100%;height:auto}.qr-image p{color:#384b30;font-size:13px;padding:24px}.qr-code{font-family:monospace;font-size:23px;letter-spacing:3px}.qr-link{overflow-wrap:anywhere;font-size:10px!important}.qr-content .primary{background:#36573d;color:#fff9e9}.qr-note{font-size:10px!important}.qr-dialog :focus-visible{outline:3px solid #526b32;outline-offset:3px}[data-theme=day] .qr-open{background:#e3ead4;color:#3c5733;border-color:#a8bd92}@media(max-width:400px){.roomline{flex-wrap:wrap}.qr-content{padding:26px 17px 16px}}
