:root{color-scheme:dark;--bg: #090b0d;--bg-2: #111417;--panel: rgba(17, 19, 22, .82);--panel-strong: rgba(24, 26, 30, .92);--line: rgba(255, 255, 255, .13);--line-strong: rgba(255, 255, 255, .22);--text: #f6f2e8;--muted: #aaa79f;--soft: #706d66;--gold: #e8b656;--gold-2: #ffdd8b;--green: #42d989;--red: #ef5b51;--blue: #66a8ff;--shadow: 0 22px 80px rgba(0, 0, 0, .45);--radius: 8px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:geometricPrecision}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 52% 47%,rgba(224,168,62,.12),transparent 34%),radial-gradient(circle at 16% 78%,rgba(70,132,174,.13),transparent 28%),linear-gradient(135deg,#080a0b,#121417 48%,#070809);color:var(--text);overflow-x:hidden}button,input,select{font:inherit}button{color:inherit}.app-shell{min-height:100vh;display:grid;grid-template-rows:74px minmax(0,1fr) auto;position:relative;isolation:isolate}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.3;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%);z-index:-1}.topbar{display:grid;grid-template-columns:320px minmax(280px,1fr) 250px;align-items:center;gap:24px;padding:14px 28px;border-bottom:1px solid var(--line);background:#080a0cc2;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand-mark{width:42px;height:42px;display:grid;place-items:center;color:#13100b;background:linear-gradient(145deg,#fff1b6,#e2a533 46%,#9f5c14);border-radius:50%;box-shadow:0 0 34px #e8b65661;flex:0 0 auto}.brand h1{margin:0;font-size:22px;line-height:1.05;letter-spacing:0}.brand p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.2}.nav-tabs{justify-self:center;display:flex;align-items:center;gap:24px}.nav-tabs button{border:0;background:transparent;padding:24px 4px 22px;color:#c8c3b8;font-size:15px;line-height:1;cursor:pointer;border-bottom:2px solid transparent}.nav-tabs button.active{color:var(--gold-2);border-bottom-color:var(--gold)}.top-actions{justify-self:end;display:flex;align-items:center;gap:10px}.sync-status{display:flex;align-items:center;gap:8px;color:#e5e2d9;font-size:14px;white-space:nowrap}.sync-status svg{color:var(--green)}.sync-status.error svg{color:var(--red)}.pulse-icon{animation:pulseIcon 1.2s ease-in-out infinite}.spin-icon{animation:spin .9s linear infinite}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#ffffff0b;cursor:pointer;transition:border-color .16s ease,transform .16s ease,background .16s ease}.icon-button:hover,.zoom-rail button:hover{transform:translateY(-1px);border-color:#e8b65699;background:#e8b6561c}.workspace{display:grid;grid-template-columns:205px minmax(540px,1fr) 340px;gap:26px;align-items:center;padding:18px 22px 12px;min-height:0;position:relative}.live-card,.inspector{background:linear-gradient(160deg,#191b1fe0,#090b0dd1);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.live-card{align-self:start;margin-top:10px;padding:18px}.panel-heading{display:flex;align-items:center;gap:9px;color:var(--green);font-size:16px;font-weight:700}.live-led{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 18px #42d989c7}.muted{margin:8px 0 18px;color:var(--muted);font-size:12px;line-height:1.45}.quick-stats{margin:0 0 18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-stats div{min-width:0}.quick-stats dt{color:var(--muted);font-size:11px;line-height:1.2;margin-bottom:3px}.quick-stats dd{margin:0;font-size:18px;line-height:1;font-weight:750}.select-label{display:block;color:var(--muted);font-size:11px;margin-bottom:7px}.select-wrap{height:38px;border:1px solid var(--line);border-radius:7px;display:grid;grid-template-columns:1fr 32px;align-items:center;background:#ffffff0a}.select-wrap select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:var(--text);padding:0 0 0 12px;outline:none;font-size:13px;min-width:0}.select-wrap svg{color:var(--muted);pointer-events:none}.feed-input{width:100%;margin-top:10px;height:36px;border-radius:7px;border:1px solid rgba(255,255,255,.1);background:#00000038;color:#d6d2c8;padding:0 10px;font-size:11px;outline:none}.feed-input:focus{border-color:#e8b6568c}.bracket-stage{position:relative;width:min(100%,calc(100vh - 160px));min-width:520px;aspect-ratio:1;justify-self:center;border-radius:50%;overflow:visible}.reference-haze{position:absolute;top:-4%;right:-4%;bottom:-4%;left:-4%;border-radius:50%;background:linear-gradient(#090b0d99,#090b0d99),url(/reference-bracket.jpg) center / cover;opacity:.18;filter:saturate(.85) contrast(1.15);-webkit-mask-image:radial-gradient(circle,black 12%,rgba(0,0,0,.75) 46%,transparent 72%);mask-image:radial-gradient(circle,black 12%,rgba(0,0,0,.75) 46%,transparent 72%)}.rings,.rings:before,.rings:after{position:absolute;top:2%;right:2%;bottom:2%;left:2%;border-radius:50%;pointer-events:none}.rings{border:1px solid rgba(232,182,86,.16);background:repeating-radial-gradient(circle,transparent 0 23px,rgba(232,182,86,.12) 24px 25px),radial-gradient(circle,rgba(232,182,86,.18),transparent 24%),radial-gradient(circle,transparent 50%,rgba(255,255,255,.07) 51%,transparent 52%);animation:breathe 5.5s ease-in-out infinite}.rings:before{content:"";top:11%;right:11%;bottom:11%;left:11%;border:1px dashed rgba(232,182,86,.27);animation:spin 32s linear infinite}.rings:after{content:"";top:31%;right:31%;bottom:31%;left:31%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 40px #e8b65642,inset 0 0 40px #e8b6561f}.bracket-orbit{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:50% 50%}.bracket-orbit.is-spinning{animation:orbitSpin 68s linear infinite}.connector-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.connector{fill:none;stroke:#ffffff2e;stroke-width:.32;stroke-linecap:round;vector-effect:non-scaling-stroke;transition:stroke .18s ease,opacity .18s ease,stroke-width .18s ease}.connector.active{stroke:#e8b656b8;stroke-width:.7;filter:drop-shadow(0 0 5px rgba(232,182,86,.78))}.connector.predicted{stroke:#ffe096f2;stroke-dasharray:3 2;animation:dashFlow 6s linear infinite}.connector.dimmed,.team-node.dimmed,.match-chip.dimmed{opacity:.18}.team-node,.match-chip,.trophy-core{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;cursor:pointer;position:absolute}.team-node{transform:translate(-50%,-50%);width:clamp(38px,5vw,56px);height:clamp(38px,5vw,56px);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fffffff5,#fff3 31%,#0a0c0eed 72%),#0b0d10eb;border:1px solid rgba(255,255,255,.22);box-shadow:0 12px 30px #00000052,inset 0 0 0 1px #ffffff14;transition:transform .18s ease,border-color .18s ease,filter .18s ease,opacity .18s ease}.bracket-orbit.is-spinning .team-node,.bracket-orbit.is-spinning .match-chip{animation:counterSpin 68s linear infinite}.team-node:hover,.match-chip:hover{transform:translate(-50%,-50%) scale(1.08);border-color:#e8b656cc;filter:brightness(1.14);z-index:4}.bracket-orbit.is-spinning .team-node:hover,.bracket-orbit.is-spinning .match-chip:hover{animation-play-state:paused}.team-node.winner{border-color:#e8b656f2;box-shadow:0 0 0 2px #e8b6562e,0 0 26px #e8b65670}.team-node.real:after{content:"";position:absolute;right:1px;top:1px;width:10px;height:10px;border-radius:50%;background:var(--green);border:2px solid #101214}.flag{font-size:clamp(22px,3.2vw,32px);line-height:1}.team-code{position:absolute;bottom:-15px;left:50%;transform:translate(-50%);color:#d9d4ca;font-size:9px;font-weight:800;letter-spacing:0;text-shadow:0 2px 8px #000}.match-chip{transform:translate(-50%,-50%);min-width:44px;height:28px;padding:0 9px;border-radius:7px;border:1px solid rgba(255,255,255,.16);background:#0f1114c2;color:#f6f1e5;display:flex;align-items:center;justify-content:center;gap:7px;box-shadow:0 10px 24px #00000047;transition:transform .18s ease,border-color .18s ease,background .18s ease,opacity .18s ease}.match-chip span{font-size:12px;font-weight:800;line-height:1}.match-chip small{color:var(--muted);font-size:9px;line-height:1}.match-chip.has-winner{border-color:#e8b6568c}.match-chip.predicted{background:#433012d1}.match-chip.real{box-shadow:0 0 0 1px #42d98926,0 10px 24px #00000047}.match-chip.selected{border-color:var(--gold-2);box-shadow:0 0 0 2px #e8b65629,0 0 28px #e8b65657;z-index:6}.trophy-core{left:50%;top:50%;width:clamp(118px,15vw,164px);height:clamp(118px,15vw,164px);transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(255,237,162,.56),transparent 33%),radial-gradient(circle,rgba(232,182,86,.22),rgba(10,12,14,.36) 64%,transparent 70%);color:var(--gold-2);z-index:7}.trophy-core:before{content:"";position:absolute;top:20%;right:20%;bottom:20%;left:20%;border-radius:50%;border:1px solid rgba(232,182,86,.45)}.cup-top{font-size:clamp(58px,7vw,86px);line-height:1;filter:drop-shadow(0 14px 24px rgba(0,0,0,.45));z-index:2}.cup-glow{position:absolute;width:68%;height:68%;border-radius:50%;background:radial-gradient(circle,rgba(255,200,86,.45),transparent 70%);filter:blur(12px);animation:glowPulse 2.8s ease-in-out infinite}.trophy-core strong{position:absolute;bottom:18%;padding:3px 8px;border-radius:6px;background:#00000061;font-size:11px;letter-spacing:0;z-index:3}.inspector{align-self:stretch;min-height:580px;padding:20px;display:flex;flex-direction:column;gap:18px}.inspector-head{display:flex;align-items:center;justify-content:space-between}.inspector-head h2{margin:0;font-size:17px;line-height:1.2}.inspector-head button{border:0;background:transparent;color:var(--muted);width:32px;height:32px;display:grid;place-items:center;cursor:pointer}.match-title span,.inspector-section>span,.section-title span:first-child{font-weight:760;color:#f3efe4}.match-title p,.inspector-section p{margin:5px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.scoreboard{display:grid;grid-template-columns:1fr 92px 1fr;align-items:center;gap:10px;padding:12px 0 16px;border-bottom:1px solid var(--line)}.team-score{min-width:0;display:grid;justify-items:center;gap:5px}.team-score.left{justify-items:start}.team-score.right{justify-items:end}.score-flag{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#ffffff14;font-size:31px}.score-flag.ghost{color:var(--muted);font-size:20px}.team-score strong{font-size:13px}.team-score small{max-width:105px;color:var(--muted);font-size:11px;line-height:1.2;text-align:inherit;overflow-wrap:anywhere}.score-center{text-align:center;min-width:0}.score-center strong{display:block;font-size:32px;line-height:1;letter-spacing:0}.score-center span{display:block;margin-top:7px;color:var(--muted);font-size:11px;line-height:1.2}.inspector-section{padding-bottom:16px;border-bottom:1px solid var(--line)}.section-title{display:flex;align-items:center;gap:8px;margin-bottom:10px}.tag{padding:3px 7px;border-radius:999px;font-size:10px;line-height:1}.tag.predicted{color:var(--gold-2);background:#e8b6561f}.tag.real{color:var(--green);background:#42d9891c}.choice-stack{display:grid;gap:9px}.choice{min-height:48px;border-radius:7px;border:1px solid var(--line);background:#ffffff09;padding:0 12px;color:var(--text);display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer}.choice span{min-width:0;display:inline-flex;align-items:center;gap:8px;overflow-wrap:anywhere}.choice.chosen{border-color:#e8b656d1;background:#e8b65614}.mini-flag{font-size:20px}.empty-choice{min-height:52px;display:grid;place-items:center;border-radius:7px;border:1px dashed rgba(255,255,255,.17);color:var(--muted);font-size:13px}.text-button{margin-top:10px;border:0;background:transparent;color:var(--gold-2);padding:0;cursor:pointer;font-size:12px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:20px}.switch{width:52px;height:30px;border:1px solid rgba(232,182,86,.42);border-radius:999px;padding:3px;background:#00000057;cursor:pointer}.switch span{display:block;width:22px;height:22px;border-radius:50%;background:#857a64;transition:transform .18s ease}.switch.on span{transform:translate(21px);background:var(--gold);box-shadow:0 0 15px #e8b65675}.danger-action,.ghost-action,.primary-action{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:7px;cursor:pointer;padding:0 14px;font-weight:720}.danger-action{margin-top:12px;border:1px solid rgba(239,91,81,.68);background:#ef5b5114;color:#ff8d85}.legend{margin-top:auto;display:grid;gap:10px;color:var(--muted);font-size:12px}.legend span{display:flex;align-items:center;gap:10px}.gold-line{display:block;width:32px;height:3px;border-radius:999px;background:var(--gold)}.green-dot{display:block;width:10px;height:10px;border-radius:50%;background:var(--green)}.source-link{color:#d2bd86;font-size:12px;text-decoration:none;overflow-wrap:anywhere}.zoom-rail{position:absolute;left:28px;bottom:28px;display:grid;border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#111316b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.zoom-rail button{width:46px;height:46px;border:0;border-bottom:1px solid var(--line);background:#ffffff09;display:grid;place-items:center;cursor:pointer;transition:transform .16s ease,background .16s ease}.zoom-rail button:last-child{border-bottom:0}.bottom-dock{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:22px;align-items:center;margin:0 22px 18px;padding:14px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#111316bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:var(--shadow)}.timeline{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:14px}.timeline-step{min-width:0;display:grid;gap:5px}.timeline-step span{color:#ded8cc;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timeline-step strong{color:var(--muted);font-size:11px;line-height:1}.timeline-step i{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--gold) calc(var(--progress) * 100%),rgba(255,255,255,.24) 0)}.dock-actions{display:flex;align-items:center;gap:10px}.ghost-action{border:1px solid var(--line);background:#ffffff08;color:#e7e1d4}.primary-action{border:1px solid rgba(232,182,86,.72);background:linear-gradient(145deg,#e8b6563d,#e8b65614);color:var(--gold-2)}@keyframes orbitSpin{to{transform:rotate(360deg)}}@keyframes counterSpin{to{rotate:-360deg}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseIcon{50%{opacity:.45}}@keyframes breathe{50%{transform:scale(1.012);opacity:.78}}@keyframes glowPulse{50%{transform:scale(1.08);opacity:.7}}@keyframes dashFlow{to{stroke-dashoffset:-32}}@media(max-width:1180px){.app-shell{grid-template-rows:auto auto auto}.topbar{grid-template-columns:1fr auto;padding:12px 18px}.nav-tabs{grid-column:1 / -1;justify-self:start;gap:18px;order:3}.nav-tabs button{padding:10px 0 12px}.workspace{grid-template-columns:minmax(0,1fr);align-items:start}.live-card{order:2;width:min(100%,620px);margin:0 auto}.bracket-stage{min-width:0;width:min(100%,760px);order:1}.inspector{order:3;width:min(100%,620px);min-height:0;margin:0 auto}.zoom-rail{left:18px;top:98px;bottom:auto}.bottom-dock{grid-template-columns:1fr}}@media(max-width:720px){.topbar{grid-template-columns:1fr;gap:12px}.top-actions{justify-self:start}.nav-tabs{width:100%;overflow-x:auto}.workspace{padding:14px 12px}.bracket-stage{width:min(100vw - 24px,620px)}.reference-haze{top:0;right:0;bottom:0;left:0}.team-node{width:34px;height:34px}.flag{font-size:20px}.team-code{display:none}.match-chip{min-width:34px;height:24px;padding:0 6px;gap:4px}.match-chip span{font-size:10px}.match-chip small{font-size:8px}.trophy-core{width:104px;height:104px}.cup-top{font-size:54px}.inspector,.live-card,.bottom-dock{border-radius:7px}.scoreboard{grid-template-columns:1fr 74px 1fr}.score-center strong{font-size:24px}.score-flag{width:42px;height:42px;font-size:25px}.timeline{grid-template-columns:1fr}.dock-actions{display:grid;grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}