@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Sans:wght@400;500;600;700&display=swap";:root{--bg-0:#0e100c;--bg-1:#171b13;--bg-2:#22281c;--ember:#d95d1a;--ember-hot:#f0a14a;--moss:#6f7d4e;--ash:#a39c8f;--fog:#e7e1d4;--danger:#b33b4a;--line:#e7e1d424;--shadow:0 24px 60px #00000073;--scroll-track:#0a0c08b8;--scroll-thumb:#d95d1a8c;--scroll-thumb-hover:#f0a14abf;--font-display:"Bebas Neue", "Arial Narrow", sans-serif;--font-body:"IBM Plex Sans", "Segoe UI", sans-serif;color:var(--fog);background:var(--bg-0);font-family:var(--font-body);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 600px at 10% -10%, #d95d1a2e, transparent 55%), radial-gradient(900px 500px at 90% 0%, #6f7d4e29, transparent 50%), linear-gradient(180deg, #14180f 0%, var(--bg-0) 40%, #0a0c08 100%);min-width:320px;margin:0}button,textarea,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{min-height:100vh;position:relative;overflow:hidden}.atmosphere{pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#ffffff04 3px);animation:12s linear infinite scan;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 85%);mask-image:linear-gradient(#000000b3,#0000 85%)}@keyframes scan{0%{transform:translateY(0)}to{transform:translateY(24px)}}.app-main{z-index:1;width:min(1120px,100% - 2rem);margin:0 auto;padding:2.5rem 0 4rem;position:relative}.app-main:has(.arena){box-sizing:border-box;min-height:100vh;padding:1.25rem 0 1rem}.app-main:has(.victor){width:min(800px,100% - 2rem);padding:2rem 0 3rem}.app-main:has(.tributes){width:min(1200px,100% - 2rem);padding:2rem 0 3rem}.panel{animation:.55s both rise}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.kicker{color:var(--ember-hot);letter-spacing:.18em;text-transform:uppercase;margin:0 0 .35rem;font-size:.78rem;font-weight:600}.brand,.victor-title,h2{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-weight:400;line-height:.95}.brand{color:var(--fog);text-shadow:0 0 40px #d95d1a40;font-size:clamp(4.5rem,14vw,7.5rem)}h2{font-size:clamp(2.8rem,8vw,4.2rem)}.lede{max-width:36rem;color:var(--ash);margin:.85rem 0 0;font-size:1.05rem;line-height:1.55}.lede.tight{margin-top:.4rem}.setup-form{max-width:min(72rem,100%);margin-top:1.75rem}.setup-layout{grid-template-columns:minmax(0,1fr) minmax(18rem,24rem);align-items:start;gap:1.25rem 1.75rem;display:grid}.setup-roster{align-content:start;gap:.75rem;display:grid}.setup-roster textarea{min-height:18rem}.setup-form .setting-field{gap:.25rem;font-weight:600;display:grid}.hint{color:var(--ash);font-size:.9rem;font-weight:400}textarea{resize:vertical;border:1px solid var(--line);width:100%;color:var(--fog);background:#171b13e0;border-radius:2px;padding:1rem 1.1rem;line-height:1.45;box-shadow:inset 0 0 0 1px #00000040}textarea:focus{outline-offset:2px;outline:2px solid #d95d1a8c}.setup-meta{color:var(--ash);justify-content:space-between;gap:1rem;font-size:.95rem;display:flex}.setup-panel{border:1px solid var(--line);background:#171b13b8;min-width:0;margin:0;padding:1rem 1.1rem 1.15rem}.setup-panel legend{font-family:var(--font-display);letter-spacing:.08em;color:var(--ember-hot);padding:0 .35rem;font-size:1.25rem}.settings-intro{margin:0 0 .85rem}.preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;margin-bottom:1rem;display:grid}.preset-card{appearance:none;text-align:left;border:1px solid var(--line);color:var(--fog);cursor:pointer;background:#0e100c8c;border-radius:2px;align-content:start;gap:.3rem;padding:.7rem .75rem;transition:border-color .15s,background .15s,transform .15s;display:grid}.preset-card:hover{border-color:#f0a14a8c;transform:translateY(-1px)}.preset-card.is-selected{border-color:var(--ember-hot);background:#d95d1a29;box-shadow:inset 0 0 0 1px #f0a14a40}.preset-card.is-recommended:not(.is-selected){border-color:#6f7d4e8c}.preset-name{letter-spacing:.02em;flex-wrap:wrap;align-items:center;gap:.35rem;font-weight:700;display:flex}.preset-badge{letter-spacing:.06em;text-transform:uppercase;color:#1a120c;background:var(--moss);padding:.12rem .35rem;font-size:.68rem;font-weight:600}.preset-blurb{color:var(--ash);font-size:.82rem;line-height:1.35}.settings-grid{gap:.9rem;display:grid}.setting-field{gap:.25rem;display:grid}.setting-label{justify-content:space-between;gap:.75rem;font-weight:600;display:flex}.setting-value{color:var(--ember-hot);font-variant-numeric:tabular-nums}.setting-field input[type=range]{width:100%;accent-color:var(--ember)}.error{color:#ff8d98}.btn{appearance:none;letter-spacing:.02em;border:1px solid #0000;border-radius:2px;padding:.8rem 1.15rem;font-weight:600;transition:transform .15s,background .15s,border-color .15s,color .15s}.btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{color:#1a120c;background:linear-gradient(#ea6a24,#c44d14);box-shadow:0 10px 28px #d95d1a47}.btn.primary:hover:not(:disabled){background:linear-gradient(#f07a35,#d25516)}.btn.ghost{border-color:var(--line);color:var(--fog);background:0 0}.btn.ghost:hover:not(:disabled){color:var(--ember-hot);border-color:#f0a14a8c}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:1.25rem 1.5rem;margin-bottom:1.5rem;display:flex}.section-actions{flex-wrap:wrap;gap:.6rem;display:flex}.district-list{gap:1.5rem;display:grid}.district-block{gap:.75rem;display:grid}.district-heading{font-family:var(--font-display);letter-spacing:.1em;color:var(--district-accent,var(--ember-hot));margin:0;font-size:1.55rem;font-weight:400}.tribute-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;display:grid}.tributes .tribute-grid.tributes-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;width:100%}.tributes-footer{justify-content:flex-end;margin-top:1.75rem;display:flex}.tributes .district-heading{font-size:clamp(2rem,4vw,2.6rem)}.tributes .tribute-card{min-height:100%}.tributes .tribute-body{gap:.45rem;padding:1.15rem 1.25rem 1.3rem}.tributes .tribute-name{font-size:1.35rem}.tributes .tribute-district{font-size:.88rem}.tributes .tribute-meta{font-size:.92rem}.tributes .image-picker{gap:.5rem;margin-top:.65rem}.tributes .image-choice img{min-height:72px}.tributes .tribute-actions{margin-top:.35rem}.tributes .btn{min-height:2.6rem;padding-inline:1.1rem}.tribute-district{color:var(--district-accent,var(--ember-hot));letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:600}.tribute-grid.compact{grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.arena-districts{gap:.65rem}.arena-district-row{grid-template-columns:1fr;align-items:start;gap:.35rem}.arena-district-row .district-heading{margin:0;font-size:.95rem}.tribute-grid.district-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;width:100%}.arena-roster .tribute-card{box-shadow:none}.arena-roster .tribute-photo{aspect-ratio:1}.arena-roster .tribute-body{gap:.15rem;padding:.4rem .45rem .5rem}.arena-roster .tribute-body h3{font-size:.78rem;line-height:1.2}.arena-roster .tribute-district{font-size:.62rem}.arena-roster .tribute-meta{font-size:.68rem}.tribute-card{border:1px solid var(--line);box-shadow:var(--shadow);background:linear-gradient(#22281cf2,#12160ff2);grid-template-rows:auto 1fr;transition:opacity .35s,filter .35s,transform .25s;display:grid;overflow:hidden}.tribute-card.is-fallen{opacity:.55;filter:grayscale(.9)}.fallen-mark{pointer-events:none;background:#0a0c0852;position:absolute;inset:0}.fallen-mark:before,.fallen-mark:after{content:"";background:#ff4d5e;width:140%;height:.22rem;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #0000008c}.fallen-mark:before{transform:translate(-50%,-50%)rotate(45deg)}.fallen-mark:after{transform:translate(-50%,-50%)rotate(-45deg)}.arena-roster .fallen-mark:before,.arena-roster .fallen-mark:after{height:.16rem}.tribute-card.is-loading .tribute-photo img{filter:blur(2px)saturate(.7)}.tribute-photo{aspect-ratio:1;background:var(--bg-2);position:relative;overflow:hidden}.tribute-photo img{object-fit:cover;width:100%;height:100%;transition:transform .45s;transform:scale(1.02)}.tribute-card:hover .tribute-photo img{transform:scale(1.06)}.photo-status{letter-spacing:.04em;text-transform:uppercase;background:#0a0c08b8;padding:.45rem .6rem;font-size:.8rem;position:absolute;inset:auto 0 0}.tribute-body{gap:.35rem;padding:.85rem .95rem 1rem;display:grid}.tribute-body h3,.tribute-name{color:var(--district-accent,var(--fog));margin:0;font-size:1.05rem}.tribute-name-chip{font-weight:600}.tribute-meta{color:var(--ash);margin:0;font-size:.85rem}.image-picker{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem;margin-top:.45rem;display:grid}.image-picker-empty{color:var(--ash);grid-column:1/-1;margin:0;font-size:.8rem}.image-choice{appearance:none;border:1px solid var(--line);aspect-ratio:1;cursor:pointer;background:#0a0c088c;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.image-choice img{object-fit:cover;width:100%;height:100%}.image-choice:hover:not(:disabled){border-color:#f0a14aa6;transform:translateY(-1px)}.image-choice.is-selected{border-color:var(--ember-hot);box-shadow:0 0 0 1px #f0a14a8c}.image-choice:disabled{opacity:.55;cursor:not-allowed}.tribute-actions{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.tribute-actions .btn{padding:.45rem .7rem;font-size:.85rem}.arena.phase-night{--arena-glow:#6f7d4e2e}.arena.phase-day{--arena-glow:#d95d1a24}.arena.phase-cornucopia{--arena-glow:#f0a14a38}.arena.phase-day .section-head h2,.arena.phase-night .section-head h2,.arena.phase-cornucopia .section-head h2{text-shadow:0 0 28px var(--arena-glow)}.arena{min-height:0}.arena-shell{grid-template:"title actions""main roster"minmax(0,1fr)/minmax(0,1fr) 260px;align-items:stretch;gap:.75rem .65rem;height:calc(100vh - 2.25rem);min-height:0;display:grid}.arena-shell.is-roster-hidden{grid-template-columns:minmax(0,1fr);grid-template-areas:"title actions""main main"}.arena-main{grid-area:main;grid-template-columns:minmax(0,1fr) 1.7rem;gap:0;min-width:0;height:100%;min-height:0;display:grid}.arena-title{grid-area:title;min-width:0}.arena-head-actions{flex-wrap:wrap;grid-area:actions;justify-content:flex-end;align-self:start;align-items:flex-start;gap:.55rem;width:100%;margin-top:0;display:flex}.arena-roster{scrollbar-gutter:stable;grid-area:roster;width:100%;max-width:260px;min-height:0;max-height:100%;padding-right:.2rem;overflow:auto}.subhead{font-family:var(--font-display);letter-spacing:.08em;color:var(--ember-hot);margin:0 0 .75rem;font-size:1.4rem;font-weight:400}.arena-feed{border:1px solid var(--line);height:100%;min-height:0;max-height:100%;box-shadow:var(--shadow);background:#0e100cd1;border-right:none;grid-template-rows:auto minmax(0,1fr) auto;gap:.65rem;padding:.9rem 1.1rem .95rem;display:grid;overflow:hidden}.roster-edge-toggle{appearance:none;border:1px solid var(--line);width:100%;height:100%;min-height:0;color:var(--ember-hot);cursor:pointer;box-shadow:var(--shadow);background:#171b13f5;border-radius:0 2px 2px 0;align-self:stretch;place-items:center;margin:0;padding:0;font-size:1.45rem;line-height:1;transition:background .15s,border-color .15s,color .15s;display:grid}.roster-edge-toggle:hover{color:var(--fog);background:#22281cfa;border-color:#f0a14aa6}.roster-edge-toggle:focus-visible{outline-offset:2px;outline:2px solid #d95d1a8c}.feed-actions{border-top:1px solid #e7e1d41f;gap:.65rem;padding-top:.55rem;display:grid}.narration-engine{color:var(--ash);letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.78rem}.narration-engine-value{color:var(--ember-hot);letter-spacing:.04em}.narration-voice{color:var(--ash);letter-spacing:.04em;gap:.35rem;font-size:.82rem;display:grid}.narration-voice-label{text-transform:uppercase}.narration-voice-select{width:100%;color:var(--parchment);font:inherit;letter-spacing:.02em;cursor:pointer;background:#141610b8;border:1px solid #e7e1d438;border-radius:.35rem;padding:.45rem .6rem}.narration-voice-select:focus-visible{outline-offset:2px;outline:2px solid #c45c3ebf}.narration-speed{color:var(--ash);letter-spacing:.04em;gap:.35rem;font-size:.82rem;display:grid}.narration-speed-label{text-transform:uppercase;justify-content:space-between;align-items:baseline;display:flex}.narration-speed-value{color:var(--ember-hot);font-variant-numeric:tabular-nums;letter-spacing:.02em}.narration-speed-slider{appearance:none;cursor:pointer;background:linear-gradient(90deg,#e7e1d42e,#c45c3e8c);border-radius:999px;outline:none;width:100%;height:.35rem}.narration-speed-slider::-webkit-slider-thumb{appearance:none;background:var(--ember-hot);border:2px solid #141610d9;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 0 1px #e7e1d440}.narration-speed-slider::-moz-range-thumb{background:var(--ember-hot);border:2px solid #141610d9;border-radius:50%;width:1rem;height:1rem;box-shadow:0 0 0 1px #e7e1d440}.feed-advance{width:100%}.arena-roster .subhead{font-size:1.2rem}.feed{scrollbar-gutter:stable;align-content:start;gap:0;height:100%;min-height:0;max-height:100%;padding-right:.35rem;display:grid;overflow:auto}.feed,.arena-roster,textarea{scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-track)}.feed::-webkit-scrollbar{width:8px;height:8px}.arena-roster::-webkit-scrollbar{width:8px;height:8px}textarea::-webkit-scrollbar{width:8px;height:8px}.feed::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}.arena-roster::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}textarea::-webkit-scrollbar-track{background:var(--scroll-track);border-radius:999px}.feed::-webkit-scrollbar-thumb{border:2px solid var(--scroll-track);background:linear-gradient(#f0a14ad9,#d95d1ab3);border-radius:999px}.arena-roster::-webkit-scrollbar-thumb{border:2px solid var(--scroll-track);background:linear-gradient(#f0a14ad9,#d95d1ab3);border-radius:999px}textarea::-webkit-scrollbar-thumb{border:2px solid var(--scroll-track);background:linear-gradient(#f0a14ad9,#d95d1ab3);border-radius:999px}.feed::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--ember-hot), var(--ember))}.arena-roster::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--ember-hot), var(--ember))}textarea::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, var(--ember-hot), var(--ember))}.feed::-webkit-scrollbar-corner{background:0 0}.arena-roster::-webkit-scrollbar-corner{background:0 0}textarea::-webkit-scrollbar-corner{background:0 0}.feed-empty{color:var(--ash);margin:0}.feed-section{gap:.55rem;display:grid}.feed-separator{background:linear-gradient(90deg,#0000,#f0a14a8c,#e7e1d433,#0000);border:0;height:1px;margin:1rem 0 .85rem}.feed-section-head{border-bottom:1px solid #e7e1d41f;justify-content:space-between;align-items:center;gap:.75rem;padding:.15rem .1rem .35rem;display:flex}.feed-section-heading{align-items:baseline;gap:.75rem;min-width:0;display:flex}.feed-section-title{font-family:var(--font-display);letter-spacing:.08em;color:var(--ember-hot);margin:0;font-size:1.35rem;font-weight:400}.feed-section-tag{color:var(--ash);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem}.feed-narrate{flex-shrink:0;padding:.35rem .7rem;font-size:.82rem}.feed-section-events{gap:.55rem;display:grid}.feed-line{border-left:3px solid var(--moss);background:#22281c8c;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:.65rem;min-width:0;margin:0;padding:.65rem .8rem;line-height:1.5;animation:.45s both tick;display:grid}.feed-faces{flex-wrap:wrap;gap:.55rem .65rem;max-width:19.5rem;padding-top:0;display:flex}.feed-face-card{justify-items:center;gap:.3rem;width:9rem;margin:0;display:grid}.feed-face-frame{background:var(--bg-2);border-radius:2px;width:144px;height:144px;position:relative;overflow:hidden}.feed-face{object-fit:cover;width:100%;height:100%;display:block}.feed-face-frame .fallen-mark:before,.feed-face-frame .fallen-mark:after{height:.28rem}.feed-face-name{text-align:center;overflow-wrap:anywhere;width:100%;margin:0;font-size:.78rem;font-weight:600;line-height:1.2}.feed-face-card.is-fallen{opacity:.55}.feed-face-card.is-fallen .feed-face{filter:grayscale(.85)}.feed-line-text{min-width:0;margin:0}.feed-line.kind-kill{border-left-color:var(--danger)}.feed-line.kind-opening{border-left-color:var(--ember-hot);grid-template-columns:minmax(0,1fr);font-weight:500}.feed-line.kind-opening .feed-faces{align-content:start;gap:.3rem;max-width:100%}.feed-line.kind-opening .feed-face-card{gap:0;width:32px}.feed-line.kind-opening .feed-line-text{overflow-wrap:anywhere}.feed-line.kind-opening .feed-face-frame{width:32px;height:32px}.feed-line.kind-opening .feed-face-frame .fallen-mark:before,.feed-line.kind-opening .feed-face-frame .fallen-mark:after{height:.12rem}.feed-line.phase-night{background:#141812cc}.feed-line.phase-cornucopia{background:#281c10b8}.feed-line.kind-victory{border-left-color:var(--ember-hot)}.feed-line.is-new{box-shadow:inset 0 0 0 1px #f0a14a40}@keyframes tick{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}.tribute-card.is-fallen h3{-webkit-text-decoration:line-through #e7e1d473;text-decoration:line-through #e7e1d473;text-decoration-thickness:1px}.tribute-card.is-fallen .tribute-meta:after{content:" · Fallen"}.victor{align-content:center;gap:.5rem;min-height:70vh;display:grid}.victor-title{color:var(--ember-hot);font-size:clamp(4rem,12vw,6.5rem);animation:.8s both crown}@keyframes crown{0%{opacity:0;letter-spacing:.25em;transform:scale(.96)}to{opacity:1;letter-spacing:.04em;transform:scale(1)}}.victor-hero{grid-template-columns:220px 1fr;align-items:center;gap:1.5rem;max-width:720px;margin-top:1.25rem;display:grid}.victor-hero img{object-fit:cover;width:220px;height:220px;box-shadow:0 0 0 8px #d95d1a1f, var(--shadow);border:1px solid #f0a14a73;animation:.7s .1s both rise}.victor-hero h3{font-size:2rem;font-family:var(--font-display);letter-spacing:.05em;color:var(--district-accent,var(--fog));margin:0 0 .5rem}.victor-stats{color:var(--ash);margin:.75rem 0 1.25rem}.kill-board{gap:.65rem;max-width:720px;margin-top:2rem;display:grid}.kill-board .subhead{margin:0}.kill-board-table{border-collapse:collapse;width:100%;font-size:.95rem}.kill-board-table th,.kill-board-table td{text-align:left;border-bottom:1px solid #e7e1d41f;padding:.55rem .65rem}.kill-board-table th{color:var(--ash);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.kill-board-table td:last-child,.kill-board-table th:last-child{text-align:right;font-variant-numeric:tabular-nums}.kill-board-name{font-weight:600}.kill-board-table tr.is-victor{background:#f0a14a1a}.kill-board-table tr.is-fallen td:not(:nth-child(2)){color:var(--ash)}.victor-hero .btn{margin-top:1rem}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=840px){.setup-layout{grid-template-columns:1fr}.setup-roster textarea{min-height:12rem}.tributes .tribute-grid.tributes-pair{grid-template-columns:1fr;gap:1rem}.arena-shell{grid-template:"title""actions""main""roster"/1fr;height:auto}.arena-roster{max-width:none}.arena-head-actions{justify-content:flex-end}.arena-main{min-height:min(62vh,520px)}.arena-feed{height:100%;max-height:none}.victor-hero{grid-template-columns:1fr}.victor-hero img{aspect-ratio:1;width:min(220px,100%);height:auto}}