:root{--ink:#f3ecdc;--ink-dim:#f3ecdcb8;--ink-faint:#f3ecdc73;--gold:#d6b16a;--gold-deep:#a8843f;--blood:#b7412f;--moss:#7f9a5a;--panel:#0e0f0b9e;--panel-strong:#0a0b08db;--line:#f3ecdc29;--serif:"Cormorant Garamond",Georgia,serif;--sans:"Inter",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#0b0c09;overflow:hidden}#view{position:fixed;inset:0}#view canvas{width:100%;height:100%;display:block}#ui{pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0}.hud{transition:opacity .4s;position:absolute;inset:0}.hud.hidden{opacity:0}.hud-top{text-shadow:0 1px 12px #0000008c;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;top:28px;left:36px;right:36px}.place{font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}.timer{font:500 44px/1.05 var(--serif);color:var(--ink);font-variant-numeric:tabular-nums;margin-top:6px}.hud-right{text-align:right}.score{font:600 44px/1.05 var(--serif);color:var(--ink);font-variant-numeric:tabular-nums}.score.bump{animation:.5s ease-out bump}@keyframes bump{0%{color:var(--gold);transform:scale(1.18)}to{transform:scale(1)}}.score-label{font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--ink-faint);margin-top:4px}.ammo{text-align:right;text-shadow:0 1px 10px #0009;position:absolute;bottom:34px;right:40px}.rounds{justify-content:flex-end;align-items:flex-end;gap:6px;display:flex}.round{fill:#f3ecdc1f;stroke:#f3ecdc59;stroke-width:.8px;width:11px;height:36px}.round.full{fill:#c9a15a;stroke:#e7c98d}.round .neck{stroke:#00000059;fill:none}.chamber{border:1.5px solid #f3ecdc66;border-radius:50%;width:10px;height:10px;margin-bottom:2px;margin-left:8px}.chamber.on{background:var(--gold);border-color:var(--gold);box-shadow:0 0 10px #d6b16ab3}.reserve{font:500 11px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);margin-top:9px}.zoom{font:500 22px/1 var(--serif);color:var(--ink-dim);position:absolute;bottom:106px;right:40px}.hipdot{background:#f3ecdce6;border-radius:50%;width:4px;height:4px;margin:-2px 0 0 -2px;transition:opacity .15s;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #00000059}.toasts{flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;top:22%;left:0;right:0}.toast{text-align:center;text-shadow:0 2px 18px #000000a6;transition:opacity .6s,transform .6s;animation:.45s cubic-bezier(.2,.9,.2,1.1) toastIn}.toast.out{opacity:0;transform:translateY(-12px)}.t-title{font:600 44px/1.05 var(--serif);color:var(--ink);letter-spacing:.01em}.t-sub{font:500 13px/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-top:6px}.toast.bad .t-title,.toast.bad .t-sub{color:#e58b72}.toast.minor .t-title{color:var(--ink-dim);font-size:28px}@keyframes toastIn{0%{opacity:0;transform:scale(.86)translateY(8px)}to{opacity:1;transform:none}}.walkie{background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:2px solid var(--gold);opacity:0;align-items:baseline;gap:14px;max-width:min(760px,80vw);padding:14px 22px;transition:opacity .35s,transform .35s;display:flex;position:absolute;bottom:44px;left:50%;transform:translate(-50%,10px)}.walkie.on{opacity:1;transform:translate(-50%)}.walkie .who{font:600 11px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gold);white-space:nowrap}.walkie .line{font:500 italic 21px/1.3 var(--serif);color:var(--ink)}.cinebars i{background:#000;height:0;transition:height .35s;position:absolute;left:0;right:0}.cinebars i:first-child{top:0}.cinebars i:last-child{bottom:0}.cinebars.on i{height:9vh}.perf{color:#f3ecdc8c;white-space:pre;font:500 11px/1.4 ui-monospace,monospace;position:absolute;bottom:10px;left:12px}.screen{pointer-events:auto;color:var(--ink);flex-direction:column;justify-content:center;padding:0 9vw;display:flex;position:absolute;inset:0}.screen.hidden{display:none}.screen.title{background:linear-gradient(90deg,#080906d6 0%,#0809068c 42%,#08090600 70%)}.screen .kicker{font:600 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}.brand .mark{width:46px;height:46px;color:var(--gold);margin-bottom:22px}.brand h1{font:500 clamp(64px,9vw,128px)/.95 var(--serif);letter-spacing:-.01em;margin:14px 0 6px}.brand .sub{font:italic 500 26px/1.2 var(--serif);color:var(--ink-dim)}.brief{max-width:520px;font:400 16px/1.6 var(--sans);color:var(--ink-dim);margin:30px 0 26px}.brief p+p{margin-top:10px}.brief b{color:var(--ink);font-weight:600}.screen button.start{background:var(--gold);color:#17140c;font:600 15px/1 var(--sans);letter-spacing:.04em;cursor:pointer;border:0;align-self:flex-start;align-items:center;gap:14px;padding:16px 26px;transition:background .2s,transform .2s;display:inline-flex}.screen button.start:hover{background:#e6c47f;transform:translateY(-1px)}kbd{font:600 11px/1 var(--sans);opacity:.75;border:1px solid;border-radius:3px;padding:4px 6px}.controls{font:400 13px/2 var(--sans);color:var(--ink-faint);margin-top:26px}.controls kbd{color:var(--ink-dim);margin:0 2px}.quality{font:500 12px/1 var(--sans);color:var(--ink-faint);align-items:center;gap:8px;margin-top:18px;display:flex}.quality button{border:1px solid var(--line);color:var(--ink-dim);font:500 12px/1 var(--sans);cursor:pointer;background:0 0;padding:7px 11px}.quality button.on{border-color:var(--gold);color:var(--gold)}.credits{font:400 11px/1.4 var(--sans);color:var(--ink-faint);position:absolute;bottom:22px;left:9vw}.screen.results{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#080906c7;align-items:flex-start}.results h2{font:500 84px/1 var(--serif);margin:12px 0 8px}.results h2 small{color:var(--ink-dim);font-size:28px}.results .stats{font:500 13px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);gap:22px;margin-bottom:26px;display:flex}.results .stats .bad{color:#e58b72}.results table{border-collapse:collapse;min-width:min(820px,82vw);font:400 15px/1.2 var(--sans);margin-bottom:28px}.results th{text-align:left;font:600 10px/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink-faint);border-bottom:1px solid var(--line);padding:0 18px 12px 0}.results td{border-bottom:1px solid var(--line);padding:13px 18px 13px 0}.results td.pts{font:600 18px/1 var(--serif);text-align:right}.results tr.fine td{color:#e58b72}.results tr.cobro td:nth-child(2){color:#c9b58a;font-style:italic}.results td.empty{color:var(--ink-faint);font-style:italic}.medal{font:600 10px/1 var(--sans);letter-spacing:.14em;text-transform:uppercase;vertical-align:2px;border-radius:2px;margin-left:6px;padding:3px 6px}.medal.oro{color:#1a150a;background:#d6b16a}.medal.plata{color:#16171a;background:#c9cbcf}.medal.bronce{color:#1a120a;background:#a9764a}.screen.loading{background:#0b0c09;align-items:flex-start}.load-label{font:italic 500 28px/1.3 var(--serif);color:var(--ink-dim);margin:16px 0 18px}.bar{background:var(--line);width:min(420px,70vw);height:2px}.bar i{background:var(--gold);height:100%;transition:width .3s;display:block}@media (max-width:720px){.hud-top{top:16px;left:16px;right:16px}.timer,.score{font-size:32px}.screen{padding:0 16px}.credits{left:16px}.results table{font-size:13px}}.pausa{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;background:#0809068c;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:absolute;inset:0}.pausa.on{display:flex}.pausa .kicker{font:600 11px/1 var(--sans);letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}.pausa .p-title{font:500 52px/1 var(--serif);color:var(--ink)}.pausa button.start{background:var(--gold);color:#17140c;font:600 15px/1 var(--sans);cursor:pointer;border:0;align-items:center;gap:12px;padding:14px 24px;display:inline-flex}html.tactil,html.tactil body{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.touch{pointer-events:none;position:absolute;inset:0}.touch.hidden{display:none}.t-surface{pointer-events:auto;touch-action:none;position:absolute;inset:0}.t-btn{pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(6px);color:var(--ink);font:600 24px/1 var(--sans);-webkit-user-select:none;user-select:none;background:#0c0d0957;border:1.5px solid #f3ecdc6b;border-radius:50%;justify-content:center;align-items:center;transition:transform 80ms,background .15s,border-color .15s;display:flex;position:absolute}.t-btn svg{width:56%;height:56%}.t-btn.down{border-color:var(--gold);background:#d6b16a59;transform:scale(.92)}.t-fire{width:92px;height:92px;right:calc(env(safe-area-inset-right,0px) + 28px);bottom:calc(env(safe-area-inset-bottom,0px) + 26px);border-color:#d6b16abf}.t-fire svg{color:var(--gold)}.t-scope{width:70px;height:70px;left:calc(env(safe-area-inset-left,0px) + 26px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}.t-scope.on{border-color:var(--gold);color:var(--gold);background:#d6b16a4d}.t-reload{width:52px;height:52px;left:calc(env(safe-area-inset-left,0px) + 106px);bottom:calc(env(safe-area-inset-bottom,0px) + 30px)}.t-reload.busy{opacity:.4}.t-zoom{width:46px;height:46px;left:calc(env(safe-area-inset-left,0px) + 38px);display:none}.t-zin{bottom:calc(env(safe-area-inset-bottom,0px) + 164px)}.t-zout{bottom:calc(env(safe-area-inset-bottom,0px) + 110px)}.touch.scoped .t-zoom{display:flex}.t-gyro{width:auto;height:38px;right:calc(env(safe-area-inset-right,0px) + 28px);top:calc(env(safe-area-inset-top,0px) + 92px);font:600 11px/1 var(--sans);letter-spacing:.12em;text-transform:uppercase;border-radius:19px;gap:6px;padding:0 12px 0 8px}.t-gyro svg{width:22px;height:22px}.t-pause{width:40px;height:40px;left:50%;top:calc(env(safe-area-inset-top,0px) + 12px);opacity:.75;margin-left:-20px}.t-pause svg{width:20px;height:20px}.touch.scoped .t-pause{opacity:.35}.t-gyro.on{border-color:var(--gold);color:var(--gold);background:#d6b16a38}.t-gyro.denied{opacity:.35}html.tactil .hipdot{display:none}html.tactil .ammo{bottom:calc(env(safe-area-inset-bottom,0px) + 132px);right:calc(env(safe-area-inset-right,0px) + 36px)}html.tactil .zoom{bottom:calc(env(safe-area-inset-bottom,0px) + 200px)}html.tactil .hud-top{top:calc(env(safe-area-inset-top,0px) + 14px);left:calc(env(safe-area-inset-left,0px) + 24px);right:calc(env(safe-area-inset-right,0px) + 24px)}html.tactil .walkie{bottom:calc(env(safe-area-inset-bottom,0px) + 18px);max-width:min(560px,56vw)}.ctl-touch,html.tactil .ctl-desk,html.tactil .ctl-pad{display:none}html.tactil .ctl-touch{display:block}@media (max-height:520px){.timer,.score{font-size:30px}.place,.score-label{font-size:9px}.t-title{font-size:28px}.t-sub{font-size:10px}.toasts{top:16%}.walkie{gap:10px;padding:9px 14px}.walkie .line{font-size:15px}.screen{padding:calc(env(safe-area-inset-top,0px) + 14px) calc(env(safe-area-inset-right,0px) + 28px) calc(env(safe-area-inset-bottom,0px) + 14px) calc(env(safe-area-inset-left,0px) + 32px);justify-content:flex-start;overflow-y:auto}.screen.title{background:linear-gradient(90deg,#080906e6 0%,#08090699 55%,#0809061a 85%)}.brand .mark{display:none}.brand h1{margin:4px 0 0;font-size:38px}.brand .sub{font-size:17px}.brief{max-width:470px;margin:8px 0 10px;font-size:12px;line-height:1.4}.brief p+p{margin-top:5px}.screen.title .controls{margin:8px 0 6px;font-size:11px}.screen.title .quality{margin-top:6px}.screen.title .quality button{padding:6px 9px;font-size:11px}.screen.title .credits{margin-top:6px}.screen button.start{padding:10px 18px;font-size:14px}.controls{margin-top:10px;font-size:11px;line-height:1.7}.quality{flex-wrap:wrap;margin-top:8px;font-size:10px}.quality button{padding:6px 9px;font-size:10px}.credits{margin-top:10px;font-size:9px;position:static}.results h2{font-size:46px}.results .stats{gap:14px;margin-bottom:12px;font-size:10px}.results table{margin-bottom:14px;font-size:12px}.results td{padding:7px 12px 7px 0}.pausa .p-title{font-size:34px}}.rotar{z-index:50;color:var(--ink);text-align:center;pointer-events:auto;background:#0b0c09;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:none;position:fixed;inset:0}.rotar svg{width:84px;height:84px;color:var(--gold);animation:2.4s ease-in-out infinite girar}.rotar .r-title{font:500 34px/1.1 var(--serif)}.rotar .r-sub{font:400 14px/1.5 var(--sans);color:var(--ink-dim);max-width:280px}@keyframes girar{0%,20%{transform:rotate(0)}50%,70%{transform:rotate(-90deg)}to{transform:rotate(0)}}@media (orientation:portrait) and (max-width:600px){html.tactil .rotar{display:flex}}html.tactil .zoom{right:auto;left:calc(env(safe-area-inset-left,0px) + 96px);bottom:calc(env(safe-area-inset-bottom,0px) + 128px);font-size:20px}.screen .actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.screen button.ghost,.ranking button.ghost{border:1px solid var(--line);color:var(--ink);font:600 14px/1 var(--sans);letter-spacing:.04em;cursor:pointer;background:0 0;padding:14px 20px}.screen button.ghost:hover,.ranking button.ghost:hover{border-color:var(--gold);color:var(--gold)}.rk-box{max-width:560px;margin:14px 0 16px}.rk-form{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.rk-form label{font:500 12px/1 var(--sans);color:var(--ink-dim);letter-spacing:.06em;text-transform:uppercase;flex-direction:column;gap:6px;display:flex}.rk-form input{border:1px solid var(--line);color:var(--ink);font:500 16px/1 var(--sans);background:#00000059;border-radius:0;width:220px;padding:12px 14px}.rk-form input:focus{border-color:var(--gold);outline:none}.rk-form button.start{padding:12px 18px}.rk-note{font:400 13px/1.4 var(--sans);color:var(--ink-dim);margin:8px 0 0}.rk-note.bad{color:#e58b72}.rk-sum{margin-bottom:8px}.rk-who{font:400 14px/1.4 var(--sans);color:var(--ink);margin-bottom:6px}.rk-sum table{border-collapse:collapse;font:500 13px/1 var(--sans)}.rk-sum th,.rk-sum td{text-align:left;color:var(--ink-dim);padding:5px 12px 5px 0}.rk-sum td.top{color:var(--gold);font-weight:700}.rk-rename{margin-top:8px;padding:8px 12px!important;font-size:12px!important}.ranking{z-index:40;-webkit-backdrop-filter:blur(8px);pointer-events:auto;background:#080906d1;display:none;position:absolute;inset:0;overflow-y:auto}.ranking.on{display:block}.rk-panel{max-width:640px;padding:calc(env(safe-area-inset-top,0px) + 28px) calc(env(safe-area-inset-right,0px) + 24px) calc(env(safe-area-inset-bottom,0px) + 28px) calc(env(safe-area-inset-left,0px) + 24px);margin:0 auto}.rk-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.rk-head h2{font:500 34px/1.1 var(--serif);color:var(--ink);margin:6px 0 12px}.rk-head h2 small{font:400 14px/1 var(--sans);color:var(--ink-dim);margin-left:8px}.rk-close{padding:10px 14px!important}.rk-tabs{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.rk-tabs button{border:1px solid var(--line);color:var(--ink-dim);font:500 13px/1 var(--sans);cursor:pointer;background:0 0;padding:8px 12px}.rk-tabs button.on{border-color:var(--gold);color:var(--gold)}.rk-periods button{padding:6px 10px;font-size:12px}.rk-list ol{margin:12px 0 0;padding:0;list-style:none}.rk-list li{font:500 15px/1.2 var(--sans);color:var(--ink);border-bottom:1px solid #f3ecdc14;grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:9px 4px;display:grid}.rk-list li .pos{color:var(--ink-dim);font-variant-numeric:tabular-nums}.rk-list li:nth-child(-n+3) .pos{color:var(--gold);font-weight:700}.rk-list li .val{font-variant-numeric:tabular-nums;color:var(--ink)}.rk-list li.me{background:#d6b16a1f}.rk-list li.gap{text-align:center;color:var(--ink-dim);border:0;padding:4px;display:block}@media (max-height:520px){.rk-head h2{margin:4px 0 8px;font-size:24px}.rk-panel{padding-top:calc(env(safe-area-inset-top,0px) + 14px)}.rk-list li{padding:6px 4px;font-size:14px}.rk-box{margin:8px 0 10px}.screen button.ghost{padding:10px 16px}}