:root{color:#f3f0e7;font-synthesis:none;--accent:#e99464;--paper:#f3f0e7;--ink:#1b1d1e;--muted:#a7aaa7;--line:#ffffff20;--surface:#202522;--green:#b9e58f;background:#121313;font-family:Segoe UI,Tahoma,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{border:1px solid var(--line);min-height:40px;color:inherit;cursor:pointer;background:#ffffff08;border-radius:4px;padding:10px 14px;font-size:12px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#ffffff15;border-color:#ffffff60}button:disabled{opacity:.38;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}.primary{background:var(--accent);border-color:var(--accent);color:#17191a;font-weight:750}.primary:hover:not(:disabled){background:#ff925e;border-color:#ff925e}[hidden]{display:none!important}#app,#arena-ui,#viewport,#labels,.vignette{position:fixed;inset:0}#viewport canvas{outline:none;width:100%;height:100%;display:block}#labels{pointer-events:none;z-index:3;contain:layout style;overflow:hidden}.vignette{pointer-events:none;background:linear-gradient(#0003,#0000 22% 80%,#0002)}body:not([data-connection=ready]) #arena-ui{visibility:hidden;pointer-events:none}#connection-screen{z-index:100;background:#181a1b;padding:30px clamp(24px,5vw,90px);position:fixed;inset:0;overflow:auto}.connection-brand{letter-spacing:-1px;align-items:center;gap:12px;max-width:1360px;margin:auto;font-size:23px;font-weight:900;display:flex}.brand-sigil{background:var(--accent);width:44px;height:44px;color:var(--ink);place-items:center;display:grid;transform:skew(-8deg)}.brand-sigil svg{width:30px;height:30px;transform:skew(8deg)}.brand-outline{color:var(--accent);margin-left:3px}.connection-brand small{letter-spacing:2px;color:var(--muted);margin-left:auto;font-family:Consolas,monospace;font-size:10px;font-weight:400}.connection-layout{grid-template-columns:1.15fr .85fr;align-items:center;gap:clamp(35px,7vw,110px);max-width:1240px;margin:48px auto 36px;display:grid}.edition-tag{letter-spacing:1.6px;color:#d4d5cf;align-items:center;gap:10px;font:10px Consolas,monospace;display:flex}.edition-tag>span{background:var(--accent);width:7px;height:7px}.connection-intro h1{letter-spacing:-5px;margin:30px 0 23px;font-family:Arial Black,Segoe UI,sans-serif;font-size:clamp(52px,6.4vw,96px);font-weight:950;line-height:.94}.connection-intro h1 span{color:var(--accent)}.intro-thai{margin:0 0 12px;font-size:23px;font-weight:600}.intro-description{color:#a5aaa8;margin:0;font-size:13px;line-height:1.9}.arena-emblem{background:repeating-linear-gradient(0deg,#0000,#0000 29px,#ffffff07 30px),repeating-linear-gradient(90deg,#0000,#0000 29px,#ffffff07 30px);border:1px solid #ffffff15;height:180px;margin:22px 0 20px;position:relative;overflow:hidden}.emblem-orbit{border:1px solid #ffffff20;border-radius:50%;width:225px;height:225px;position:absolute;top:-23px;left:calc(50% - 112px)}.emblem-orbit:after{content:"";border:1px dashed #ff743d55;border-radius:50%;position:absolute;inset:26px}.emblem-tank{color:var(--accent);place-items:center;display:grid;position:absolute;inset:18px}.emblem-tank svg{stroke-width:1px;width:140px;height:140px;transform:rotate(-12deg)}.emblem-label{letter-spacing:1px;color:#c5c8c0;font:9px Consolas,monospace;position:absolute;top:12px;left:14px}.emblem-index{color:#ffffff24;font:900 30px Arial Black,sans-serif;position:absolute;bottom:10px;right:14px}.emblem-cross{border-top:1px solid var(--accent);border-left:1px solid var(--accent);width:11px;height:11px;position:absolute}.cross-a{bottom:10px;left:12px;transform:rotate(-90deg)}.cross-b{top:10px;right:12px;transform:rotate(90deg)}.connection-features{color:#b9bcb8;justify-content:space-between;gap:12px;font-size:10px;display:flex}.connection-features b{color:var(--accent);margin-right:6px;font:11px Consolas,monospace}.connection-card{background:var(--paper);color:var(--ink);border-radius:3px;padding:28px 34px;position:relative;box-shadow:12px 12px #0003}.connection-card:before{content:"";background:var(--accent);width:5px;position:absolute;top:0;bottom:0;left:0}.card-index{letter-spacing:1px;border-bottom:1px solid #20222230;justify-content:space-between;margin-bottom:22px;padding-bottom:17px;font:9px Consolas,monospace;display:flex}.card-index span{color:#686d69}.eyebrow{color:#797e78;font-size:11px}.connection-card h2{letter-spacing:-.8px;margin:10px 0 13px;font-size:40px;font-weight:800;line-height:1.2}.connection-subtitle{color:#656b64;margin:0 0 24px;font-size:12px;line-height:1.7}.connection-steps{margin:0;padding:0;list-style:none}.connection-steps li{gap:13px;margin:20px 0;display:flex}.connection-steps li>b{background:var(--ink);width:25px;height:25px;color:var(--paper);flex-shrink:0;place-items:center;font:11px Consolas,monospace;display:grid}.connection-steps strong{font-size:13px;font-weight:700}.connection-steps p{color:#666e64;margin:4px 0 10px;font-size:11px;line-height:1.7}.account-link{color:var(--ink);border-bottom:2px solid var(--accent);align-items:center;gap:38px;padding-bottom:6px;font-size:12px;font-weight:650;text-decoration:none;display:inline-flex}.account-link span{color:#d85923;font-size:20px;line-height:1}.connection-card .panel{background:0 0}.kaitun-panel .section-title,.kaitun-actions{display:none}#kaitun-status{background:#e4e4da;border-left:3px solid #969e8d;margin:0 0 14px;padding:10px 12px;font-size:11px;line-height:1.5}#kaitun-status[data-state=error]{color:#832d1a;background:#f5d7cb;border-color:#c54124}#kaitun-status[data-state=pairing],#kaitun-status[data-state=connecting]{border-color:var(--accent)}.kaitun-panel label{color:#535b52;margin-bottom:7px;font-size:11px;display:block}.kaitun-panel .input-action{gap:10px;display:grid}#kaitun-code{width:100%;min-height:47px;color:var(--ink);letter-spacing:1px;background:#faf9f3;border:1px solid #b8bdb1;border-radius:2px;padding:12px;font:18px Consolas,monospace}#kaitun-code::placeholder{color:#959d92}#kaitun-connect{border-radius:2px;min-height:46px;font-size:13px}.connection-footnote{color:#72776f;text-align:center;margin:15px 0 0;font-size:10px;line-height:1.7}.connection-footer{color:#6e7572;letter-spacing:1.3px;border-top:1px solid #ffffff1a;justify-content:space-between;gap:12px;max-width:1240px;margin:auto;padding-top:18px;font:9px Consolas,monospace;display:flex}.topbar{z-index:15;pointer-events:none;justify-content:space-between;align-items:flex-start;display:flex;position:absolute;inset:20px 22px auto}.topbar>*{pointer-events:auto}.brand{background:var(--paper);color:var(--ink);border-left:5px solid var(--accent);align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:4px 4px #0002}.brand-mark{align-items:center;display:flex}.brand-mark svg{width:25px;height:25px}.brand strong{letter-spacing:-1px;font-size:19px;font-weight:900}.brand small,.ffa,#hud-toggle{display:none}.match-strip{border-bottom:3px solid var(--accent);background:#202222f5;align-items:center;gap:20px;min-height:69px;padding:10px 22px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0002}.match-strip>div{min-width:55px}.match-strip small{color:#a6aca6;white-space:nowrap;margin-bottom:2px;font-size:9px;display:block}.match-strip b{font-variant-numeric:tabular-nums;font:750 29px/1.15 Segoe UI,sans-serif}.match-strip>div:last-of-type{border-left:1px solid var(--line);padding-left:20px}.status-pill{letter-spacing:1px;color:#c4c8bf;font:9px Consolas,monospace}.status-pill.live{color:var(--green)}.status-pill.live:before{content:"";background:var(--green);width:5px;height:5px;margin-right:5px;display:inline-block}.top-actions{gap:6px;display:flex}.top-actions button{background:#202222f5;min-height:47px}.top-actions .primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.top-actions #help-open{color:var(--paper)}.arena-nav{z-index:18;background:#202222f5;border-radius:5px;align-items:center;gap:4px;padding:5px;display:flex;position:absolute;top:102px;right:22px;box-shadow:0 4px 15px #0002}.arena-nav button{background:0 0;border:0;min-height:37px;padding:8px 12px;font-size:11px;transition:none}.arena-nav button[aria-expanded=true]{background:var(--paper);color:var(--ink)}.connection-pill{color:var(--green);border-right:1px solid var(--line);padding:0 10px;font-size:9px}.connection-pill:before{content:"";background:var(--green);width:5px;height:5px;margin-right:6px;display:inline-block}.arena-nav #menu-ranking{text-align:left;border-left:3px solid var(--accent);background:#202222f5;border-radius:3px;min-width:116px;min-height:47px;padding:12px 17px;font-size:12px;position:fixed;top:102px;left:22px}.arena-nav #menu-ranking:after{content:"↗";color:var(--accent);margin-left:30px;font-size:16px}.arena-nav #menu-ranking[aria-expanded=true]{background:var(--paper);color:var(--ink)}.arena-nav #leave-arena{color:#a0a79f;font-size:10px}.panel{background:var(--surface)}.left-stack{z-index:22;width:310px;max-height:calc(100dvh - 175px);display:none;position:absolute;bottom:22px;left:22px;overflow:auto;box-shadow:6px 6px #0003}.inspecting .left-stack{display:block}.tracked{border-top:4px solid var(--accent);padding:20px;position:relative}.section-title{color:#b4bab0;justify-content:space-between;align-items:center;gap:12px;font-size:10px;display:flex}.section-title i{color:#919a8e;font:9px Consolas,monospace}.tracked .section-title{padding-right:30px}.close-button{background:0 0;border:0;min-height:32px;padding:4px 10px;font-size:22px;position:absolute;top:7px;right:8px}.identity{align-items:center;gap:13px;margin:21px 0;display:flex}.identity>div:last-child{min-width:0}.identity h2{overflow-wrap:anywhere;margin:0 0 4px;font-size:24px;font-weight:700;line-height:1.3}.identity p{color:#8d9887;text-overflow:ellipsis;max-width:215px;margin:0;font:9px Consolas,monospace;overflow:hidden}.avatar{background:var(--paper);width:47px;height:47px;color:var(--ink);flex-shrink:0;place-items:center;font-size:25px;font-weight:750;display:grid;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hp-heading{color:#b7bdb1;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;display:flex}.hp-heading b{color:var(--paper);font:700 15px Segoe UI,sans-serif}.hp-track{background:#ffffff13;height:6px;overflow:hidden}#hp-fill{background:var(--green);transform-origin:0;height:100%}.stat-grid{grid-template-columns:repeat(4,1fr);gap:8px;margin:7px 0 0;padding:17px 0;display:grid}.stat-grid small{color:#939f8b;margin-bottom:6px;font-size:9px;display:block}.stat-grid b{font-variant-numeric:tabular-nums;font-size:25px;line-height:1}.stat-grid>div+div{border-left:1px solid var(--line);padding-left:8px}.rage-line{color:var(--green);border-top:1px solid var(--line);margin-bottom:14px;padding-top:11px;font:9px Consolas,monospace}.rage-line.raging{color:var(--accent)}.two-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.tracked #follow{background:var(--paper);color:var(--ink);font-weight:650}.right-stack,#ranking-drawer,.footer{z-index:24;border-top:3px solid var(--paper);scrollbar-width:thin;scrollbar-color:#697062 transparent;background:#202222fa;width:340px;padding:20px;display:none;position:absolute;top:165px;bottom:22px;right:22px;overflow:auto;box-shadow:7px 7px #0003}#ranking-drawer{border-top-color:var(--accent);left:22px;right:auto}.right-stack .control-room,#ranking-drawer .panel{background:0 0}.drawer-heading{justify-content:space-between;align-items:center;margin-bottom:22px;font-size:20px;font-weight:700;display:flex}.drawer-heading button{background:0 0;border:0;min-height:32px;padding:3px 9px;font-size:24px}body[data-drawer=ranking] #ranking-drawer,body[data-drawer=tools] .right-stack{display:block}body[data-drawer=settings] .footer{display:flex}.board-head,.board-row{grid-template-columns:20px minmax(0,1fr) 42px 20px 40px;align-items:center;gap:5px;display:grid}.board-head span:nth-child(n+3){text-align:right}.board-row{border:0;border-bottom:1px solid var(--line);text-align:left;background:0 0;border-radius:0;width:100%;min-height:52px;padding:10px 3px;font-size:10px}.board-row>span:first-child{color:#949f8c;font:12px Consolas,monospace}.board-row>b{text-align:right;font-variant-numeric:tabular-nums;font-size:10px;font-weight:600}.board-row.selected{border-left:2px solid var(--accent);background:#ff743d12}.board-person{align-items:center;gap:7px;min-width:0;display:flex}.board-person>span:last-child{min-width:0}.board-person strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;display:block;overflow:hidden}.board-person small{color:#99b78e;margin-top:4px;font:7px Consolas,monospace;display:block}.board-avatar-wrap,.label-avatar-wrap{color:var(--paper);background:#4a5349;flex-shrink:0;place-items:center;font-weight:700;display:grid;position:relative;overflow:hidden}.board-avatar-wrap{width:28px;height:28px;font-size:12px}.board-avatar,.label-avatar{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.board-note{margin:15px 0 28px}.muted{color:#939f8b;font-size:10px;line-height:1.7}#feed{color:#aab6a1;margin-top:15px;font-size:10px;line-height:1.9}.kill-line{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.control-room>.section-title{margin-bottom:20px}.control-room label{color:#a0ad96;margin:13px 0 7px;font-size:10px;display:block}.input-action{align-items:stretch;gap:7px;display:flex}.input-action input{flex:1;min-width:0}input:not([type=range]),select{color:var(--paper);background:#131715;border:1px solid #ffffff25;border-radius:3px;width:100%;min-height:40px;padding:10px;font-size:12px}input::placeholder{color:#75806d}details{border-top:1px solid var(--line);margin:15px 0;padding-top:13px}summary{cursor:pointer;color:#adb9a4;font-size:11px}summary span{float:right;color:#748469;font-size:9px}.find-row{margin-top:18px}.gift-heading{color:#a9b6a0;justify-content:space-between;align-items:center;gap:8px;margin:22px 0 12px;font-size:10px;display:flex}.gift-heading strong{color:var(--accent)}.gift-heading label{align-items:center;gap:7px;margin:0;display:flex}.gift-heading input{width:52px;min-height:32px;padding:6px}.gift-grid{grid-template-columns:repeat(2,1fr);gap:7px;display:grid}.gift-grid button{text-align:left;align-items:center;gap:9px;min-height:66px;padding:10px;display:flex}.gift-grid em{color:var(--accent);flex-shrink:0;place-items:center;display:grid}.gift-grid em svg{width:24px;height:24px}.gift-grid b{font-size:11px;display:block}.gift-grid small{color:#9cab90;margin-top:5px;font-size:8px;display:block}.gift-grid i{display:none}.gift-grid [data-gift=gg] em{color:var(--green)}.gift-grid .god-gift{border-color:#ff743d65}.count-note{margin:12px 0 20px;font-size:9px}.section-divider{background:var(--line);height:1px;margin:18px 0}.subtle-danger{color:#f79a7a}.preset-grid{grid-template-columns:repeat(3,1fr);gap:7px;display:grid}.integration-note{display:none}.footer{flex-direction:column;gap:19px;bottom:auto}.footer .drawer-heading{margin:0}.settings{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.settings label{color:var(--muted);font-size:10px}.settings select{width:auto}.settings input{width:110px;accent-color:var(--accent)}#perf{color:#b1bda7;font:10px/1.7 Consolas,monospace}.camera-hint{color:#9cae90;font-size:10px;line-height:1.8}.world-label{will-change:transform;pointer-events:auto;text-align:left;border:1px solid #ffffff38;border-left:3px solid var(--unit-color,#c3d2b4);min-width:58px;max-width:170px;min-height:34px;color:var(--paper);background:#202222ed;border-radius:3px;padding:5px 7px 6px;font-size:11px;transition:none;position:absolute;top:0;left:0;box-shadow:2px 2px #0003}.world-label:hover:not(:disabled){border-color:var(--paper);background:#383d36}.world-label.selected:hover:not(:disabled),.world-label.selected{background:var(--paper);color:var(--ink);border-color:var(--paper);border-left-color:var(--accent)}.world-label.god{border-top-color:var(--accent)}.label-line{align-items:center;gap:6px;display:flex}.label-name{white-space:nowrap;text-overflow:ellipsis;max-width:125px;overflow:hidden}.world-label.selected .label-avatar-wrap{background:var(--ink)}.label-hp{background:#ffffff25;width:100%;height:3px;margin-top:5px;overflow:hidden}.label-hp i{background:var(--green);transform-origin:0;height:100%;display:block}.world-label.selected .label-hp{background:#1b1d1e20}.world-label.critical .label-hp i{background:#ff744d}.world-label.god .label-hp i{background:var(--accent)}.arena-tip{color:var(--paper);pointer-events:none;white-space:nowrap;background:#202222dd;border-radius:3px;padding:10px 18px;font-size:11px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.arena-caption{color:#f3f0e7;text-shadow:0 1px 4px #000;pointer-events:none;position:absolute;bottom:22px;left:22px}.arena-caption>span{display:none}.arena-caption strong{letter-spacing:1px;font:9px Consolas,monospace}.inspecting .arena-tip,.inspecting .arena-caption{display:none}#empty-arena{text-align:center;pointer-events:none;border-top:3px solid var(--accent);background:#202222ec;padding:27px 38px;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%)}.empty-arena b,#empty-arena b{margin-bottom:8px;font-size:25px;display:block}#empty-arena span{color:#bac4b2;font-size:12px}#warning,#visibility-pause{z-index:40;text-align:center;color:#fff2e4;border-bottom:3px solid var(--accent);background:#762d1df5;max-width:90vw;padding:15px 23px;position:absolute;top:110px;left:50%;transform:translate(-50%)}#warning b{font-size:15px;display:block}#warning span{margin-top:6px;font-size:12px;display:block}#visibility-pause{background:var(--surface);font-size:11px}#winner{z-index:40;text-align:center;background:var(--paper);width:420px;max-width:calc(100vw - 32px);color:var(--ink);border-top:6px solid var(--accent);padding:35px;position:absolute;top:47%;left:50%;transform:translate(-50%,-50%);box-shadow:12px 12px #0004}.winner-crown{color:#d95725;font-size:52px}#winner-subtitle{letter-spacing:1px;color:#6a7660;font:10px Consolas,monospace}#winner-name{overflow-wrap:anywhere;margin:12px 0 18px;font-size:35px}#winner-stats{white-space:pre-line;margin-bottom:25px;font:12px/1.8 Consolas,monospace}#toast{z-index:130;background:var(--paper);max-width:min(520px,90vw);color:var(--ink);border-left:4px solid #659251;padding:14px 20px;font-size:12px;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:3px 3px #0003}#toast.error{border-color:#da5733}dialog{background:var(--paper);max-width:min(500px,90vw);max-height:85dvh;color:var(--ink);border:0;border-top:5px solid var(--accent);border-radius:3px;padding:28px;font-size:13px;line-height:1.8;overflow:auto}dialog h2{margin:0 0 15px;font-size:27px}dialog::backdrop{background:#080a0b9c}kbd{font:10px Consolas,monospace}.cinematic .side-panel,.cinematic .arena-nav,.cinematic .arena-tip{display:none}.topbar{align-items:center}.brand{color:var(--paper);background:#202522f2;border:1px solid #ffffff18;border-radius:8px;padding:13px 15px;box-shadow:0 3px 14px #0002}.brand strong span{color:#d5c3ad}.brand-mark{color:#c6cec2}.match-strip{background:#202522f2;border:1px solid #ffffff18;border-radius:8px;min-height:61px;padding:8px 19px}.match-strip b{font-size:26px}.match-strip small{font-size:11px}.status-pill{letter-spacing:0;font-family:inherit;font-size:11px}.top-actions button{border-radius:7px;font-size:12px}.arena-nav{background:#202522f2;border:1px solid #ffffff18;border-radius:8px;top:94px;box-shadow:0 3px 14px #0002}.arena-nav button{font-size:12px}.arena-nav #menu-ranking{background:#202522f2;border:1px solid #ffffff25;border-radius:7px;min-width:105px;top:94px}.arena-nav #menu-ranking:after{content:"⌄";color:#b8c0b2;margin-left:22px}.arena-nav #menu-ranking[aria-expanded=true]{color:#f3f0e7;background:#354036;border-color:#9fb09a70}.arena-nav #menu-ranking[aria-expanded=true]:after{content:"⌃"}.connection-pill,.arena-nav #leave-arena{font-size:11px}.right-stack,#ranking-drawer,.footer{background:#202522f5;border:1px solid #ffffff20;border-radius:10px;top:155px;box-shadow:0 8px 24px #0003}#ranking-drawer{width:340px;max-height:calc(100dvh - 180px);padding:18px;bottom:auto}#ranking-drawer .drawer-heading{margin-bottom:12px;font-size:17px}#ranking-drawer .leaderboard>.section-title{display:none}.board-head{color:#a8b2a3;margin:0 0 8px;font-size:10px}.board-row{min-height:58px;padding:10px 5px}.board-person small{letter-spacing:.4px;font-size:9px}.board-row.selected{background:#ffffff08;border-left:2px solid #b9c6ae;border-radius:3px}.board-row.selected>span:first-child{color:#dce6d2}.board-avatar-wrap{border-radius:5px;width:30px;height:30px}.board-note{color:#9ba895;margin:13px 0 0;font-size:10px}.feed-panel{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}#feed{font-size:11px}.left-stack{border-radius:10px;box-shadow:0 8px 24px #0003}.tracked{background:#202522f5;border:1px solid #ffffff25;border-radius:10px}.tracked .section-title{font-size:12px}.tracked .section-title i{font-size:10px}.stat-grid small{font-size:11px}.identity h2{font-size:23px}.identity p{font-size:10px}.avatar{color:#e9eee2;background:#3e493c;border-radius:7px}.tracked #follow{background:#dce4d5;border-color:#dce4d5}.world-label{border-left-width:2px;border-radius:6px;font-size:12px;box-shadow:0 2px 8px #0003}.world-label.selected:hover:not(:disabled),.world-label.selected{color:#f3f0e7;background:#283229f5;border-color:#c4d0b6}.world-label.selected .label-hp i{background:#bad59f}.label-avatar-wrap{border-radius:3px}.arena-tip{color:#cad4c2;background:#202522ca;border-radius:20px;font-size:11px}body[data-drawer=ranking] .arena-tip,body[data-drawer=tools] .arena-tip,body[data-drawer=settings] .arena-tip,.arena-caption{display:none}@media (min-width:1600px){.connection-layout{margin-top:65px}.connection-card{padding:36px 42px}}@media (max-width:1050px){.connection-layout{gap:40px}.connection-card{padding:26px}.connection-intro h1{letter-spacing:-3px;font-size:65px}.connection-features{flex-wrap:wrap}.brand-mark{display:none}.brand strong{font-size:17px}.match-strip{gap:12px;padding:10px 15px}.status-pill{display:none}.top-actions button{padding:10px;font-size:11px}.connection-pill{display:none}}@media (max-width:760px){#connection-screen{padding:22px}.connection-layout{margin-top:40px;display:block}.connection-intro{margin-bottom:35px}.connection-intro h1{font-size:clamp(58px,12vw,88px)}.arena-emblem,.connection-features,.intro-description{display:none}.intro-thai{font-size:18px}.connection-card{max-width:520px;margin:auto}.connection-brand small{display:none}.connection-brand{font-size:20px}.connection-card h2 br{display:none}.connection-card h2{font-size:30px}.topbar{inset:12px 12px auto}.brand{display:none}.match-strip{min-height:61px;padding:9px 14px;position:static;transform:none}.match-strip b{font-size:24px}.match-strip>div:last-of-type{padding-left:12px}.top-actions button{min-height:42px}#help-open{display:none}.arena-nav{padding:4px;top:88px;right:12px}.arena-nav button{padding:8px;font-size:10px}.arena-nav #menu-ranking{min-width:84px;min-height:45px;padding:10px;top:88px;left:12px}.arena-nav #menu-ranking:after{margin-left:15px}.arena-nav #leave-arena{font-size:9px}.right-stack,#ranking-drawer,.footer{width:auto;max-width:420px;margin-left:auto;inset:145px 12px 12px}#ranking-drawer{margin-left:0;margin-right:auto}.footer{bottom:auto}.left-stack{width:300px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 155px);bottom:12px;left:12px}.arena-tip{white-space:normal;text-align:center;max-width:92vw;font-size:10px;bottom:13px}.arena-caption{display:none}#empty-arena{width:85%;padding:24px}#warning,#visibility-pause{top:145px}}@media (max-width:380px){.arena-nav button{padding:8px 5px}.arena-nav #menu-ranking{min-width:73px}.arena-nav #menu-ranking:after{margin-left:7px}.connection-card{padding:23px}.connection-intro h1{font-size:55px}.connection-footer{letter-spacing:0;font-size:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (max-width:760px){.arena-nav,.arena-nav #menu-ranking{top:88px}.arena-nav #menu-ranking{min-width:82px}.arena-nav #menu-ranking:after{margin-left:10px}.arena-nav button{padding:8px;font-size:11px}.arena-nav #leave-arena{font-size:10px}.right-stack,#ranking-drawer,.footer{top:145px}#ranking-drawer{width:auto;max-height:calc(100dvh - 165px);bottom:auto}}#ranking-drawer{width:380px}.board-head>:last-child,.board-row>:last-child{display:block}.board-row[data-place="2"]{--podium:#c6d6df;background:#b5cddd0c}.board-row[data-place="3"]{--podium:#cb9b77;background:#b8794e0c}.board-row[data-place="1"],.board-row[data-place="2"],.board-row[data-place="3"]{border-left:2px solid var(--podium)}.board-row[data-place="1"]>span:first-child,.board-row[data-place="2"]>span:first-child,.board-row[data-place="3"]>span:first-child{color:var(--podium);font-weight:800}.board-row[data-place="1"] .board-avatar-wrap,.board-row[data-place="2"] .board-avatar-wrap,.board-row[data-place="3"] .board-avatar-wrap{outline:1px solid var(--podium);outline-offset:2px}.world-label{max-width:195px;padding:7px 9px;font-size:12px}.label-avatar-wrap{width:38px;height:38px;font-size:17px}.label-name{max-width:125px}.world-label .label-hp{height:4px;margin-top:6px}.world-label[data-place="1"]{--podium:#e5c16e}.world-label[data-place="2"]{--podium:#c6d6df}.world-label[data-place="3"]{--podium:#cb9b77}.world-label[data-place="1"],.world-label[data-place="2"],.world-label[data-place="3"]{border-color:var(--podium);box-shadow:0 0 0 1px #151d17,0 3px 10px #0005}.world-label[data-place="1"]:after,.world-label[data-place="2"]:after,.world-label[data-place="3"]:after{content:"#" attr(data-place);background:var(--podium);color:#202522;border-radius:3px;padding:0 5px;font:800 10px/18px Segoe UI,sans-serif;position:absolute;top:-12px;right:5px}.arena-nav #menu-ranking{min-width:135px}.arena-nav #menu-ranking kbd{color:#b8c0b2;border:1px solid #ffffff30;border-radius:3px;margin-left:9px;padding:1px 4px;font-size:10px}.arena-nav #menu-ranking:after{margin-left:10px}@media (max-width:760px){#ranking-drawer{width:auto}.arena-nav #menu-ranking{min-width:82px}.arena-nav #menu-ranking kbd{display:none}.board-head,.board-row{grid-template-columns:17px minmax(0,1fr) 42px 22px 45px;gap:5px}}.board-row[data-place="1"],.board-row[data-place="2"],.board-row[data-place="3"]{border:2px solid var(--podium);border-radius:7px;margin-bottom:7px;padding:10px 7px;box-shadow:inset 0 0 0 1px #0005}.board-row[data-place="1"]{--podium:#ffda72;background:linear-gradient(110deg,#70521d,#37331f)}.board-row[data-place="2"]{background:linear-gradient(110deg,#384650,#272d30)}.board-row[data-place="3"]{background:linear-gradient(110deg,#543b2d,#302a25)}.board-row[data-place="1"] .board-person strong{color:#ffe6a0;font-size:14px}.board-row[data-place="1"]>span:first-child{color:#ffe18b;font-size:17px}.world-label[data-place="1"],.world-label[data-place="2"],.world-label[data-place="3"]{border:3px solid var(--podium);padding:9px 11px;box-shadow:0 0 0 2px #171b16,0 4px 12px #0008}.world-label[data-place="1"],.world-label[data-place="1"].selected:hover:not(:disabled),.world-label[data-place="1"].selected{--podium:#ffda72;color:#fff0bd;background:linear-gradient(120deg,#73511b,#332b18);box-shadow:0 0 0 2px #171b16,0 0 16px #efbc4955}.world-label[data-place="1"] .label-name{font-size:14px;font-weight:750}.world-label[data-place="1"] .label-avatar-wrap{outline-offset:2px;outline:2px solid #ffda72}.world-label[data-place="1"]:after,.world-label[data-place="2"]:after,.world-label[data-place="3"]:after{text-align:center;border:1px solid #171b16;min-width:29px;font-size:13px;line-height:23px;top:-19px;right:7px}.world-label[data-place="1"]:after{content:"★ 1";min-width:42px}.podium-crest{pointer-events:none;color:var(--podium);display:none;position:absolute;inset:0}[data-place="1"]>.podium-crest,[data-place="2"]>.podium-crest,[data-place="3"]>.podium-crest,.board-row[data-place="1"] .podium-crest,.board-row[data-place="2"] .podium-crest,.board-row[data-place="3"] .podium-crest{display:block}.crest-wing{filter:drop-shadow(0 2px 1px #080b08);width:39px;height:54px;position:absolute;top:8px}.crest-wing svg{width:100%;height:100%;display:block}.crest-left{transform-origin:100%;right:calc(100% - 2px)}.crest-right{transform-origin:0;left:calc(100% - 2px);transform:scaleX(-1)}.crest-crown{filter:drop-shadow(0 2px 1px #111);width:36px;height:26px;display:none;position:absolute;bottom:calc(100% + 1px);left:calc(50% - 18px)}[data-place="1"]>.podium-crest .crest-crown,.board-row[data-place="1"] .crest-crown{display:block}.world-label[data-place="2"] .crest-wing{width:31px;height:47px;top:13px}.world-label[data-place="3"] .crest-wing{width:25px;height:40px;top:19px}.crest-sheen{border-radius:6px;position:absolute;inset:-3px;overflow:hidden}[data-place="1"]>.podium-crest .crest-sheen:after{content:"";background:linear-gradient(90deg,#0000,#fff4b84a,#0000);width:18%;animation:8s ease-in-out infinite podium-sheen;position:absolute;top:0;bottom:0;transform:skew(-20deg)translate(-250%)}@keyframes podium-sheen{0%,72%{left:-30%}90%,to{left:160%}}.crest-spark{opacity:0;color:#fff1b7;text-shadow:0 0 7px #ffe496;font-size:19px;position:absolute}.spark-a{top:-12px;left:-25px}.spark-b{font-size:13px;top:24px;right:-23px}.world-label[data-place="1"]:after{content:"#1"}.board-avatar-wrap{overflow:visible}.board-avatar{border-radius:5px}.board-row .crest-wing{width:12px;height:24px;top:5px}.board-row .crest-crown{width:19px;height:14px;bottom:calc(100% + 2px);left:calc(50% - 9.5px)}.board-row .crest-sheen,.board-row .crest-spark{display:none}.board-row[data-place="1"],.board-row[data-place="2"],.board-row[data-place="3"]{padding-top:15px;padding-bottom:12px}.board-row[data-place="1"] .board-person,.board-row[data-place="2"] .board-person,.board-row[data-place="3"] .board-person{gap:13px}@media (prefers-reduced-motion:reduce){.crest-sheen:after{display:none;animation:none!important}}.crest-right{transform:none}.crest-right svg{transform:scaleX(-1)}.world-label .crest-crown{bottom:calc(100% + 13px)}#winner{color:#efe9d9;background:#171e1b;border-top:3px solid #d3af65;border-radius:12px;width:880px;max-height:92vh;padding:24px;top:50%;overflow:auto;box-shadow:0 24px 90px #0009}#winner .winner-crown{display:none}#winner-name{margin:6px;font-size:26px}#winner-stats{color:#aeb8ab;margin-bottom:16px}#round-results h3{text-align:left;margin:18px 0 12px;font-size:14px}.support-podium{grid-template-columns:1fr 1.15fr 1fr;align-items:end;gap:12px;display:grid}.support-place{background:#242d28;border:1px solid #69766e;border-radius:10px;flex-direction:column;align-items:center;gap:9px;min-height:140px;padding:18px 10px;display:flex}.support-place b{color:#bdcbd1;font-size:25px}.support-place img{object-fit:cover;border-radius:50%;width:52px;height:52px}.support-place strong{overflow-wrap:anywhere;max-width:100%;font-size:16px}.place-1{background:linear-gradient(155deg,#4b4028,#242d28);border:2px solid #dbb45f;min-height:172px}.place-1 b{color:#ffe3a0;font-size:34px}.place-3{border-color:#976d4f}.place-3 b{color:#c69773}.result-table-scroll{max-height:260px;margin-bottom:20px;overflow:auto}#round-results table{border-collapse:collapse;text-align:right;width:100%;font-size:12px}#round-results th{background:#303a32;padding:10px;position:sticky;top:0}#round-results td{border-bottom:1px solid #ffffff12;padding:9px}#round-results td:nth-child(2),#round-results th:nth-child(2){text-align:left;overflow-wrap:anywhere}#round-results tbody tr:nth-child(2n){background:#ffffff04}@media (max-width:560px){#winner{padding:14px}.support-podium{gap:5px}.support-place{padding:10px 5px}.support-place strong{font-size:12px}.support-place img{width:38px;height:38px}}#winner{background:radial-gradient(at 50% 5%,#3a3020 0,#0000 55%),#111916;border:1px solid #ac8e51;width:980px;box-shadow:0 0 0 5px #111815cc,0 24px 90px #000b}#round-results h3{letter-spacing:.04em;color:#e5d2a0;border-bottom:1px solid #c6aa6133;padding-bottom:9px}.support-podium{align-items:end;gap:22px;padding:2px 35px 18px}.support-place{background:0 0;border:0;border-radius:0;gap:5px;min-height:0;padding:0;position:relative}.support-place.place-1{background:0 0;border:0;min-height:0}.support-place b{z-index:3;color:#ffe2a4;pointer-events:none;font:700 18px Georgia,serif;position:absolute;top:74%;left:0;right:0}.award-art{aspect-ratio:1;isolation:isolate;width:100%;position:relative}.place-1 .award-art{width:110%}.award-avatar{z-index:0;color:#dbcb9e;background:radial-gradient(#46564a,#16231c);border-radius:50%;place-items:center;width:50%;height:50%;font-size:42px;display:grid;position:absolute;top:25%;left:25%;overflow:hidden}.support-place .award-avatar img{object-fit:cover;border-radius:0;width:100%;height:100%}.support-place img.award-frame{z-index:1;pointer-events:none;object-fit:contain;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.place-2 .award-frame{filter:grayscale()brightness(1.15)}.place-3 .award-frame{filter:sepia(.6)saturate(.7)brightness(.8)}.support-place strong{color:#f2e7cd;font-size:17px}.server-board-status{color:#a8b8ac;text-align:left;font-size:12px}.server-avatar{vertical-align:middle;object-fit:cover;border-radius:50%;width:28px;height:28px;margin-right:10px}.result-table-scroll{max-height:230px;margin-top:12px}#round-results table th{color:#ceb988;background:#29332b}#round-results>button{float:right;margin-top:-35px}@media (max-width:560px){.support-podium{gap:7px;padding:0 0 16px}.support-place strong{font-size:12px}.support-place span{font-size:11px}.support-place b{font-size:12px}.award-avatar{font-size:22px}#winner{max-height:94vh}.result-table-scroll{max-height:220px}#round-results>button{float:none;margin-top:0}}.support-place b{font-size:18px;top:78%}.support-place.place-1 b{font-size:22px}.place-1 .award-art{max-width:265px}.support-podium{padding-bottom:10px}.result-table-scroll{max-height:190px}#winner-restart{z-index:5;position:sticky;bottom:0;box-shadow:0 0 20px #111916}#winner-name{font-size:24px}#winner-stats{margin-bottom:8px}.server-board-status{padding-right:100px}#arena-ui:has(#winner:not([hidden])):before{content:"";z-index:39;pointer-events:auto;background:linear-gradient(#080d1280,#060b0cd9),url(../assets/victory-battlefield.png) 50%/cover no-repeat;position:fixed;inset:0}#winner{background:linear-gradient(#10171199 0%,#101813bd 45%,#0b1211f5 78%),url(../assets/victory-battlefield.png) 50% 42%/cover no-repeat;border-color:#a58b56;box-shadow:inset 0 1px #ffe8ab33,0 0 0 5px #111815a6,0 30px 100px #000c}#winner-subtitle{color:#cdb77e;text-shadow:0 2px 8px #000}#winner-name{color:#fff2d7;text-shadow:0 2px 12px #000}#winner-stats{color:#cbd2c5}#round-results h3{color:#f2dfaf;text-shadow:0 2px 8px #000}.support-place strong,.support-place span{text-shadow:0 2px 6px #000,0 0 14px #000}.result-table-scroll{background:#09120fe8;border:1px solid #b99f5533;border-radius:6px}#winner-restart{box-shadow:0 4px 24px #0009}.award-art:before{content:"";z-index:-1;filter:blur(12px);pointer-events:none;background:radial-gradient(#ffd57935 0%,#dc9d2718 36%,#0000 68%);border-radius:50%;animation:5s ease-in-out infinite award-breathe;position:absolute;inset:8% 3%}.award-art:after{content:"";z-index:2;mix-blend-mode:screen;pointer-events:none;background:linear-gradient(110deg,#0000 35%,#fff5d500 43%,#fff0bfaa 49%,#fff8de33 53%,#0000 61%) 0 0/300% 100%;animation:8s ease-in-out infinite award-sheen;position:absolute;inset:0;-webkit-mask:url(../assets/reward-frame.png) 50%/contain no-repeat;mask:url(../assets/reward-frame.png) 50%/contain no-repeat}.place-2 .award-art:before{background:radial-gradient(#d8edff33,#0000 68%);animation-delay:-2s}.place-3 .award-art:before{background:radial-gradient(#f3a16930,#0000 68%);animation-delay:-3s}.place-2 .award-art:after{animation-delay:-2.6s}.place-3 .award-art:after{animation-delay:-5.2s}.support-podium{isolation:isolate;position:relative}.support-podium:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle at 18% 69%,#ffe6a1 0 1px,#0000 2px),radial-gradient(circle at 38% 24%,#ffd873 0 1px,#0000 2px),radial-gradient(circle at 64% 59%,#ffeac1 0 1px,#0000 2px),radial-gradient(circle at 82% 32%,#e9c784 0 1px,#0000 2px);animation:7s ease-in-out infinite award-embers;position:absolute;inset:0}#winner{animation:6s ease-in-out infinite results-edge-glow}@keyframes award-breathe{0%,to{opacity:.45;transform:scale(.94)}50%{opacity:1;transform:scale(1.07)}}@keyframes award-sheen{0%,55%{opacity:0;background-position:130% 0}60%{opacity:.7}82%{opacity:.7}90%,to{opacity:0;background-position:-40% 0}}@keyframes award-embers{0%,to{opacity:0;transform:translateY(10px)}35%{opacity:.7}75%{opacity:.3;transform:translateY(-16px)}}@keyframes results-edge-glow{0%,to{border-color:#8e7447;box-shadow:inset 0 1px #ffe8ab22,0 0 0 4px #111815a6,0 0 18px #d0a34e12,0 30px 100px #000c}50%{border-color:#d5b975;box-shadow:inset 0 1px #ffe8ab55,0 0 0 4px #111815a6,0 0 32px #d0a34e35,0 30px 100px #000c}}@media (prefers-reduced-motion:reduce){#winner,.award-art:before,.award-art:after,.support-podium:before{animation:none}.award-art:after,.support-podium:before{opacity:0}}.support-podium{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:24px}.award-art,.place-1 .award-art{width:100%;max-width:240px}.support-place b,.support-place.place-1 b{font-size:18px;top:79%}.place-1 .award-art:before{opacity:1;filter:blur(10px);background:radial-gradient(#ffd57966,#0000 68%)}@media (max-width:560px){.support-podium{gap:8px}.support-place b,.support-place.place-1 b{font-size:12px}}.support-podium{grid-template-columns:1fr 1.15fr 1fr;gap:20px;padding:0 24px 20px}.award-art{max-width:205px}.place-1 .award-art{width:110%;max-width:250px}.award-avatar{clip-path:none;border-radius:50%;width:50%;height:50%;top:25%;left:25%}#winner{outline-offset:5px;background:linear-gradient(#161d1bf2 0%,#111918d9 40%,#0c1313fa 74%),url(../assets/victory-battlefield.png) 50%/cover;border:1px solid #897344;border-top:3px solid #d9bc76;border-radius:3px;outline:1px solid #d8bd6633;width:1040px;padding:24px 34px 22px}#winner-subtitle{color:#c9b27a;letter-spacing:.22em;margin:0;font-size:10px}#winner-name{margin:7px 0;font-size:32px;line-height:1.2}#winner-stats{color:#a9b6af;white-space:normal;margin:0 0 18px;font-size:11px}#round-results h3{color:#e1d6bd;letter-spacing:.06em;border:0;align-items:center;gap:12px;margin:14px 0 12px;padding:0;font-size:12px;display:flex}#round-results h3:before{content:"";background:#d7b871;width:3px;height:15px}#round-results h3:after{content:"";background:linear-gradient(90deg,#a58b514d,#0000);flex:1;height:1px}.support-place strong{font-size:15px}.support-place span{color:#cead67;font-size:12px}.server-board-status{color:#82968d;margin:8px 0 14px;font-size:11px}.result-table-scroll{scrollbar-width:thin;scrollbar-color:#9b8552 #17211d;background:#0d1514;border:1px solid #54625466;border-top:2px solid #8c7950;border-radius:0;max-height:218px}#round-results table{table-layout:fixed;font-variant-numeric:tabular-nums}#round-results table th{color:#bdb79e;letter-spacing:.03em;background:#27332e;padding:12px 16px;font-size:10px;font-weight:600}#round-results table td{color:#d1d9d2;border-bottom:1px solid #7284751c;padding:12px 16px;font-size:12px}#round-results table th:first-child{text-align:center;width:70px}#round-results table td:first-child{text-align:center;color:#a0ac9d}#round-results table th:nth-child(2){width:40%}#round-results table tbody tr:nth-child(2n){background:#c1d1c704}#round-results table tbody tr:hover{background:#d4b86a10}#round-results table tbody tr:first-child td{color:#e3c580}#round-results table tbody tr:first-child{background:#b99a4410}#round-results>button{color:#c8d0c2;background:#28322a;border-color:#67706466;border-radius:2px;min-height:30px;padding:5px 12px;font-size:10px}#winner-restart{color:#1d241f;background:#d1b473;border:1px solid #ebd39b;border-radius:2px;min-width:190px;margin-top:4px;font-size:12px;box-shadow:0 3px 16px #0006}@media (max-width:560px){#winner{max-width:calc(100vw - 24px);padding:18px 12px}#winner-name{font-size:25px}.support-podium{gap:6px;padding:0 0 14px}.support-place strong{font-size:12px}.support-place span{font-size:10px}#round-results table th,#round-results table td{padding:10px 7px;font-size:10px}#round-results table th:first-child{width:42px}#round-results table th:nth-child(2){width:34%}.server-avatar{width:22px;height:22px;margin-right:5px}}body.ranking-open #ranking-drawer{display:block}#ranking-drawer{background:#17211ff5;width:360px;max-height:calc(100dvh - 185px);padding:18px}.left-stack{background:#17211ff7;border:1px solid #71807866;width:320px;max-height:calc(100dvh - 185px);inset:165px 22px auto auto}.tracked{background:#17211f;padding:20px}.tracked .identity h2{font-size:22px;line-height:1.4}#selected-id{color:#a8b7b1;overflow-wrap:anywhere;font-size:11px}.tracked .section-title{padding-right:28px;font-size:13px}.tracked .stat-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tracked .stat-grid>div{background:#ffffff04;border:1px solid #ffffff16;border-radius:6px;min-width:0;padding:12px}.tracked .stat-grid>div:last-child{background:#ccb36e15;border-color:#ccb36e66;grid-area:1/1}.tracked .stat-grid>div:nth-child(2){grid-area:1/2}.tracked .stat-grid small{color:#c5d0ca;font-size:12px}.tracked .stat-grid b{overflow-wrap:anywhere;font-size:28px}#selected-rank{color:#f0d589}#rage-state{color:#c7dfc7;font-size:12px;line-height:1.6}.hp-heading{font-size:13px}.hp-track{height:8px}.board-head,.board-row{grid-template-columns:24px minmax(0,1fr) 48px 32px 48px;gap:7px}.board-head{color:#c0ccc4;font-size:11px}.board-row{min-height:64px}.board-person strong{font-size:13px}.board-person small{font-size:10px}.board-row>b{font-size:13px}.board-row.dead{opacity:.7}.board-note{color:#c0ccc4;font-size:12px;line-height:1.6}body.inspecting[data-drawer=tools] .left-stack,body.inspecting[data-drawer=settings] .left-stack{right:380px}button:focus-visible{outline-offset:3px;outline:2px solid #f0d589}@media (max-width:900px){#ranking-drawer{width:calc(50vw - 18px);padding:12px;left:12px}.left-stack{width:calc(50vw - 18px);right:12px}.tracked{padding:12px}.board-head,.board-row{grid-template-columns:20px minmax(0,1fr) 40px 26px 40px;gap:4px}body.inspecting[data-drawer] .left-stack{right:12px}}@media (max-width:600px){#ranking-drawer{width:auto;max-height:34dvh;top:145px;left:10px;right:10px}.left-stack{width:auto;max-height:40dvh;inset:auto 10px 12px}.tracked .identity{margin:8px 0}.tracked .identity h2{font-size:18px}.tracked .stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:8px 0}.tracked .stat-grid>div{padding:8px 5px;grid-area:auto!important}.tracked .stat-grid b{font-size:20px}.tracked .stat-grid small{font-size:10px}.board-row{min-height:48px}.tracked .section-title{margin-bottom:6px}}#ranking-drawer{scrollbar-color:#68776c #111a18;background:linear-gradient(135deg,#25312d 0,#151e1c 34%,#111a18 100%);border:1px solid #65736c;border-top:2px solid #c4ad77;border-radius:4px;padding:0 14px 14px;box-shadow:inset 0 0 0 3px #0c1412,0 12px 35px #0006}#ranking-drawer>.drawer-heading{z-index:3;letter-spacing:.01em;color:#f1ead9;background:linear-gradient(110deg,#303c35,#19241f);border-bottom:1px solid #bbac774a;margin:0 -13px 12px;padding:16px 17px 14px;font-size:17px;position:sticky;top:0}#ranking-drawer>.drawer-heading>span:before{content:"";vertical-align:-2px;background:#d6bd7d;width:4px;height:17px;margin-right:10px;display:inline-block}#ranking-drawer .board-head{color:#b0bfb5;border-bottom:1px solid #93a29430;margin:10px 0 5px;padding:0 8px 10px}#ranking-drawer .board-row{min-height:62px;box-shadow:none;background:0 0;border:0;border-bottom:1px solid #90a39120;border-radius:0;margin:0;padding:12px 8px}#ranking-drawer .board-row[data-place="1"],#ranking-drawer .board-row[data-place="2"],#ranking-drawer .board-row[data-place="3"]{background:linear-gradient(90deg,color-mix(in srgb,var(--podium) 13%,transparent),transparent 85%);border-left:2px solid var(--podium);margin-bottom:2px}#ranking-drawer .board-row>span:first-child{place-items:center;min-height:25px;font:600 13px inherit;display:grid}#ranking-drawer .board-row[data-place="1"]>span:first-child,#ranking-drawer .board-row[data-place="2"]>span:first-child,#ranking-drawer .board-row[data-place="3"]>span:first-child{background:var(--podium);color:#17201b;border-radius:3px;font-size:14px;box-shadow:inset 0 1px #ffffff60}#ranking-drawer .board-person{gap:9px}#ranking-drawer .board-row .podium-crest{display:none}#ranking-drawer .board-avatar-wrap{outline-offset:0;border-radius:5px}#ranking-drawer .board-row.selected{background:#d8e9d318;box-shadow:inset -3px 0 #d8c08a}#ranking-drawer .board-row:hover{background:#ffffff0c}#ranking-drawer .board-note{border-top:1px solid #ffffff15;margin:14px 4px 4px;padding-top:10px;font-size:11px}#gift-impact-feed{z-index:25;pointer-events:none;gap:6px;width:300px;display:grid;position:absolute;bottom:65px;left:50%;transform:translate(-50%)}.gift-impact{color:#edf4ee;background:#101d20f2;border:1px solid #9ec5c655;border-left:3px solid #8acfff;border-radius:5px;align-items:center;gap:12px;padding:12px 14px;animation:.3s ease-out gift-arrival;display:flex;box-shadow:0 6px 25px #0005}.gift-impact[data-kind=god],.gift-impact[data-kind=nuclear]{background:#302619f5;border-color:#e4bf72}.gift-impact[data-kind=gg]{border-left-color:#8debbb}.gift-impact[data-kind=j]{border-left-color:#ffac77}.gift-impact-avatar{background:#39504a;border-radius:5px;flex:0 0 38px;place-items:center;height:38px;font-weight:700;display:grid;position:relative;overflow:hidden}.gift-impact-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.gift-impact>div{flex:1;min-width:0}.gift-impact strong{white-space:nowrap;text-overflow:ellipsis;font-size:14px;display:block;overflow:hidden}.gift-impact div>span{color:#becfc6;margin-top:3px;font-size:12px;display:block}.gift-impact>b{color:#ffe0a0;font-size:22px}@keyframes gift-arrival{0%{opacity:0;transform:translateY(12px)scale(.96)}to{opacity:1;transform:none}}@media (max-width:900px){#gift-impact-feed{width:250px;top:85px;bottom:auto}.gift-impact{gap:8px;padding:7px 10px}}@media (prefers-reduced-motion:reduce){.gift-impact{animation:none}}.pending-attacks{flex-wrap:wrap;gap:6px;margin:10px 0;font-size:12px;display:flex}.pending-attacks[hidden],.pending-attacks span[hidden]{display:none}.pending-attacks span{color:#eac797;border:1px solid #ffffff25;border-radius:5px;align-items:center;gap:4px;padding:4px 6px;display:inline-flex}.pending-attacks svg{width:17px;height:17px}.pending-attacks b{font-size:12px}#arena-notices{z-index:28;pointer-events:none;text-align:center;width:min(370px,80vw);position:absolute;top:105px;left:50%;transform:translate(-50%)}.arrival-notice{color:#e9f2e8;background:#13231ff0;border:1px solid #aac9b34d;border-radius:5px;margin:5px auto;padding:9px 16px;font-size:14px;animation:.35s ease-out arrival-drop}.rank-announcement{color:#ffe4a0;background:linear-gradient(120deg,#302516,#19221c);border:2px solid #d9b45e;border-radius:5px;margin-bottom:8px;padding:18px 20px;font-size:20px;font-weight:700;box-shadow:0 0 25px #e9b84655}#ranking-drawer .board-row.rank-rise,.rank-announcement.rank-rise{animation:2.4s ease-out rank-gold;position:relative;overflow:hidden}.rank-rise:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 30%,#ffeab96b 48%,#0000 66%);animation:1.4s ease-out rank-sweep;position:absolute;inset:0;transform:translate(-120%)}#stock-save-status{color:#b8d5bd;font-size:12px;line-height:1.5}#stock-save-status.error{color:#ffb095}#volume{width:100%;min-height:32px}#volume-value{color:#f0d589;font-variant-numeric:tabular-nums;margin-left:8px}@keyframes arrival-drop{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:none}}@keyframes rank-gold{0%,25%{transform:translateY(9px);box-shadow:inset 0 0 0 2px #ffe292,0 0 25px #efbc5366}to{box-shadow:none;transform:none}}@keyframes rank-sweep{to{transform:translate(120%)}}@media (max-width:600px){#arena-notices{width:75vw;top:92px}.arrival-notice{padding:6px;font-size:12px}.rank-announcement{padding:10px;font-size:15px}}@media (prefers-reduced-motion:reduce){.arrival-notice,.rank-rise,.rank-rise:after{animation:none!important}}