@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap";:root{font-family:Inter,Arial,sans-serif;color:#e6f0fb;background:#070b12;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:1px solid #29384a;background:#111c2b;color:#adbed0;border-radius:5px;padding:9px 13px;font:600 12px Inter,Arial}button:hover{color:#fff;border-color:#69bded}button:focus-visible,a:focus-visible{outline:2px solid #7be4ff;outline-offset:3px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 30px;border-bottom:1px solid #243044;background:linear-gradient(110deg,#111a28,#080d16)}.brand{position:relative;color:#f4f8ff;text-decoration:none;font-weight:800;font-size:25px;letter-spacing:-1px;padding-left:40px}.brand>span:not(.brand-icon){color:#8cadc7}.brand-icon{position:absolute;left:0;top:0;color:#6ce6d0;font-size:36px}.brand small{display:block;font-size:8px;letter-spacing:3px;color:#7c8ca3;margin-top:7px}.round,nav{display:flex;align-items:center;gap:13px}.round{font-size:10px;color:#8fa1b5;letter-spacing:1px}.round b{color:#e5edf6}.round strong{font:600 31px Barlow Condensed,sans-serif;letter-spacing:1px;color:#fff}.divider{height:24px;border-left:1px solid #324255;margin:0 8px}#phase{font-size:8px;border:1px solid #28453d;border-radius:3px;color:#7dc2ad;padding:5px 7px}.live-dot{display:inline-block;width:5px;height:5px;background:#69dba8;border-radius:50%;box-shadow:0 0 9px #69dba877}.segmented{display:flex;background:#070e18;padding:3px;border:1px solid #243248;border-radius:5px}.segmented button{border:0;background:none;padding:7px 10px}.segmented .active,button.active{background:#2e485f;color:#fff}main{height:calc(100vh - 128px);min-height:660px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:18px 24px 10px}.panel{min-width:0;border:1px solid #253245;border-radius:9px;overflow:hidden;background:#0a111c;display:flex;flex-direction:column}.panel-heading{height:85px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:18px 22px;background:linear-gradient(100deg,#101b29,#0c1420);border-bottom:1px solid #23334a}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#8193aa}h1{font:600 25px Barlow Condensed,sans-serif;letter-spacing:.3px;margin:6px 0 0}h1 em{font-style:normal;color:#7b90a6}.total{text-align:right}.total span{display:block;font-size:8px;letter-spacing:1.4px;color:#889db2}.total strong{font:700 30px Barlow Condensed,sans-serif;color:#ffe8a4;text-shadow:0 0 17px #e8bc4d44}.machine-stage{position:relative;flex:1;min-height:0;background:#080f1c;margin:0 12px;border-left:2px solid #2d4357;border-right:2px solid #2d4357;box-shadow:inset 5px 0 20px #36a6ff12}#machine{width:100%;height:100%;display:block}.machine-note{position:absolute;top:12px;left:12px;right:12px;display:flex;align-items:center;gap:6px;color:#8296ae;font-size:7px;letter-spacing:1px}.machine-note>span:last-child{margin-left:auto;color:#4d647c}#next-ball{position:absolute;left:15px;top:38px;color:#74d8ff;font-size:12px}#next-ball span{font-size:7px;letter-spacing:1px;color:#8199b1}.lane-label{position:absolute;top:12%;left:50%;transform:translate(-50%);font-size:8px;letter-spacing:3px;color:#66809855;pointer-events:none}.machine-footer{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:8px;color:#71859e}.machine-footer>span:last-child{font-size:7px;letter-spacing:1px}.live-badge{font-size:8px;letter-spacing:1px;color:#81cfb2;border:1px solid #294437;border-radius:4px;padding:7px}.war-stage{flex:1;position:relative;min-height:0;overflow:hidden}#battle{position:absolute;inset:0}#battle canvas{display:block;width:100%;height:100%}.core-card{position:absolute;width:130px;border:1px solid color-mix(in srgb,var(--team) 40%,transparent);border-left:2px solid var(--team);background:#07101ddd;border-radius:5px;padding:10px 11px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.core-0{left:14px;top:14px}.core-1{right:14px;top:14px}.core-2{left:14px;bottom:57px}.core-3{right:14px;bottom:57px}.core-card>div:first-child{display:flex;justify-content:space-between;align-items:center;color:var(--team);font-size:10px;font-weight:700}.core-card strong{font:700 27px Barlow Condensed,sans-serif;display:block;letter-spacing:1px;margin:4px 0}.core-card small{font-size:7px;color:#91a4ba;display:block;line-height:1.6}.core-card>small:last-child{color:var(--team);max-width:110px;overflow:hidden}.hp-track{height:3px;background:#293345;margin-bottom:7px}.hp-track i{display:block;height:100%;background:var(--team);transition:width .15s}.territory-hud{position:absolute;bottom:14px;left:16px;right:16px}.territory-hud>div:first-child{display:flex;justify-content:space-between;font-size:7px;color:#a3b5c9;letter-spacing:1px;margin-bottom:8px}.territory-bar{display:flex;gap:3px;height:5px}.territory-bar i{transition:width .5s;box-shadow:0 0 7px currentColor}.battle-bottom{height:154px;flex-shrink:0;border-top:1px solid #25364b;display:grid;grid-template-columns:1.6fr 1fr;background:#0b1420}.log{padding:16px;border-right:1px solid #25364b}.log .eyebrow{display:flex;justify-content:space-between}.log .eyebrow span{font-size:6px;letter-spacing:.5px;color:#5b8176}#feed{margin-top:12px}#feed p{display:flex;align-items:center;gap:8px;font-size:8px;margin:8px 0;white-space:nowrap}#feed time{color:#617c98;font-variant-numeric:tabular-nums}#feed strong{color:#aab8c9;font-size:8px}.feed-arrow{color:#53677f}.muted{color:#778ba3;white-space:normal!important;line-height:1.8}.prediction{padding:16px}.prediction p{font:500 17px Barlow Condensed;margin:9px 0;color:#cad8e7}#picks{display:flex;gap:8px;margin-bottom:10px}#picks button{padding:0;width:25px;height:25px;border-radius:5px;background:color-mix(in srgb,var(--team) 15%,#09131f);border:1px solid var(--team);position:relative}#picks button:after{content:"";position:absolute;inset:7px;background:var(--team);border-radius:50%;box-shadow:0 0 9px var(--team)}#picks button.selected{outline:2px solid white;outline-offset:3px}#score{color:#8093aa;font-size:7px;letter-spacing:.6px}footer{height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 26px;font-size:8px;letter-spacing:.7px;color:#657b94}footer b{padding:0 8px}footer a{color:#8ba7bf}footer button{font-size:8px;padding:6px 10px;border:0;background:none;color:#9aacc0}#skill-toast{position:absolute;top:43%;width:100%;text-align:center;font:800 25px Barlow Condensed,sans-serif;opacity:0;text-shadow:0 0 20px currentColor;pointer-events:none}.show{animation:toast 2s ease-out!important}@keyframes toast{0%{opacity:0;transform:translateY(15px) scale(.8)}15%,70%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-25px)}}#result{position:absolute;inset:0;background:#050b16dd;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:5;text-align:center;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column}#result[hidden]{display:none}#result h2{font:800 60px/.95 Barlow Condensed;margin:18px 0;text-shadow:0 0 40px currentColor}#result p{font-size:9px;letter-spacing:2px}.result-stats{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin:16px 0}.result-stats span{font-size:7px;color:#8297b1}.result-stats b{display:block;font-size:16px;color:#fff;margin-top:7px}#result>small{margin-top:12px;color:#788ba5;font-size:9px}#debug{position:fixed;bottom:40px;left:25px;background:#02060eea;border:1px solid #365478;color:#92e9c0;font:11px/1.8 monospace;white-space:pre;padding:14px;z-index:20}dialog{background:#111e2e;border:1px solid #3d5671;border-radius:12px;color:#e3edf7;padding:30px;width:360px}dialog::backdrop{background:#0009}dialog h2{font:600 29px Barlow Condensed}dialog label{display:flex;justify-content:space-between;align-items:center;margin:20px 0;font-size:12px}select{padding:8px;max-width:180px;background:#08111f;border:1px solid #35495f;border-radius:4px}dialog p{font-size:11px;line-height:1.7;color:#93a4b8}@media(min-width:1700px){main{gap:22px;padding:22px 32px 12px}.panel-heading{height:95px}h1{font-size:29px}.core-card{width:150px}.battle-bottom{height:170px}#feed p{font-size:10px}}@media(max-width:1000px){header{padding:0 16px}.brand{font-size:20px}.round{gap:6px}#phase{display:none}nav{gap:5px}main{padding:10px;gap:10px}.panel-heading{padding:12px}h1{font-size:20px}.core-card{width:108px;padding:7px}.battle-bottom{grid-template-columns:1.3fr 1fr}.prediction,.log{padding:10px}.live-badge{display:none}.machine-note>span:last-child{display:none}}@media(max-width:700px){header{height:110px;flex-wrap:wrap;padding:12px}.brand{width:50%}nav{width:100%;justify-content:center}.round{margin-left:auto}main{height:auto;min-height:0;grid-template-columns:1fr}.panel{height:760px}.war{height:700px}footer{height:60px;font-size:6px}footer>span:nth-child(2){display:none}}.paused *{animation-play-state:paused!important}.core-card strong.eliminated{font-size:18px;letter-spacing:.4px;line-height:32px;color:#7e8fa4}