@font-face{font-family:Nunito;src:url(../fonts/nunito-latin.woff2)format("woff2");font-weight:300 900;font-display:swap}:root{--ink:#3b4a3a;--ink-2:#5c6a55;--ink-3:#7d8873;--terra:#c4683c;--terra-2:#a9512b;--sage:#8fa36a;--panel-1:#fcf9f0e6;--panel-2:#f4eeded6;--panel:linear-gradient(170deg, var(--panel-1), var(--panel-2));--line:#50604629;--line-2:#5060464d;--btn:linear-gradient(180deg, #fffdf7f2, #eee8d6f2);--btn-hover:linear-gradient(180deg, #fffdf6, #f1ead6);--on:linear-gradient(180deg, #dee8c8fa, #c6d6aafa);--cta:linear-gradient(180deg, #d27a4c, var(--terra) 60%, var(--terra-2));--jaguar-1:#f0ad5c;--jaguar-2:#c66a2c;--dog-1:#c9cdc8;--dog-2:#6f7672;--radius:16px;--shadow:0 14px 40px #2e3a242e, 0 2px 6px #2e3a241f;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{color:var(--ink);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;background:linear-gradient(#dce8d0,#b9c7a6);font:600 15px/1.45 Nunito,system-ui,sans-serif}#app{position:fixed;inset:0}#scene{touch-action:none;outline:none;width:100%;height:100%;display:block;position:absolute;inset:0}[hidden]{display:none!important}button{font:inherit;color:inherit}svg{stroke-width:1.7px;flex:none;width:20px;height:20px}.loader{z-index:50;background:radial-gradient(120% 90% at 50% 40%,#eef3e4,#c9d6b6 75%);place-content:center;justify-items:center;gap:10px;transition:opacity .8s;display:grid;position:absolute;inset:0}.loader.done{opacity:0;pointer-events:none}.loader-title{letter-spacing:-.01em;color:var(--ink);margin:0;font:900 64px/1 Nunito,sans-serif}.loader .bar{background:linear-gradient(90deg,#3b4a3a1a,#3b4a3a29);border-radius:5px;width:min(280px,70vw);height:5px;overflow:hidden}.loader .bar i{transform-origin:0;background:linear-gradient(90deg, var(--sage), var(--terra));height:100%;transition:transform .25s;display:block;transform:scaleX(.04)}.loader .msg{color:var(--ink-2);margin:4px 0 0;font-size:14px}.kicker{text-transform:uppercase;letter-spacing:.2em;color:var(--terra);margin:0;font-size:12px;font-weight:800}.overlay{z-index:20;position:absolute}.menu{pointer-events:none;align-items:center;padding:28px clamp(16px,4vw,64px);display:flex;inset:0}.menu-card{pointer-events:auto;background:var(--panel);border:1px solid var(--line);width:min(440px,100%);max-height:calc(100% - 8px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px)saturate(1.1);scrollbar-width:thin;border-radius:20px;padding:24px 24px 18px;animation:.6s cubic-bezier(.2,.8,.2,1) both rise;overflow:auto}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.menu-head{margin-bottom:12px}.title{letter-spacing:-.015em;color:var(--ink);margin:6px 0 8px;font:900 clamp(46px,6vw,60px)/.95 Nunito,sans-serif}.lede{color:var(--ink-2);max-width:36ch;margin:0;font-weight:600}.group{margin-top:15px;transition:opacity .2s}.group.is-off{opacity:.4;pointer-events:none}.group-label{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);margin:0 0 7px;font-size:12px;font-weight:800}.opts{gap:8px;display:grid}.opts.two{grid-template-columns:1fr 1fr}.opts.three{grid-template-columns:repeat(3,1fr)}.opts.chips{grid-template-columns:repeat(4,1fr)}.opt{text-align:left;border:1px solid var(--line);cursor:pointer;background:var(--btn);border-radius:14px;flex-direction:column;gap:3px;min-height:48px;padding:10px 12px;transition:border-color .15s,transform .15s,background .15s;display:flex}.opt:hover{background:var(--btn-hover)}.opt:active{transform:scale(.98)}.opt.is-on{background:var(--on);border-color:#627c428c;box-shadow:inset 0 0 0 1px #627c4240}.opt-title{color:var(--ink);font-size:15px;font-weight:800}.opt-sub{color:var(--ink-2);font-size:12.5px;font-weight:600;line-height:1.35}.opts.chips .opt{text-align:center;justify-content:center;align-items:center;padding:8px 4px}.opts.chips .opt-title{font-size:13.5px}.level-sub{color:var(--ink-2);min-height:2.7em;margin:8px 0 0;font-size:13px}.checks{flex-wrap:wrap;gap:6px 16px;margin-top:8px;display:flex}.check{color:var(--ink-2);cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--terra)}.cta{cursor:pointer;background:var(--cta);color:#fff8ee;letter-spacing:.01em;border:0;border-radius:16px;justify-content:center;align-items:center;gap:10px;width:100%;min-height:54px;margin-top:8px;font-size:17px;font-weight:800;transition:transform .15s,filter .15s;display:flex;box-shadow:0 10px 22px #c4683c4d,inset 0 1px #ffffff59}.cta:hover{filter:brightness(1.05)}.cta:active{transform:translateY(1px)scale(.99)}.cta svg{fill:currentColor;stroke:none}.credits{color:var(--ink-3);margin:12px 0 0;font-size:11px;font-weight:600;line-height:1.4}.hud{pointer-events:none;z-index:10;position:absolute;inset:0}.hud-top{left:0;right:0;top:calc(14px + var(--safe-t));justify-content:space-between;align-items:flex-start;gap:10px;padding:0 16px;display:flex;position:absolute}.pill{pointer-events:auto;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px)}.turn{align-items:center;gap:12px;min-width:210px;padding:10px 16px 10px 12px;display:flex}.turn .dot{background:linear-gradient(145deg, var(--jaguar-1), var(--jaguar-2));border-radius:50%;flex:none;width:28px;height:28px;transition:background .3s;box-shadow:0 0 0 3px #ffffffb3,0 2px 8px #c66a2c59}.turn.is-pack .dot{background:linear-gradient(145deg, var(--dog-1), var(--dog-2));box-shadow:0 0 0 3px #ffffffb3,0 2px 8px #3c46424d}.turn-text{flex-direction:column;line-height:1.2;display:flex}.turn-text strong{color:var(--ink);font:800 18px/1.15 Nunito,sans-serif}.turn-text small{color:var(--ink-2);min-height:1.2em;font-size:13px;font-weight:600}.score{min-width:170px;padding:10px 16px}.score-row{justify-content:space-between;align-items:baseline;gap:14px;display:flex}.score-row strong{color:var(--terra);font:900 22px/1 Nunito,sans-serif}.score-label{letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);font-size:12px;font-weight:800}.score-row.fuga{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}.pips{gap:6px;margin-top:8px;display:flex}.pips i{background:linear-gradient(#3b4a3a1f,#3b4a3a12);border-radius:4px;flex:1;height:7px;transition:background .3s}.pips i.on{background:linear-gradient(90deg, #d88559, var(--terra-2))}.hud-bottom{left:50%;bottom:calc(16px + var(--safe-b));pointer-events:auto;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);box-shadow:var(--shadow);border-radius:20px;gap:8px;padding:6px;display:flex;position:absolute;transform:translate(-50%)}.btn{border:1px solid var(--line);background:var(--btn);min-width:48px;min-height:48px;color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14.5px;font-weight:800;transition:background .15s,transform .12s,opacity .2s;display:inline-flex}.btn:hover:not(:disabled){background:var(--btn-hover)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:default}.btn-hot{background:var(--cta);color:#fff8ee;border-color:#a9512b80}.btn-hot:hover:not(:disabled){background:linear-gradient(#dc8a5c,#c96f42)}.btn.wide{width:100%;margin-top:8px}:focus-visible{outline:2px solid var(--terra);outline-offset:2px}.toast{left:50%;bottom:calc(92px + var(--safe-b));opacity:0;background:var(--panel);border:1px solid var(--line-2);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;max-width:calc(100vw - 32px);box-shadow:var(--shadow);border-radius:14px;padding:9px 16px;font-size:14px;font-weight:700;transition:opacity .25s,transform .25s;position:absolute;overflow:hidden;transform:translate(-50%,8px)}.toast.show{opacity:1;transform:translate(-50%)}.modal{z-index:30;background:radial-gradient(80% 70%,#dce8d026,#3c4a3459);place-items:center;padding:16px;display:grid;inset:0}.modal-low{padding-bottom:calc(18px + var(--safe-b));background:linear-gradient(#3c4a3400 45%,#3c4a3452);align-items:end}.sheet{background:var(--panel);border:1px solid var(--line);width:min(380px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);border-radius:20px;padding:24px;animation:.4s cubic-bezier(.2,.8,.2,1) both rise}.sheet h2{color:var(--ink);margin:0 0 12px;font:900 30px/1.1 Nunito,sans-serif}.field{color:var(--ink-2);flex-direction:column;gap:6px;margin-top:16px;font-size:13px;display:flex}.field select{border:1px solid var(--line-2);background:var(--btn);min-height:44px;color:var(--ink);font:inherit;border-radius:12px;padding:0 10px}.end{text-align:center;width:min(520px,100%)}.end h2{color:var(--ink);margin:6px 0 8px;font-size:34px}.end.is-win h2{color:var(--terra-2)}.end-reason{color:var(--ink);margin:0 0 6px;font-size:16px}.end-stats{color:var(--ink-3);margin:0 0 16px;font-size:13px}.end-actions{grid-template-columns:1fr 1fr;align-items:end;gap:10px;display:grid}.end-actions .btn.wide,.end-actions .cta{min-height:52px;margin-top:0}@media (min-width:641px) and (max-height:880px){.menu{padding-top:16px;padding-bottom:16px}.menu-card{padding:18px 22px 14px}.title{margin:2px 0 4px;font-size:48px}.lede{font-size:14px}.group{margin-top:11px}.opts.three .opt-sub{display:none}.opt{min-height:46px;padding:8px 12px}.level-sub{min-height:0}.credits{margin-top:8px}}@media (min-width:641px) and (max-height:700px){.lede,.credits,.opts.two .opt-sub{display:none}}@media (max-width:640px){body{font-size:14px}.menu{padding:0 0 calc(10px + var(--safe-b));align-items:flex-end}.menu-card{border-radius:20px 20px 16px 16px;width:100%;max-height:78%;margin:0 8px;padding:14px 14px 12px}.menu-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:6px;display:flex}.menu-head .kicker{order:2}.title{margin:0;font-size:38px}.lede,.credits{display:none}.group{margin-top:9px}.group-label{margin-bottom:6px;font-size:11px}.opt{min-height:44px;padding:9px 10px}.opt-sub{display:none}.opts.two .opt-sub{font-size:12px;display:block}.opts.chips{grid-template-columns:repeat(4,1fr);gap:6px}.opts.chips .opt-title{font-size:12.5px}.level-sub{min-height:0;margin-top:6px;font-size:12px}.checks{gap:0 14px;margin-top:2px}.check{font-size:13px}.cta{min-height:50px;margin-top:6px}.hud-top{top:calc(10px + var(--safe-t));gap:8px;padding:0 10px}.turn{flex:1;gap:10px;min-width:0;padding:8px 12px 8px 10px}.turn .dot{width:22px;height:22px}.turn-text strong{font-size:16px}.turn-text small{font-size:12px}.score{min-width:0;padding:8px 12px}.score-row strong{font-size:18px}.score-label{letter-spacing:.06em;font-size:10.5px}.pips{gap:4px;margin-top:6px}.pips i{flex:none;width:14px;height:6px}.hud-bottom{left:10px;right:10px;bottom:calc(10px + var(--safe-b));justify-content:space-between;transform:none}.btn{flex:1;gap:6px;padding:0 12px;font-size:13.5px}.toast{bottom:calc(84px + var(--safe-b));white-space:normal;text-align:center;width:max-content}.end-actions{grid-template-columns:1fr}}@media (max-width:380px){.btn span{display:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
