:root{--bg:#080d18;--panel:#0d1423;--panel2:#101a2b;--edge:#2a3244;--text:#dce5ec;--muted:#7f8fa1;--gold:#e8c481;--sky:#6dc7e4;--danger:#f17977;--green:#63d2a9;--font:Inter,'Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--font);font-size:13px;line-height:1.4;background:radial-gradient(ellipse at 60% -30%,#1e2b43 0%,transparent 46%),#080d18}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.34;cursor:not-allowed}input:focus,select:focus,button:focus-visible{outline:2px solid var(--sky);outline-offset:2px}em{font-style:normal;color:var(--gold)}.grain{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 170 170' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.topbar{height:77px;border-bottom:1px solid #30394a;background:#090f1aeb;display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:20px}.brand{display:flex;align-items:center;gap:13px}.brandmark{width:45px;height:45px;display:grid;place-items:center;border:1px solid #826f4d;background:linear-gradient(145deg,#3b3640,#1b2130);box-shadow:inset 0 0 20px #e2bb6522;color:var(--gold);font-size:33px}.brandname{font-size:24px;font-weight:900;line-height:1;letter-spacing:.03em;color:#f7f6f3}.brandname span{color:var(--gold)}.brandname i{font-size:9px;vertical-align:top;margin-left:2px;font-style:normal;color:#a78a5e}.brandtag{font-size:9px;letter-spacing:.20em;color:#8394a4;margin-top:5px;font-weight:700}.sep{color:var(--gold);margin:0 7px}.topright{display:flex;align-items:center;gap:22px}.live-pill{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.13em;font-weight:800;color:#c1cee1}.dot,.online-dot{width:7px;height:7px;border-radius:50%;background:#d99062;box-shadow:0 0 13px #ed8a4b}.dot.connected{background:var(--green);box-shadow:0 0 13px var(--green)}.headmetric{display:flex;flex-direction:column;align-items:center;border-left:1px solid #354052;padding-left:20px;line-height:1.1}.headmetric b{font-size:18px;color:#f1f4f9}.headmetric small{font-size:9px;letter-spacing:.1em;color:#77879a;margin-top:4px}.iconbtn{width:34px;height:34px;border:1px solid #343f50;background:#121b2b;color:var(--gold);font-size:20px}.identity{height:35px;border:1px solid #333f50;background:#101725;color:#8192a4;padding:0 12px;font-size:10px;letter-spacing:.08em;font-weight:800}.identity span{color:#d0dbe6;margin-left:4px}.identity .editicon{color:var(--gold)}
.marquee{height:28px;display:flex;align-items:center;justify-content:center;gap:22px;white-space:nowrap;overflow:hidden;background:#171d2b;border-bottom:1px solid #333b47;font-size:9px;font-weight:850;letter-spacing:.14em;color:#91a1ad}.marquee .online-dot{flex-shrink:0;width:6px;height:6px;background:var(--gold);box-shadow:0 0 12px var(--gold)}.slash{color:#d8b77b}
.layout{display:grid;grid-template-columns:minmax(255px,287px) minmax(520px,1fr) minmax(290px,330px);gap:0;max-width:1900px;margin:0 auto;min-height:calc(100vh - 143px)}.panel{background:linear-gradient(180deg,#101827,#0b111d);padding:24px 19px 25px}.sidebar{border-right:1px solid var(--edge)}.gamepanel{border-left:1px solid var(--edge)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:8px;margin-bottom:24px}.kicker{font-size:9px;letter-spacing:.21em;font-weight:850;color:#af956a}.kicker.cyan{color:#70b8cb}.section-head h2,.compute-heading h2{font-size:17px;margin:5px 0 0;letter-spacing:.07em;font-weight:850}.chip{font-size:9px;font-weight:800;letter-spacing:.1em;color:#a7aaba;background:#172233;border:1px solid #374050;padding:5px 8px}.label{font-size:10px;color:#9aa9b9;font-weight:800;letter-spacing:.12em;margin-bottom:12px}.mode-box{background:#111b2b;border:1px solid #313d50;padding:15px}.select-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.timepick{border:1px solid #303e52;background:#101826;color:#e1e9ef;text-align:left;padding:10px 12px;transition:.2s}.timepick strong{display:block;font-size:19px;font-weight:750;letter-spacing:.03em;font-variant-numeric:tabular-nums}.timepick span{display:block;color:#8191a1;font-size:9px;font-weight:800;letter-spacing:.1em;margin-top:3px}.timepick.active{border-color:var(--gold);background:linear-gradient(135deg,#343029,#192536)}.timepick.active strong{color:var(--gold)}.switch-row{display:flex;align-items:center;justify-content:space-between;margin:16px 0 16px;font-size:10px;color:#8c9dab;font-weight:800;letter-spacing:.11em}.seg{display:flex;border:1px solid #313b4b;padding:3px}.seg button{border:0;background:transparent;color:#8090a0;font-size:9px;font-weight:850;letter-spacing:.05em;padding:7px 8px}.seg button.active{background:#324256;color:white}.primary{border:1px solid #d3ac6e;background:linear-gradient(120deg,#f1d49e,#b88d50);color:#141a21;padding:12px 14px;font-size:11px;font-weight:950;letter-spacing:.1em;transition:filter .2s,transform .2s}.primary:not(:disabled):hover{filter:brightness(1.15);transform:translateY(-1px)}.full{width:100%}.breakline{height:1px;background:linear-gradient(90deg,transparent,#3b4555,transparent);margin:23px 0}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.095em;color:#e4e9ed}.section-title b{font-weight:800}.micro{font-size:9px;letter-spacing:.1em;color:#7b8999}.rooms-list{max-height:380px;overflow:auto;margin-top:12px}.empty{border:1px dashed #313e50;padding:21px 12px;text-align:center;color:#71849c;line-height:1.6;font-size:11px}.empty.small{border:none;padding:12px}.room-item{border:1px solid #2b3849;background:#0d1625;display:flex;justify-content:space-between;gap:5px;padding:11px;margin-bottom:7px;text-align:left;width:100%;color:#d8e0e7}.room-item:hover{border-color:#c5a672;background:#1c283a}.room-item strong{font-size:12px}.room-item small{display:block;color:#8295a7;font-size:10px;margin-top:3px}.room-mode{color:#c9a368;font-size:10px;white-space:nowrap}.joinflag{display:block;color:#5ccfa3;font-size:9px;margin-top:5px}.invite{margin-top:17px}.input-row{display:flex;gap:7px}.input-row input{background:#0a111e;border:1px solid #344253;color:#e8eff4;min-width:0;flex:1;padding:10px 9px;outline:none;font-size:12px}.input-row input:focus{border-color:var(--sky)}.outlined{background:#151f2e;color:#bfccd8;border:1px solid #394658;font-weight:800;letter-spacing:.09em;font-size:10px;padding:10px 12px}.outlined:hover{border-color:var(--gold);color:white}.leaderboard{margin-top:13px}.rank{display:flex;align-items:center;gap:10px;padding:9px 4px;border-bottom:1px solid #252e3b}.ranknum{width:23px;color:var(--gold);font-size:12px}.rank b{font-size:11px;flex:1}.rank small{color:#d3b17b;font-variant-numeric:tabular-nums}
.arena{min-width:0;padding:28px 24px 40px;background:radial-gradient(ellipse at 50% 25%,#1a2639 0%,#0b111e 70%)}.arena-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:17px}.arena-head h1{margin:5px 0 3px;font-size:clamp(24px,2.25vw,38px);line-height:1.1;letter-spacing:.015em;font-weight:950}.arena-head p{margin:8px 0 0;color:#8698a9;font-size:10px;font-weight:750;letter-spacing:.12em}.fpsbadge{font-size:9px;color:#9fb6c7;letter-spacing:.11em;white-space:nowrap;background:#111b2a;padding:9px;border:1px solid #344253}.hot{color:#68dbb7;margin-right:6px}.stage{height:clamp(400px,49vw,680px);position:relative;overflow:hidden;border:1px solid #465269;background:linear-gradient(140deg,#17263c,#080d16);box-shadow:0 28px 65px #0008,inset 0 0 100px #0a0d12}.stage::before,.stage::after{content:"";position:absolute;width:23px;height:23px;z-index:2;border-color:#d9bb87;pointer-events:none}.stage::before{top:0;left:0;border-top:2px solid;border-left:2px solid}.stage::after{bottom:0;right:0;border-bottom:2px solid;border-right:2px solid}.stage canvas{display:block;width:100%;height:100%;cursor:grab;touch-action:none}.stage canvas:active{cursor:grabbing}.stage-top,.stage-bottom{position:absolute;z-index:1;left:17px;right:17px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.stage-top{top:16px}.stage-bottom{bottom:14px}.stage-mode{font-size:9px;font-weight:800;letter-spacing:.15em;color:#a5b4cb;background:#0a1420b8;padding:9px 11px;border:1px solid #39475d}.softbtn{background:#0d1729ce;border:1px solid #3c5064;font-size:10px;letter-spacing:.1em;font-weight:800;color:#d4e2ef;padding:8px 10px;pointer-events:auto}.stage-vertical{writing-mode:vertical-rl;position:absolute;font-size:9px;letter-spacing:.16em;color:#8b9cba;opacity:.65;pointer-events:none}.left-label{top:85px;left:17px;transform:rotate(180deg)}.right-label{top:100px;right:17px}.instruction,.stage-score{background:#0c1524bd;padding:7px 9px;color:#b4c1d1;font-size:9px;letter-spacing:.12em;font-weight:800}.instruction span{color:var(--gold);margin:0 5px}.stage-score b{color:var(--gold)}.underbar{background:#111b2c;border:1px solid #394455;border-top:0;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:10px}.under-left{display:flex;gap:12px;align-items:center}.under-left span:last-child{font-size:11px;font-weight:800;letter-spacing:.05em}.smallhead{font-size:9px;color:#8999aa;font-weight:800;letter-spacing:.1em}.under-right{display:flex;gap:8px}.underbtn{border:0;background:transparent;color:#d0b283;font-size:10px;font-weight:850;letter-spacing:.07em;padding:6px}.underbtn:hover{color:white}
.compute-panel{border:1px solid #3b4554;margin-top:23px;background:linear-gradient(135deg,#131d2e,#0e1726);padding:19px}.compute-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.compute-heading h2{font-size:20px}.compute-heading p{margin:9px 0 16px;color:#889cb1;font-size:11px}.compute-state{border:1px solid #4a503e;color:#ddb77a;background:#3632274d;padding:7px 10px;font-weight:850;font-size:9px;letter-spacing:.13em;white-space:nowrap}.compute-state.running{background:#1a503f44;border-color:#51bb9b;color:#66d8ae}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#303b4c;border:1px solid #303b4c}.stat{background:#0c1524;padding:14px 13px}.stat span,.stat small{display:block;color:#8195a9;font-size:9px;letter-spacing:.12em;font-weight:800}.stat strong{display:block;font-size:clamp(18px,2.0vw,31px);font-weight:850;white-space:nowrap;color:#f2f6f6;line-height:1.1;margin:10px 0}.stat small{color:#c1a472;font-size:8px}.bench-body{display:grid;grid-template-columns:minmax(240px,1fr) minmax(240px,1.1fr);gap:23px;margin-top:18px}.bench-controls{display:grid;grid-template-columns:1fr 1fr;gap:11px}.bench-controls label{color:#8395ab;font-size:9px;font-weight:850;letter-spacing:.12em}.bench-controls select,.bench-controls input{margin-top:5px;display:block;background:#0b1321;border:1px solid #374559;width:100%;height:36px;padding:6px 9px;color:#d8e2eb;font-size:11px;outline:none}.bench-btns{grid-column:1/-1;display:flex;gap:8px}.bench-btns .primary{flex:1;font-size:10px}.dangerbtn{border:1px solid #934a4b;color:#f2a3a3;background:#3d242a;padding:0 13px;font-size:10px;font-weight:850}.worker-area{min-width:0}.worker-list{margin-top:11px;max-height:165px;overflow:auto}.worker{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid #334053;background:#101a2a;margin-bottom:6px}.worker .worker-light{width:8px;height:8px;border-radius:50%;background:#5fdbb3;box-shadow:0 0 8px #39d49c}.worker-info{flex:1;min-width:0}.worker-info strong,.worker-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.worker-info strong{font-size:11px}.worker-info small{color:#8495a4;font-size:9px}.worker-load{font-size:11px;text-align:right;color:#edc282;font-variant-numeric:tabular-nums}.worker-load small{display:block;color:#8a9bab}.note{margin-top:10px;color:#7a8fa5;line-height:1.5;font-size:10px}
.opponent{display:flex;align-items:center;gap:11px;padding:14px 0}.avatar{height:46px;width:46px;flex-shrink:0;display:grid;place-items:center;font-size:32px;border:1px solid #444d57;background:#151e2b}.avatar.black-piece{color:#dfbb78;background:linear-gradient(145deg,#181d2c,#30303d)}.avatar.white-piece{color:#f3ead9;background:linear-gradient(145deg,#343e4e,#1a2332)}.opponent-info{flex:1;min-width:0}.opponent-info strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px;margin:5px 0 3px}.opponent-info small{color:#c3a778;font-size:10px;letter-spacing:.08em}.clock{font:800 22px/1.1 'Consolas','Courier New',monospace;white-space:nowrap;color:#e8edee;letter-spacing:-.03em}.clock.active{color:var(--gold)}.clock.low{color:#fc8274;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.63}}.versus-line{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #364254;border-bottom:1px solid #364254;padding:10px 2px;color:#8a9caf;font-size:9px;font-weight:850;letter-spacing:.11em}.versus-line span:last-child{color:var(--gold)}.result-bar{background:#353022;border:1px solid #a68857;color:#e4c786;font-size:11px;font-weight:800;padding:13px;margin:9px 0}.move-section{margin-top:20px;border-top:1px solid #2f3949;padding-top:18px}.move-list{margin-top:11px;height:214px;overflow:auto;background:#0b1320;border:1px solid #2b3647;padding:7px}.move-row{display:grid;grid-template-columns:37px 1fr 1fr;gap:3px;font:12px 'Consolas',monospace;align-items:center;padding:7px 6px;border-bottom:1px solid #242f3f}.move-row:nth-child(even){background:#111d2e}.move-row span{color:#73869a}.move-row b{color:#d8e4ed;font-weight:650}.move-row b.latest{color:var(--gold)}.game-actions{display:flex;gap:6px;margin:13px 0 21px}.game-actions button{flex:1;padding:10px 4px;font-size:9px}.chat{border-top:1px solid #2d3b4b;padding-top:17px}.chatlog{height:160px;overflow:auto;background:#0b1320;border:1px solid #2b3748;margin:10px 0 9px;padding:10px}.chat-message{font-size:11px;color:#b8c5d3;margin-bottom:8px;word-break:break-word}.chat-message b{color:#d9bd89;font-size:10px}.chat-message small{font-size:9px;color:#718094;float:right}.sendbtn{border:1px solid #a88b60;background:#312a26;color:var(--gold);width:37px;font-size:15px}
footer{min-height:38px;background:#0a0e17;border-top:1px solid #333d4f;display:flex;justify-content:space-between;align-items:center;padding:10px 27px;gap:13px;color:#7b899b;font-size:9px;font-weight:800;letter-spacing:.11em}footer i{color:#d5af70;padding:0 8px;font-style:normal}.toast{position:fixed;z-index:30;right:20px;bottom:25px;max-width:360px;background:#1b2939;border:1px solid var(--gold);color:#f1e7d9;padding:13px 17px;font-size:12px;box-shadow:0 13px 40px #000a;opacity:0;transform:translateY(8px);pointer-events:none;transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:none}.modalcover{position:fixed;inset:0;z-index:29;display:grid;place-items:center;background:#040912ca}.modalcover[hidden],*[hidden]{display:none!important}.modal{padding:31px;background:#10192a;border:1px solid #ba9a66;min-width:290px;text-align:center;box-shadow:0 25px 90px #000}.modal h2{font-size:22px}.promotion-choices{display:flex;gap:10px;margin:20px 0}.promotion-choices button{font-size:37px;min-width:55px;min-height:65px;background:#263347;border:1px solid #8f805f;color:#e8d5aa}.promotion-choices button:hover{background:#4a4550}
@media(max-width:1370px){.layout{grid-template-columns:252px minmax(480px,1fr) 284px}.panel{padding:20px 13px}.arena{padding:25px 17px}.topbar{padding:0 18px}.stage{height:clamp(390px,45vw,580px)}.bench-body{grid-template-columns:1fr}.worker-list{max-height:125px}.arena-head h1{font-size:27px}}@media(max-width:1120px){.layout{grid-template-columns:minmax(220px,270px) minmax(0,1fr)}.gamepanel{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;border-left:0;border-top:1px solid var(--edge)}.gamepanel .section-head{grid-column:1/-1;margin-bottom:0}.gamepanel .versus-line{grid-column:1/-1}.gamepanel .move-section{grid-column:1/-1}.gamepanel .game-actions{grid-column:1/-1}.gamepanel .chat{grid-column:1/-1}.arena{padding:20px 16px}.stage{height:min(58vw,600px)}.topright{gap:12px}.marquee{justify-content:flex-start;padding-left:10px}.stage-score{display:none}}@media(max-width:720px){.topbar{height:67px;padding:0 10px}.brandmark{height:38px;width:38px;font-size:28px}.brandname{font-size:19px}.brandtag{font-size:7px}.topright .headmetric,.topright .iconbtn{display:none}.topright{gap:7px}.identity{font-size:9px;max-width:128px;overflow:hidden}.marquee{font-size:8px;height:25px}.layout{display:flex;flex-direction:column}.arena{order:0;padding:20px 10px 16px}.sidebar{order:1;border-right:0;border-top:1px solid #344152}.gamepanel{order:2;display:block}.arena-head h1{font-size:25px}.arena-head p{font-size:9px}.fpsbadge{display:none}.stage{height:clamp(350px,100vw,500px)}.stage-vertical,.instruction{display:none}.stage-top{top:8px;left:8px;right:8px}.stage-bottom{display:none}.underbar{padding:7px 9px}.under-left{gap:4px;flex-direction:column;align-items:flex-start}.under-right{gap:1px}.underbtn{font-size:9px}.compute-panel{margin-top:16px;padding:12px}.compute-heading h2{font-size:19px}.compute-heading{flex-wrap:wrap}.stats-grid{grid-template-columns:1fr 1fr}.stat strong{font-size:25px}.bench-body{display:block}.worker-area{margin-top:18px}.panel{padding:21px 14px}.section-head{margin-bottom:16px}.rooms-list{max-height:320px}.opponent{padding:12px 0}.move-list{height:160px}footer{padding:13px;display:block;text-align:center}footer span{display:block;margin:5px 0}}

.quickmatch{display:block;width:100%;margin-top:8px;border-color:#536478;color:#a8d4e1;background:#152236}.quickmatch:hover{background:#253d55;border-color:#79bacd}

.engine-audit{margin-top:10px;color:#73c9af;font-size:9px;font-weight:800;letter-spacing:.09em}

/* Admin access: regular players do not see benchmark or worker telemetry. */
.admin-access{white-space:nowrap;min-width:75px;font-size:10px;letter-spacing:.08em}
.admin-access.active{color:#84e7c8;border-color:#3c997c}
.admin-modal{max-width:440px;width:min(92vw,440px);text-align:left}
.admin-modal p{font-size:12px;color:#9eacbf;line-height:1.65;margin:15px 0}
.admin-modal input{width:100%;box-sizing:border-box;background:#0b1321;color:#e6edf5;border:1px solid #536078;border-radius:2px;padding:13px;font-size:13px;margin:4px 0 17px}
.admin-modal .bench-btns{display:flex;gap:8px}
.bench-guard{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#8bd3b9;font-size:10px;letter-spacing:.08em;font-weight:800}
.bench-guard button{white-space:nowrap}
@media(max-width:720px){.admin-access{min-width:auto;font-size:9px;padding:6px}}

/* v1.0.2: optional human-vs-engine match setup. */
[hidden]{display:none!important}
.ai-settings{padding:13px 12px 11px;margin:0 0 14px;background:linear-gradient(145deg,#18263a,#101924);border:1px solid #4b6480}
.ai-section-title{font-size:10px;font-weight:950;color:#e8c792;letter-spacing:.12em;margin-bottom:13px}
.ai-choice-label{font-size:10px;letter-spacing:.1em;font-weight:800;color:#b4c0cb}
.ai-settings select{display:block;width:100%;margin-top:7px;background:#0a1421;color:#e8e6d6;border:1px solid #4f6579;padding:11px 8px;font-size:12px;font-weight:800;cursor:pointer}
.ai-color-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:14px 0 8px}
.ai-color-row .seg{flex-shrink:0}.ai-color-row .seg button{font-size:10px}
.ai-settings p{margin:9px 0 0;color:#8ba4b6;font-size:10px;line-height:1.5}

/* v1.0.3: cinematic server-authoritative match results. */
.result-reopen{display:block;width:100%;margin:7px 0 11px;padding:11px 12px;background:#19263a;border:1px solid #7a9cb6;color:#e7d7b8;cursor:pointer;letter-spacing:.12em;font-size:10px;font-weight:900}.result-reopen:hover{background:#233955}
.match-result-cover{position:fixed;inset:0;z-index:45;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(2,6,15,.88);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);overflow:auto;isolation:isolate;animation:result-arrive .45s ease-out both}
.match-result-cover[data-outcome="victory"]{--result-accent:#f2cf85;--result-strong:#b5883f;--result-glow:rgba(252,202,105,.26)}
.match-result-cover[data-outcome="defeat"]{--result-accent:#ff958e;--result-strong:#b64850;--result-glow:rgba(244,75,90,.25)}
.match-result-cover[data-outcome="draw"],.match-result-cover[data-outcome="spectator"]{--result-accent:#9cdbef;--result-strong:#4c9dbd;--result-glow:rgba(68,184,231,.21)}
.result-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none}.result-atmosphere:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0,transparent 42px,rgba(171,190,218,.035) 43px),repeating-linear-gradient(90deg,transparent 0,transparent 42px,rgba(171,190,218,.035) 43px);mask-image:radial-gradient(circle at center,black,transparent 82%)}
.result-halo{position:absolute;left:50%;top:50%;width:min(100vw,1000px);aspect-ratio:1;border:1px solid var(--result-glow);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 85px 45px var(--result-glow);animation:result-pulse 4.4s ease-in-out infinite}.result-halo.halo-two{width:min(84vw,700px);box-shadow:none;opacity:.58;animation-delay:-1.7s}
.result-window{position:relative;width:min(100%,660px);border:1px solid var(--result-strong);background:linear-gradient(152deg,rgba(28,40,61,.98),rgba(8,15,26,.99) 67%);box-shadow:0 36px 130px #000b,0 0 65px var(--result-glow),inset 0 0 80px rgba(150,175,214,.035);text-align:center;padding:23px clamp(20px,5vw,50px) 20px;animation:result-rise .65s cubic-bezier(.18,.9,.2,1.15) both;overflow:hidden}
.result-window:before{content:'';position:absolute;inset:4px;border:1px solid #71839c25;pointer-events:none}.result-window:after{content:'';position:absolute;width:160%;height:90px;left:-30%;top:-40px;transform:rotate(-18deg);background:linear-gradient(180deg,transparent,rgba(255,255,255,.03),transparent);pointer-events:none}
.result-upper{display:flex;justify-content:space-between;gap:10px;text-align:left;color:#91a4bd;font-size:10px;font-weight:900;letter-spacing:.14em}.result-upper span:last-child{color:var(--result-accent)}
.result-trophy{height:110px;display:flex;align-items:center;justify-content:center;margin:8px auto 0;position:relative}.result-trophy:before{content:'';position:absolute;width:94px;height:94px;border:1px solid var(--result-accent);border-radius:50%;box-shadow:0 0 0 7px #ffffff04,0 0 28px var(--result-glow);animation:result-pulse 3.2s ease-in-out infinite}.result-trophy span{position:relative;font-size:72px;line-height:1;color:var(--result-accent);text-shadow:0 0 35px var(--result-glow);animation:result-crown 3.2s ease-in-out infinite}
.result-eyebrow{margin:5px auto 2px;font-size:11px;font-weight:900;letter-spacing:.31em;color:var(--result-accent)}.result-title{font-size:clamp(43px,9vw,86px);line-height:1.05;font-weight:1000;letter-spacing:.09em;color:#f5f2e9;margin:2px 0 9px;text-shadow:0 4px 3px #000,0 0 35px var(--result-glow)}.result-ornament{display:flex;align-items:center;justify-content:center;gap:13px;margin:0 auto 18px;color:var(--result-accent)}.result-ornament span{width:70px;border-top:1px solid var(--result-strong)}.result-ornament i{font-style:normal;font-size:9px}
.result-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:13px;border:1px solid #4c6179;background:linear-gradient(90deg,#152137,#0e192b,#152137);padding:14px 10px}.result-side{min-width:0;display:flex;align-items:center;flex-direction:column;gap:5px}.result-piece{font-size:30px;color:var(--result-accent)}.result-side>span:last-child{font-size:clamp(10px,1.5vw,12px);font-weight:800;overflow-wrap:anywhere;color:#c9d5e2;max-width:100%}.result-scoreboard>b{font-size:clamp(24px,5vw,37px);color:#f7e9c9;white-space:nowrap;font-weight:900;letter-spacing:.03em}
.result-summary{font-size:clamp(13px,2vw,16px);font-weight:800;color:#d7e0e8;line-height:1.4;margin:17px auto 11px;overflow-wrap:anywhere}.result-badges{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:7px;margin:0 auto 23px}.result-badges span{padding:6px 9px;background:#182536;border:1px solid #435368;font-size:10px;font-weight:900;letter-spacing:.1em;color:#a2b5c5}.result-badges span:first-child{color:var(--result-accent);border-color:var(--result-strong)}
.result-buttons{display:grid;grid-template-columns:1.25fr 1fr;gap:9px}.result-buttons button{padding:13px 9px;min-height:44px;font-size:11px;font-weight:900;letter-spacing:.075em;cursor:pointer}.result-buttons .primary{color:#0f1b27;background:var(--result-accent);border:1px solid var(--result-accent)}.result-buttons .primary:hover{filter:brightness(1.15)}.result-outline{color:#c8d3e0;border:1px solid #73879e;background:#1b2c40}.result-outline:hover{background:#293d57}.result-quiet{grid-column:1/-1;color:#99afc0;border:0;background:transparent}.result-quiet:hover{color:#fff;background:#ffffff0d}.result-footer{font-size:9px;color:#637990;letter-spacing:.17em;font-weight:850;padding-top:14px;border-top:1px solid #344154}
.result-confetti{position:fixed;inset:0;pointer-events:none;overflow:hidden}.result-confetti i{position:absolute;top:-13vh;left:var(--x);width:var(--w);height:var(--h);background:var(--c);opacity:0;animation:result-fall var(--duration) cubic-bezier(.35,.13,.62,1) var(--delay) both;transform:rotate(var(--rot))}
.match-result-cover[data-outcome="defeat"] .result-trophy span{filter:saturate(.7)}
@keyframes result-arrive{from{opacity:0}to{opacity:1}}@keyframes result-rise{from{opacity:0;transform:translateY(50px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes result-pulse{0%,100%{opacity:.58;filter:brightness(.9)}50%{opacity:1;filter:brightness(1.2)}}@keyframes result-crown{0%,100%{transform:translateY(3px)}50%{transform:translateY(-5px)}}@keyframes result-fall{0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0deg)}10%{opacity:1}80%{opacity:1}100%{opacity:0;transform:translate3d(var(--drift),115vh,0) rotate(var(--spin))}}
@media(max-width:600px){.match-result-cover{padding:9px}.result-window{padding:15px 15px 11px}.result-upper{font-size:8px}.result-trophy{height:88px}.result-trophy span{font-size:61px}.result-trophy:before{width:75px;height:75px}.result-scoreboard{gap:6px;padding:10px 6px}.result-scoreboard>b{font-size:25px}.result-ornament{margin-bottom:13px}.result-badges{margin-bottom:15px}.result-buttons{grid-template-columns:1fr}.result-quiet{grid-column:1}.result-buttons button{min-height:41px;padding:9px}.result-footer{font-size:8px}}
@media(prefers-reduced-motion:reduce){.match-result-cover,.result-window,.result-trophy span,.result-halo,.result-confetti i{animation:none!important;transition:none!important}.result-confetti{display:none}}