@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(cinzel-latin-ext-wght-normal-CG36JvV6.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cinzel Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(cinzel-latin-wght-normal-DMUuCU8H.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{font-family:Cinzel Variable,Georgia,Times New Roman,serif;color:#f7ead7;background:#0f1523;--panel: rgba(20, 25, 38, .78);--panel-strong: rgba(18, 21, 31, .92);--gold: #f5c05a;--ember: #e45d4f;--aqua: #55c8c1;--p2-select: #6eddd4;--p3-select: #e45d4f;--p4-select: #a97be8;--violet: #a97be8;--leaf: #71b46d;--ink: #121521;--ui-panel: url(generated/ui/panel-stone-v2.png);--ui-score: url(generated/ui/hud-score-panel-v2.png);--ui-button-gold: url(generated/ui/button-gold-v2.png);--ui-button-dark: url(generated/ui/button-dark-v2.png);--ui-round-chip: url(generated/ui/round-chip-v2.png);--ui-status-banner: url(generated/ui/status-banner-v2.png)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;display:grid;place-items:center;background:radial-gradient(circle at 25% 15%,rgba(245,192,90,.16),transparent 28%),linear-gradient(180deg,#111a2a,#0b101b)}#app{position:relative;width:min(100vw,calc(100vh * 16 / 9));height:min(100vh,56.25vw);aspect-ratio:16 / 9;overflow:hidden;background:#101828}#game-root{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center}canvas{display:block;image-rendering:pixelated;box-shadow:0 18px 60px #0006}#ui-root{pointer-events:none;position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.menu,.results{pointer-events:auto}.hud{pointer-events:none;position:absolute;inset:0;display:grid;grid-template-columns:minmax(120px,1fr) auto minmax(120px,1fr);align-items:start;gap:12px;padding:clamp(10px,2vw,24px)}.score-cluster{display:grid;gap:8px;width:min(250px,30vw)}.score-cluster-right{justify-self:end}.hud[hidden],.status-burst[hidden],.menu[hidden],.results[hidden]{display:none}.status-burst{pointer-events:none;position:absolute;left:50%;top:52%;transform:translate(-50%,-50%);min-width:min(420px,calc(100% - 32px));border:16px solid transparent;border-image:var(--ui-status-banner) 16 fill stretch;background:transparent;color:#ffe0a0;box-shadow:0 16px 45px #00000052,inset 0 0 18px #ffe0a01f;padding:4px 18px;text-align:center;font-size:clamp(34px,7vw,74px);line-height:1;font-weight:950;text-transform:uppercase;font-variant-numeric:tabular-nums;animation:burst-pop .26s ease-out}.score-card{position:relative;min-width:188px;max-width:250px;min-height:70px;display:grid;grid-template-rows:14px 18px 11px;align-content:center;row-gap:1px;border:12px solid rgba(18,22,34,.82);border-image:var(--ui-score) 16 fill stretch;background:linear-gradient(90deg,color-mix(in srgb,var(--hero-color, var(--gold)) 14%,transparent),transparent 62%),#0f131edb;box-shadow:0 7px 16px #00000029,inset 0 0 0 1px #0000002e;padding:3px 6px 3px 66px;overflow:hidden}.score-card[hidden]{display:none}.score-heading{display:grid;grid-template-columns:minmax(0,1fr) 18px;align-items:center;gap:6px}.score-name{display:flex;align-items:center;gap:8px;min-width:0;font-size:11px;line-height:1;letter-spacing:0;text-transform:uppercase;color:#f7ead7d6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-weapon{width:18px;height:18px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.55))}.score-portrait{position:absolute;left:7px;bottom:-3px;width:50px;height:52px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 2px 0 rgba(0,0,0,.5))}.score-value{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.score-crowns,.result-crowns{display:flex;align-items:center;gap:2px}.score-crowns{height:18px;margin:0}.score-kills{margin:0;color:#f7ead7bd;font-size:9px;line-height:1;font-weight:850;text-transform:uppercase;white-space:nowrap}.crown-pip{width:17px;height:17px;flex:0 0 auto;object-fit:contain;image-rendering:pixelated;opacity:.54;filter:grayscale(1) brightness(1.18) contrast(1.18) drop-shadow(0 1px 0 rgba(0,0,0,.55))}.crown-pip-filled{opacity:1;filter:drop-shadow(0 1px 0 rgba(0,0,0,.64)) drop-shadow(0 0 5px rgba(245,192,90,.44))}.round-chip{justify-self:center;min-width:174px;max-width:100%;border:12px solid rgba(18,22,34,.82);border-image:var(--ui-round-chip) 12 fill stretch;background:#0f131edb;color:#fff4d5;padding:1px 10px;text-align:center;font-weight:900;font-size:clamp(11px,1.5vw,14px);line-height:1.1;text-transform:uppercase;white-space:nowrap;text-shadow:0 2px 0 rgba(0,0,0,.54);font-variant-numeric:tabular-nums}.menu,.results{width:min(680px,calc(100% - 28px));border:24px solid transparent;border-image:var(--ui-panel) 24 fill stretch;background:transparent;box-shadow:0 22px 70px #00000080,inset 0 0 30px #f5c05a14;padding:clamp(6px,2.7vw,18px);animation:panel-rise .18s ease-out}.brand{margin:0;font-size:clamp(34px,6.2vw,62px);line-height:.94;font-weight:900;color:#ffe0a0;white-space:nowrap;text-shadow:0 3px 0 rgba(42,24,12,.72),0 10px 22px rgba(0,0,0,.32)}.subtitle{margin:8px 0 0;color:#f7ead7d1;font-weight:700;font-size:clamp(11px,1.45vw,15px);line-height:1.25}.hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:22px 0}.hero-button,.mode-button,.primary-button,.secondary-button{appearance:none;color:#fff8e9;background:transparent;font:inherit;cursor:pointer;image-rendering:pixelated;text-shadow:0 2px 0 rgba(0,0,0,.48);font-variant-numeric:tabular-nums}.setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0 0}.mode-grid,.player-setup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.mode-button{min-height:54px;display:grid;place-items:center;border:12px solid transparent;border-image:var(--ui-button-dark) 14 fill stretch;padding:0 8px;text-align:center}.mode-button[aria-pressed=true]{border-image:var(--ui-button-gold) 14 fill stretch;color:#25190b;text-shadow:0 1px 0 rgba(255,232,154,.56);box-shadow:inset 0 0 0 1px #ffe89a5c,0 0 10px #f5c05a38}.mode-title,.mode-count{display:block;line-height:1}.mode-title{font-size:clamp(14px,1.6vw,18px);font-weight:950;text-transform:uppercase}.mode-count{margin-top:3px;color:#f7ead79e;font-size:11px;font-weight:800}.mode-button[aria-pressed=true] .mode-count{color:#25190bad}.hero-button{position:relative;min-height:106px;display:grid;grid-template-rows:50px auto auto;place-items:center;gap:2px;border:12px solid transparent;border-image:var(--ui-button-dark) 14 fill stretch;padding:0 4px;text-align:center}.hero-button:before,.hero-button:after{content:"";pointer-events:none;position:absolute;z-index:1;opacity:0}.hero-button:before{inset:5px;border:2px solid rgba(245,192,90,.96)}.hero-button:after{inset:9px;border:2px solid color-mix(in srgb,var(--p2-select) 88%,#fff4d5 12%)}.hero-button[data-p1-selected=true]:before,.hero-button[data-p2-selected=true]:after{opacity:1}.hero-selection-badges{position:absolute;top:4px;left:6px;right:6px;z-index:2;display:flex;justify-content:flex-start;flex-wrap:wrap;align-content:flex-start;gap:4px;pointer-events:none}.hero-lock{min-width:24px;min-height:16px;display:inline-grid;place-items:center;border:1px solid rgba(255,244,213,.55);background:#141926d1;color:#fff4d5;font-size:9px;line-height:1;font-weight:950;text-shadow:none;box-shadow:0 2px #00000057}.hero-lock[hidden]{display:none}.hero-lock-p1{background:#f5c05aeb;color:#25190b}.hero-lock-p2{background:color-mix(in srgb,var(--p2-select) 86%,#fff4d5 14%);color:#062d32}.hero-lock-p3{background:color-mix(in srgb,var(--p3-select) 86%,#fff4d5 14%);color:#2f0808}.hero-lock-p4{background:color-mix(in srgb,var(--p4-select) 86%,#fff4d5 14%);color:#180c2c}.hero-preview{position:relative;z-index:1;align-self:center;width:54px;height:56px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 3px 0 rgba(0,0,0,.42))}.hero-button[aria-pressed=true]{border-image:var(--ui-button-dark) 14 fill stretch;color:#fff8e9}.hero-button[data-p1-selected=true]{box-shadow:inset 0 0 0 2px #f5c05af2,0 0 12px #f5c05a57}.hero-button[data-p1-selected=true][data-p2-selected=true]{box-shadow:inset 0 0 0 2px #f5c05af5,inset 0 0 0 5px color-mix(in srgb,var(--p2-select) 78%,transparent),0 0 12px #f5c05a3d,0 0 16px color-mix(in srgb,var(--p2-select) 26%,transparent)}.hero-button[data-p2-hover=true]{outline:2px solid var(--p2-select);outline-offset:2px;filter:brightness(1.07)}.hero-button[data-p3-hover=true]{outline:2px solid var(--p3-select);outline-offset:2px;filter:brightness(1.07)}.hero-button[data-p4-hover=true]{outline:2px solid var(--p4-select);outline-offset:2px;filter:brightness(1.07)}.hero-button[data-p2-selected=true]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--p2-select) 84%,rgba(255,244,213,.16)),0 0 12px color-mix(in srgb,var(--p2-select) 36%,transparent)}.hero-button[data-p3-selected=true]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--p3-select) 84%,rgba(255,244,213,.16)),0 0 12px color-mix(in srgb,var(--p3-select) 32%,transparent)}.hero-button[data-p4-selected=true]{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--p4-select) 84%,rgba(255,244,213,.16)),0 0 12px color-mix(in srgb,var(--p4-select) 34%,transparent)}.hero-button[data-p2-hover=true][data-p2-selected=true],.hero-button[data-p3-hover=true][data-p3-selected=true],.hero-button[data-p4-hover=true][data-p4-selected=true]{outline-offset:3px}.hero-title{position:relative;z-index:1;display:block;min-width:0;font-weight:900;font-size:clamp(13px,1.35vw,16px);line-height:1;overflow-wrap:anywhere}.hero-weapon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;gap:4px;min-width:0;color:#f7ead7ad;font-size:11px;line-height:1;overflow-wrap:anywhere}.hero-weapon-icon{width:16px;height:16px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 1px 0 rgba(0,0,0,.5))}.primary-button,.secondary-button{width:100%;min-height:52px;border:12px solid transparent;padding:0 12px;font-size:17px;font-weight:900}.primary-button{border-image:var(--ui-button-gold) 14 fill stretch;background:transparent;color:#25190b;text-shadow:0 1px 0 rgba(255,232,154,.62)}.secondary-button{border-image:var(--ui-button-dark) 14 fill stretch;background:transparent;color:#fff4d5}.primary-button:hover,.secondary-button:hover,.mode-button:hover,.hero-button:hover{filter:brightness(1.08)}.primary-button:disabled{cursor:not-allowed;filter:grayscale(.18) brightness(.68);opacity:.72}.primary-button:active,.secondary-button:active,.mode-button:active,.hero-button:active{transform:translateY(1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.mode-button:focus-visible,.hero-button:focus-visible{outline:2px solid #ffe0a0;outline-offset:2px}.result-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.result-header{display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:16px}.result-portrait{width:92px;height:104px;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 5px 0 rgba(0,0,0,.38))}.result-heading{min-width:0}.result-title{margin:0 0 8px;color:#ffe0a0;font-size:clamp(32px,7vw,56px);line-height:1;font-weight:900;text-shadow:0 3px 0 rgba(42,24,12,.72),0 10px 20px rgba(0,0,0,.3)}.result-copy{margin:0 0 22px;color:#f7ead7c7;font-weight:700}.result-scoreboard{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 18px}.result-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:46px;padding:4px 8px;border:1px solid rgba(247,234,215,.18);background:linear-gradient(90deg,color-mix(in srgb,var(--hero-color, var(--gold)) 18%,transparent),transparent 58%),#080c146b}.result-row-winner{border-color:#f5c05ab8;box-shadow:inset 0 0 0 1px #f5c05a38}.result-player{display:flex;align-items:center;min-width:0;gap:6px;font-size:12px;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-mini-portrait{width:28px;height:32px;object-fit:contain;image-rendering:pixelated;flex:0 0 auto}.result-crowns .crown-pip{width:16px;height:16px}.result-stats{display:grid;justify-items:end;gap:3px}.result-kills{color:#f7ead7b8;font-size:10px;font-weight:850;line-height:1;text-transform:uppercase;white-space:nowrap}@keyframes panel-rise{0%{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes burst-pop{0%{opacity:0;transform:translate(-50%,-50%) scale(.9)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@media(prefers-reduced-motion:reduce){.menu,.results,.status-burst{animation:none}}@media(max-width:640px){.hud{grid-template-columns:1fr 1fr}.score-cluster{width:auto;margin-top:42px}.score-cluster-right{justify-self:stretch}.round-chip{grid-column:1 / -1;grid-row:1}.score-card{min-width:0}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid{grid-template-columns:1fr;margin-top:12px}.result-actions,.result-header,.result-scoreboard{grid-template-columns:1fr}.result-portrait{display:none}}