:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--void:#070807;--ink:#0b0d0a;--surface:#0f120ee0;--surface-solid:#11140f;--surface-raised:#1b2018;--rail:#3d4538;--rail-hot:#77836b;--ivory:#f1f0e8;--muted:#aeb5a5;--gold:#ffc83d;--gold-hot:#ffeb95;--gold-deep:#a96808;--profit:#76ff72;--danger:#ff5a46;--signal:#56d8ff;--drift-accent:#72d8cf;--violet:#b98cff;--shadow:#00000094;--focus:#ffeb95;--radius-control:12px;--radius-card:20px;--font-display:"Arial Black", "Helvetica Neue", sans-serif;--font-ui:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-numeric:"SFMono-Regular", Consolas, "Liberation Mono", monospace;--playcattle-safe-area-bottom:env(safe-area-inset-bottom,0px);--playcattle-action-deck-height:184px;--playcattle-control-bottom-minimum:18px;font-family:var(--font-ui);font-synthesis:none;text-rendering:geometricprecision;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{background:var(--void);width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}button:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.arena-shell{isolation:isolate;background:var(--void);width:100%;min-width:320px;height:100%;min-height:480px;color:var(--ivory);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.game-canvas,.game-canvas canvas{touch-action:none;display:block;width:100%!important;height:100%!important}.game-canvas{position:absolute;inset:0}.hud{z-index:5;pointer-events:none;padding:max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));position:absolute;inset:0}.hud-cluster{top:max(16px, env(safe-area-inset-top));border-left:3px solid var(--gold);min-height:76px;box-shadow:0 12px 30px var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(100deg,#070807eb,#121610d6);display:flex;position:absolute}.hud-player{left:max(16px, env(safe-area-inset-left));min-width:280px}.hud-leader{right:max(16px, env(safe-area-inset-right));border-right:3px solid var(--gold);border-left:0;flex-direction:column;align-items:flex-end;min-width:205px;padding:13px 18px 11px}.runtime-switch{top:calc(max(16px, env(safe-area-inset-top)) + 88px);right:max(16px, env(safe-area-inset-right));min-width:176px;min-height:42px;color:var(--ivory);border:1px solid var(--rail-hot);border-radius:var(--radius-control);box-shadow:0 8px 24px var(--shadow);cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font:800 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;background:#070807db;grid-template-columns:8px 1fr auto;align-items:center;gap:8px;padding:0 12px;display:grid;position:absolute}.runtime-switch strong{min-width:28px;height:24px;color:var(--void);background:var(--gold);font-family:var(--font-numeric);border-radius:5px;place-items:center;padding:0 6px;display:grid}.runtime-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;box-shadow:0 0 9px #ffc83db3}.runtime-authority{border-color:var(--profit)}.runtime-authority .runtime-dot{background:var(--profit);box-shadow:0 0 9px #76ff72b8}.runtime-authority strong{background:var(--profit)}.guest-mark{width:68px;color:var(--void);background:var(--gold);clip-path:polygon(0 0,100% 0,84% 100%,0 100%);font:900 34px/1 var(--font-display);place-items:center;font-style:italic;display:grid}.identity-block{padding:10px 16px 9px 12px}.eyebrow,.state-kicker,.result-kicker{color:var(--muted);font:800 11px/1.2 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;margin:0}.money-row{align-items:center;gap:12px;margin-top:4px;display:flex}.metric{color:var(--ivory);grid-template-columns:auto;display:grid}.metric-hot{color:var(--gold-hot)}.metric-secure .metric-value{color:var(--profit)}.metric-value{font:900 24px/1 var(--font-numeric);font-variant-numeric:tabular-nums;align-items:center;gap:4px;display:flex}.metric-value svg{width:15px;height:15px;color:var(--gold)}.metric-label{color:var(--muted);font:700 10px/1 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;margin-top:3px}.metric-divider{background:var(--rail);width:1px;height:27px}.cargo-rack{gap:4px;margin-top:7px;display:flex}.cargo-slot{background:var(--rail);width:19px;height:4px;transform:skew(-18deg)}.cargo-slot.loaded{background:var(--gold);box-shadow:0 0 8px #ffc83d9e}.leader-name{max-width:180px;font:900 19px/1 var(--font-display);text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;overflow:hidden}.leader-score{color:var(--profit);font:800 12px/1 var(--font-numeric);font-variant-numeric:tabular-nums;text-transform:uppercase;align-items:center;gap:4px;margin:6px 0 0;display:flex}.leader-score svg{width:13px;height:13px;color:var(--gold)}.clock-cluster{top:max(16px, env(safe-area-inset-top));text-align:center;min-width:132px;filter:drop-shadow(0 8px 15px var(--shadow));position:absolute;left:50%;transform:translate(-50%)}.bell-state{color:var(--void);background:var(--gold);clip-path:polygon(7px 0,calc(100% - 7px) 0,100% 100%,0 100%);font:900 9px/1 var(--font-ui);letter-spacing:.14em;padding:5px 11px 4px;display:block}.bell-open{color:var(--ivory);background:var(--violet)}.bell-shattered{background:var(--profit)}.clock{color:var(--ivory);font:900 30px/1 var(--font-numeric);font-variant-numeric:tabular-nums;letter-spacing:-.06em;background:#070807e6;padding:6px 18px 7px;display:block}.armor-pips{background:#070807d1;justify-content:center;gap:3px;padding:5px 8px;display:flex}.armor-pip{background:var(--rail);width:18px;height:3px}.armor-pip.active{background:var(--violet);box-shadow:0 0 7px #b98cffb3}.desktop-help{bottom:max(18px, env(safe-area-inset-bottom));color:var(--muted);box-shadow:0 8px 26px var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#070807c2;gap:16px;padding:8px 14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.control-hint{white-space:nowrap;font:700 11px/1 var(--font-ui);text-transform:uppercase;align-items:center;gap:6px;display:flex}.control-hint kbd{min-width:25px;color:var(--ivory);background:var(--surface-raised);border-bottom:2px solid var(--rail-hot);font:800 10px/1 var(--font-numeric);text-align:center;border-radius:4px;padding:4px 6px}.charge-rail{right:max(20px, env(safe-area-inset-right));bottom:max(22px, env(safe-area-inset-bottom));align-items:center;gap:8px;width:170px;display:flex;position:absolute}.charge-label{color:var(--gold-hot);font:900 10px/1 var(--font-ui);letter-spacing:.1em}.charge-track{background:var(--rail);flex:1;height:5px;overflow:hidden;transform:skew(-15deg)}.charge-fill{transform-origin:0;background:var(--gold);width:100%;height:100%;display:block;box-shadow:0 0 9px #ffc83db8}.announcement{opacity:0;text-align:center;min-width:min(440px,100vw - 32px);position:absolute;top:23%;left:50%;transform:translate(-50%,-12px)}.announcement.visible{opacity:1;transform:translate(-50%)}.announcement span{color:var(--void);background:var(--gold-hot);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);box-shadow:0 10px 25px var(--shadow);font:900 clamp(14px, 2vw, 20px)/1 var(--font-display);letter-spacing:.06em;text-transform:uppercase;padding:8px 24px;display:inline-block}.touch-controls{z-index:8;pointer-events:none;display:none;position:absolute;inset:0}.touch-stick{bottom:max(var(--playcattle-control-bottom-minimum), var(--playcattle-safe-area-bottom));left:max(12px, env(safe-area-inset-left));pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;width:144px;height:144px;position:absolute}.stick-base,.stick-active-ring,.stick-knob{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;display:block;position:absolute}.stick-base,.stick-active-ring{object-fit:contain;width:132px;height:132px;top:6px;left:6px}.stick-base{z-index:1;filter:drop-shadow(0 12px 18px #0000008f)}.stick-active-ring{z-index:2;opacity:0;filter:drop-shadow(0 0 6px #35c8ff75)}.touch-stick.is-active .stick-active-ring{opacity:1}.stick-knob{z-index:3;object-fit:contain;filter:drop-shadow(0 7px 7px #00000094);will-change:transform;width:58px;height:58px;top:43px;left:43px}.action-deck{right:max(10px, env(safe-area-inset-right));bottom:max(var(--playcattle-control-bottom-minimum), var(--playcattle-safe-area-bottom));width:198px;height:var(--playcattle-action-deck-height);pointer-events:none;position:absolute}.action-button{--meter:100%;--control-art:none;width:70px;height:70px;color:var(--ivory);background:radial-gradient(circle at 50% 42%, var(--surface-raised) 0 40%, var(--ink) 68%);cursor:pointer;pointer-events:auto;touch-action:none;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;overflow:visible;box-shadow:0 9px 18px #0000007a}.action-button:before{z-index:1;content:"";background:var(--control-art) center / contain no-repeat;filter:drop-shadow(0 8px 9px #00000085);pointer-events:none;border-radius:50%;position:absolute;inset:0}.action-button:after{z-index:2;content:"";opacity:0;background:conic-gradient(from -90deg, transparent 0 var(--meter), #030505e0 var(--meter) 100%);pointer-events:none;border-radius:50%;position:absolute;inset:23%;box-shadow:inset 0 0 14px #000000c2}.action-button.is-cooldown:after{opacity:1}.action-button.is-pressed{transform:scale(.94)translateY(2px)}.action-button.is-pressed:before{filter:brightness(1.14)drop-shadow(0 4px 5px #0000007a)}.action-button:disabled,.action-button.is-disabled{opacity:.58;filter:saturate(.34)brightness(.68);cursor:not-allowed}.action-button:disabled:active,.action-button.is-disabled.is-pressed{transform:none}.action-glyph,.action-label,.action-count{z-index:3;pointer-events:none;text-shadow:0 2px 3px #000000e6;position:absolute}.action-glyph{font:900 22px/1 var(--font-display);top:33%;left:50%;transform:translate(-50%,-50%)}.action-label{font:800 8px/1 var(--font-ui);letter-spacing:.04em;white-space:nowrap;text-transform:uppercase;bottom:18%;left:50%;transform:translate(-50%)}.action-count{z-index:4;min-width:22px;height:22px;color:var(--ink);background:var(--signal);border:2px solid var(--ink);font:900 11px/1 var(--font-numeric);border-radius:999px;place-items:center;padding:0 5px;display:grid;top:-2px;right:-2px;box-shadow:0 0 0 1px #35c8ffcc,0 3px 7px #00000094}.action-charge{width:88px;height:88px;color:var(--gold-hot);bottom:0;right:0}.action-charge.is-ready{box-shadow:0 0 0 2px #ffc83dc7,0 0 16px #ffc83d38,0 9px 18px #00000085}.action-charge .action-glyph{font-size:26px;top:34%}.action-charge .action-label{font-size:9px;bottom:19%}.action-drift{color:var(--drift-accent);bottom:4px;right:96px}.action-tether{color:var(--signal);bottom:90px;right:108px}.action-breaker{color:var(--signal);bottom:108px;right:16px}.action-breaker.is-ready{box-shadow:0 0 0 2px #35c8ffc2,0 0 14px #35c8ff33,0 9px 18px #00000085}.state-cover,.result-scrim{z-index:20;color:var(--ivory);text-align:center;background:radial-gradient(circle at 50% 45%,#24291df0,#070807fc 68%);place-content:center;justify-items:center;padding:24px;display:grid;position:absolute;inset:0}.state-cover h1{max-width:550px;font:900 clamp(36px, 7vw, 66px)/.95 var(--font-display);letter-spacing:-.05em;text-transform:uppercase;margin:16px 0 6px}.state-cover p:not(.state-kicker){max-width:480px;color:var(--muted);margin:10px 0 24px}.load-mark,.error-mark{width:80px;height:80px;color:var(--void);background:var(--gold);font:900 42px/1 var(--font-display);place-items:center;margin-bottom:18px;display:grid;transform:rotate(45deg);box-shadow:0 0 48px #ffc83d40}.load-mark span,.error-mark{text-align:center}.load-mark span{transform:rotate(-45deg)}.error-mark{color:var(--ivory);background:var(--danger)}.state-kicker{color:var(--gold-hot)}.load-track{background:var(--rail);width:min(260px,70vw);height:4px;margin-top:20px;overflow:hidden}.load-track span{background:var(--gold);width:42%;height:100%;display:block}.primary-button{min-width:190px;min-height:50px;color:var(--void);background:var(--gold);border-radius:var(--radius-control);cursor:pointer;font:900 14px/1 var(--font-ui);letter-spacing:.05em;text-transform:uppercase;border:0;padding:13px 22px 15px;box-shadow:0 10px 28px #0006}.secondary-button{min-width:190px;min-height:50px;color:var(--ivory);background:var(--surface-raised);border:1px solid var(--rail-hot);border-radius:var(--radius-control);cursor:pointer;font:900 14px/1 var(--font-ui);letter-spacing:.05em;text-transform:uppercase;padding:13px 22px 15px}.error-actions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.primary-button:disabled,.secondary-button:disabled{opacity:.55;cursor:wait;transform:none}.pwa-update-action{width:min(100%,520px);color:var(--ivory);border-radius:var(--radius-control);text-align:left;background:#56d8ff14;border:1px solid #56d8ff8c;justify-content:space-between;align-items:center;gap:16px;margin-top:16px;padding:12px;display:flex}.pwa-update-action>span{gap:3px;display:grid}.pwa-update-action strong{font:900 12px/1.1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase}.pwa-update-action small{color:var(--muted);font-size:11px}.pwa-update-button{border-color:var(--signal);flex:none;min-width:126px;min-height:42px;padding:10px 14px;font-size:11px}.primary-button:active{background:var(--gold-hot);transform:translateY(1px)}.result-scrim{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#070807c2}.result-card{width:min(520px,100vw - 32px);max-height:calc(100vh - 32px);color:var(--ivory);border-top:4px solid var(--gold);border-radius:var(--radius-card);text-align:left;background:linear-gradient(145deg,#1c2118fa,#0a0c09fc);padding:clamp(24px,5vw,44px);overflow-y:auto;box-shadow:0 30px 80px #000000a6}.result-kicker{color:var(--gold)}.result-card h1{max-width:420px;font:900 clamp(34px, 8vw, 58px)/.94 var(--font-display);letter-spacing:-.055em;text-transform:uppercase;margin:8px 0 4px}.result-rank{color:var(--muted);margin:12px 0 24px}.result-rank strong{color:var(--profit);font-family:var(--font-numeric);font-size:1.2em}.standings-list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.standing{background:#ffffff0b;grid-template-columns:38px 1fr auto;align-items:center;min-height:42px;padding:0 12px;display:grid}.player-standing{color:var(--void);background:var(--gold-hot)}.standing-rank,.standing-score{font-family:var(--font-numeric);font-variant-numeric:tabular-nums}.standing-rank{color:var(--muted);font-size:12px}.player-standing .standing-rank{color:#070807ab}.standing-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.standing-score{color:var(--profit);align-items:center;gap:4px;font-weight:900;display:flex}.player-standing .standing-score{color:var(--void)}.standing-score svg{width:13px;height:13px;color:var(--gold)}.player-standing .standing-score svg{color:var(--gold-deep)}.rematch-button{justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}.rematch-button span{width:25px;height:25px;color:var(--gold-hot);background:var(--void);font-family:var(--font-numeric);border-radius:5px;place-items:center;display:grid}@media (max-width:520px){.pwa-update-action{flex-direction:column;align-items:stretch}.pwa-update-button{width:100%}}@media (hover:hover){.primary-button,.secondary-button,.runtime-switch{transition:transform .1s ease-out,background-color .1s ease-out,border-color .1s ease-out}.primary-button:hover{background:var(--gold-hot);transform:translateY(-1px)}.secondary-button:hover,.runtime-switch:hover{border-color:var(--gold-hot);transform:translateY(-1px)}.action-button:not(:disabled):hover:before{filter:brightness(1.08)drop-shadow(0 8px 9px #00000085)}}@media (prefers-reduced-motion:no-preference){.stick-active-ring{transition:opacity .1s ease-out}.action-button{transition:transform .1s ease-out,filter .1s ease-out,opacity .1s ease-out}.action-button:before,.action-button:after{transition:filter .1s ease-out,opacity .1s ease-out}.announcement{transition:transform .15s ease-out,opacity .15s ease-out}.load-mark{animation:1.4s ease-in-out infinite mark-pulse}.load-track span{animation:1s ease-in-out infinite alternate load-sweep}@keyframes mark-pulse{0%,to{transform:rotate(45deg)scale(.96)}50%{transform:rotate(45deg)scale(1.04)}}@keyframes load-sweep{0%{transform:translate(-80%)}to{transform:translate(220%)}}}@media (pointer:coarse),(max-width:860px){.touch-controls{display:block}.desktop-help,.charge-rail,.hud-leader{display:none}.hud-player{min-width:230px}.runtime-switch{top:max(10px, env(safe-area-inset-top));gap:6px;min-width:128px;max-width:145px;min-height:40px;padding:0 9px;font-size:8px}.guest-mark{width:50px;font-size:25px}.identity-block{padding-left:8px}.metric-value{font-size:19px}.clock-cluster{top:max(95px, calc(env(safe-area-inset-top) + 88px));left:max(16px, env(safe-area-inset-left));text-align:left;min-width:98px;transform:none}.clock{text-align:center;padding:5px 12px 6px;font-size:23px}.bell-state{text-align:center;font-size:7px}.announcement{top:27%}}@media (max-width:430px){.hud{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))}.hud-cluster{top:max(10px, env(safe-area-inset-top))}.hud-player{left:max(10px, env(safe-area-inset-left));min-width:218px;min-height:70px}.runtime-switch{right:max(10px, env(safe-area-inset-right))}.clock-cluster{left:max(10px, env(safe-area-inset-left))}.cargo-slot{width:17px}}@media (max-height:600px) and (orientation:landscape){.hud-player{transform-origin:0 0;transform:scale(.84)}.clock-cluster{top:max(10px, env(safe-area-inset-top));transform-origin:top;left:50%;transform:translate(-50%)scale(.84)}.touch-stick{bottom:max(8px, env(safe-area-inset-bottom));transform-origin:0 100%;transform:scale(.82)}.action-deck{bottom:max(8px, env(safe-area-inset-bottom));transform-origin:100% 100%;transform:scale(.82)}}