:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--red:#c8102e;--gold:#ffd84a;--panel:#121622b8;--line:#ffffff24}*{box-sizing:border-box}html,body{color:#fff;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;background:#0d0f16;height:100%;margin:0;font-family:Be Vietnam Pro,system-ui,sans-serif;overflow:hidden}#app,#app canvas{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}#loading{text-align:center;z-index:50;background:radial-gradient(circle at 50% 40%,#5a0f14,#12070a 70%);place-content:center;transition:opacity .6s;display:grid;position:fixed;inset:0}#loading.gone{opacity:0;pointer-events:none}.ld-title{color:var(--gold);letter-spacing:.02em;font-size:48px;font-weight:800}.ld-sub{opacity:.8;margin-top:8px}#hud{pointer-events:none;z-index:10;padding:max(10px, env(safe-area-inset-top)) max(10px, env(safe-area-inset-right)) max(10px, env(safe-area-inset-bottom)) max(10px, env(safe-area-inset-left));position:fixed;inset:0}#hud.hide{display:none}#hud button,#hud .card{pointer-events:auto}.card{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;box-shadow:0 6px 20px #00000040}.tl{left:inherit;top:inherit;max-width:min(430px,62vw);left:max(10px, env(safe-area-inset-left));top:max(10px, env(safe-area-inset-top));flex-direction:column;gap:8px;display:flex;position:absolute}.row{align-items:flex-start;gap:8px;display:flex}.stack{flex-direction:column;gap:6px;display:flex}#minimap{pointer-events:auto;background:#2a3140;border:3px solid #ffffffd9;border-radius:50%;flex:none;width:110px;height:110px;box-shadow:0 6px 18px #00000059}.place,.clock{align-items:center;gap:8px;padding:6px 12px 6px 10px;display:flex}.place b,.clock b{letter-spacing:.02em;font-size:15px;display:block}.place small,.clock small,.countdown small,.wallet small{opacity:.78;font-size:11.5px;display:block}.pin{font-size:17px}.clock .temp{margin-left:6px;font-size:15px}.countdown{padding:6px 12px}.countdown b{color:var(--gold);font-variant-numeric:tabular-nums;font-size:14px}.quests{width:min(280px,60vw);padding:4px 6px 6px}.qhead{all:unset;box-sizing:border-box;width:100%;color:var(--gold);cursor:pointer;justify-content:space-between;padding:6px 8px;font-size:13.5px;font-weight:700;display:flex}.qhead i{opacity:.8;color:#fff;font-style:normal}#qlist{flex-direction:column;gap:3px;margin:0;padding:0;list-style:none;display:flex}#qlist.closed{display:none}#qlist li{cursor:pointer;background:#ffffff0a;border-radius:9px;align-items:center;gap:8px;padding:6px 8px;font-size:13px;display:flex}#qlist li .box{border:2px solid #ffffffb3;border-radius:4px;flex:none;place-items:center;width:16px;height:16px;font-size:11px;display:grid}#qlist li.done{opacity:.6}#qlist li.done .box{background:#3fb950;border-color:#3fb950}#qlist li.next{background:#ffd84a21;outline:1px solid #ffd84a59}.tr{right:max(10px, env(safe-area-inset-right));top:max(10px, env(safe-area-inset-top));align-items:stretch;gap:8px;display:flex;position:absolute}.wallet{align-items:center;gap:8px;padding:6px 14px 6px 10px;display:flex}.wallet span{font-size:22px}.wallet b{font-variant-numeric:tabular-nums;font-size:16px}.sq{all:unset;cursor:pointer;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:14px;flex-direction:column;align-items:center;gap:2px;width:58px;padding:6px 0;display:flex}.sq span{font-size:19px}.sq small{opacity:.85;font-size:10px}.br{right:max(14px, env(safe-area-inset-right));bottom:max(14px, env(safe-area-inset-bottom));flex-direction:column;align-items:flex-end;gap:12px;display:flex;position:absolute}.round-row{gap:12px;display:flex}.round{all:unset;cursor:pointer;background:#121622bf;border:2px solid #fffc;border-radius:50%;place-items:center;width:58px;height:58px;font-size:25px;display:grid;box-shadow:0 6px 18px #00000059}.round.on{background:#e8a317}.act{all:unset;cursor:pointer;background:linear-gradient(#e0242f,#a8101a);border:2px solid #ffd84a;border-radius:999px;align-items:center;gap:10px;padding:12px 20px 12px 14px;font-size:16px;animation:1.6s ease-in-out infinite pulse;display:flex;box-shadow:0 8px 24px #a00a1480}.act span{font-size:22px}.act.hidden{display:none}@keyframes pulse{50%{transform:scale(1.05)}}#toast{flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}#toast div{color:#fff;white-space:nowrap;background:#0a0c14d9;border:1px solid #ffd84a80;border-radius:999px;padding:9px 16px;font-size:14px;animation:3.2s forwards toast}@keyframes toast{0%{opacity:0;transform:translateY(8px)}10%,85%{opacity:1;transform:none}to{opacity:0}}.credit{opacity:.55;text-shadow:0 1px 2px #000;font-size:10.5px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.joy{z-index:9;pointer-events:none;background:#ffffff1f;border:2px solid #ffffff73;border-radius:50%;width:124px;height:124px;margin:-62px 0 0 -62px;display:none;position:fixed}.knob{background:#ffffffd9;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;box-shadow:0 4px 12px #0006}#modal{z-index:30;background:#05060a73;place-items:center;padding:16px;display:grid;position:fixed;inset:0}#modal.hidden{display:none}.sheet{background:linear-gradient(#2a0d10,#160a0c);border:1px solid #ffd84a59;border-radius:18px;width:min(460px,100%);max-height:calc(100vh - 32px);padding:18px;overflow:auto;box-shadow:0 20px 60px #0009}.sheet h2{color:var(--gold);margin:0 0 4px;font-size:19px}.sheet .who{opacity:.7;margin-bottom:10px;font-size:12.5px}.sheet p{margin:8px 0;font-size:14.5px;line-height:1.5}.sheet .opts{flex-direction:column;gap:8px;margin-top:12px;display:flex}.sheet .grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px;margin-top:10px;display:grid}.btn{all:unset;cursor:pointer;text-align:center;box-sizing:border-box;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;padding:11px 14px;font-size:14.5px}.btn:hover{background:#ffffff24}.btn.primary{background:linear-gradient(#e0242f,#a8101a);border-color:#ffd84a;font-weight:700}.btn.good{background:#1f6f3a;border-color:#3fb950}.btn.bad{background:#6f1f1f;border-color:#e5534b}.btn small{opacity:.75;margin-top:2px;font-size:12px;display:block}.sheet input[type=text]{color:#fff;width:100%;font:inherit;background:#0000004d;border:1px solid #ffffff40;border-radius:10px;margin-top:6px;padding:11px 12px;font-size:16px}.sheet img.result{border-radius:12px;width:100%;margin-top:8px;display:block}.sheet .row2{gap:8px;margin-top:12px;display:flex}.sheet .row2 .btn{flex:1}.steps{flex-wrap:wrap;gap:4px;margin:8px 0;display:flex}.steps i{background:#ffffff14;border-radius:999px;padding:3px 8px;font-size:12px;font-style:normal}.steps i.ok{background:#1f6f3a}.steps i.now{outline:1px solid var(--gold);background:#a8101a}.card-item{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;padding:10px;font-size:13px}.card-item b{color:var(--gold);margin-bottom:3px;display:block}.card-item.locked{opacity:.45}#flash{opacity:0;pointer-events:none;z-index:40;background:#fff;transition:opacity .35s;position:fixed;inset:0}#flash.on{opacity:.9;transition:none}#hud .photo-only{display:none}@media (max-width:720px){#minimap{width:84px;height:84px}.place b,.clock b{font-size:13px}.place small,.clock small,.countdown small{font-size:10.5px}.countdown b{font-size:12.5px}.sq{width:46px}.sq small{display:none}.wallet{padding:5px 10px 5px 8px}.wallet small{display:none}.quests{width:min(240px,58vw)}#qlist li{padding:5px 7px;font-size:12px}.tl{max-width:64vw}.tr{gap:6px}}@media (max-height:480px){.countdown{display:none}#qlist li{padding:4px 7px}}@media (max-width:600px){.tl{max-width:calc(100vw - 80px)}.tr{flex-direction:column;align-items:flex-end;gap:6px}.wallet{gap:4px;padding:4px 8px}.wallet span{font-size:16px}.wallet b{font-size:13px}.sq{width:42px;padding:5px 0}.sq span{font-size:17px}.stack{gap:4px}.place,.clock{gap:6px;padding:4px 8px}.place small{text-overflow:ellipsis;white-space:nowrap;max-width:112px;overflow:hidden}.countdown{padding:4px 8px}.quests{width:min(230px,100vw - 90px)}#qlist li:not(.next){display:none}#qlist.open li{display:flex}.round{width:52px;height:52px;font-size:22px}.act{padding:10px 16px 10px 12px;font-size:14px}.credit{display:none}}body.intro-on #hud{display:none}#intro{z-index:25;pointer-events:none;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.intro-card{pointer-events:auto;-webkit-backdrop-filter:blur(8px);background:linear-gradient(#2a0d10eb,#160a0ceb);border:1px solid #ffd84a59;border-radius:20px;flex-direction:column;gap:6px;width:min(380px,100%);max-height:calc(100vh - 48px);padding:20px;display:flex;overflow:auto;box-shadow:0 20px 60px #0000008c}.intro-brand b{color:var(--gold);font-size:30px;font-weight:800;display:block}.intro-brand small{opacity:.75;font-size:13px}.intro-card label,.intro-card .lbl{opacity:.75;margin-top:10px;font-size:12.5px}.name-row{gap:8px;display:flex}.name-row input{color:#fff;min-width:0;font:inherit;background:#0000004d;border:1px solid #ffffff40;border-radius:12px;flex:1;padding:12px;font-size:17px;font-weight:600}.dice{all:unset;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;place-items:center;width:48px;font-size:22px;display:grid}.seg{grid-template-columns:1fr 1fr;gap:6px;display:grid}.seg button,.looks button{all:unset;box-sizing:border-box;cursor:pointer;text-align:center;background:#ffffff12;border:1px solid #ffffff24;border-radius:12px}.seg button{padding:10px;font-weight:700}.seg button[aria-checked=true]{border-color:var(--gold);background:#a8101a}.looks{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:8px;display:grid}.looks button{aspect-ratio:1;background:radial-gradient(circle at 50% 30%,#6a3035,#24100f);place-items:center;font-size:13px;display:grid;overflow:hidden}.looks img{object-fit:cover;width:100%;height:100%}.looks button[aria-checked=true]{border:2px solid var(--gold);box-shadow:0 0 0 3px #ffd84a40}.intro-card .go{margin-top:14px;padding:14px;font-size:17px}.intro-card .hint{text-align:center;opacity:.55;font-size:11.5px}@media (max-width:720px){#intro{padding:12px;padding-bottom:max(12px, env(safe-area-inset-bottom));align-items:flex-end}.intro-card{gap:4px;width:100%;max-height:62vh;padding:16px}.intro-brand b{font-size:24px}.intro-card label,.intro-card .lbl{margin-top:6px}.looks{grid-template-columns:repeat(5,1fr);gap:6px}.intro-card .go{margin-top:10px}}