.svs-arena-scene{overflow:hidden;border:1px solid #d7af6138;border-radius:22px;background:#10151e;box-shadow:0 18px 60px #0005}
.svs-arena-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;background:linear-gradient(110deg,#122c40,#20151c)}
.svs-arena-heading h2{font-size:clamp(18px,2.2vw,26px);font-weight:900;color:#fff;letter-spacing:.04em}
.svs-arena-heading>div{display:flex;gap:8px}.svs-arena-heading button{border:1px solid #e0b76b40;background:#080e1880;color:#f4dba8;border-radius:10px;padding:10px 12px;font-size:12px;font-weight:700}
.svs-arena-heading button:focus-visible{outline:2px solid #f7d287;outline-offset:3px}.svs-arena-heading [aria-pressed=false]{opacity:.55}
.svs-duel{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:3/1;background:linear-gradient(90deg,#125899 50%,#a61920 50%)}
.svs-duel>img{display:block;width:100%;height:100%;object-fit:fill}
.svs-server{position:absolute;bottom:3.5%;width:31%;text-align:center;transform:translateX(-50%);color:#fff;text-shadow:0 2px 6px #000b;line-height:1.1;z-index:3}
.svs-server-home{left:20%}.svs-server-away{left:80%}.svs-server strong{display:block;font-size:clamp(18px,3.5vw,42px);font-weight:900;overflow-wrap:anywhere}.svs-server span{display:block;margin-top:3px;font-size:clamp(10px,1.4vw,16px);font-weight:700}
.svs-result-ribbon{position:absolute;top:6%;z-index:4;display:grid;width:30%;height:clamp(18px,2.6vw,30px);box-sizing:border-box;place-items:center;overflow:visible;border-block:1px solid;font-size:clamp(16px,2.5vw,30px);font-weight:1000;line-height:1;letter-spacing:.06em;text-shadow:0 2px 3px #111b;box-shadow:0 4px 16px #0006;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}
.svs-result-ribbon--home{left:-7%;transform:rotate(-38deg)}.svs-result-ribbon--away{right:-7%;transform:rotate(38deg)}
.svs-result-ribbon__content{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:.3em;transform:translateY(1px);white-space:nowrap}.svs-result-ribbon i{flex:0 0 auto;font-size:.74em}.svs-result-ribbon.is-win{border-color:#fff4b875;background:linear-gradient(90deg,#4f31008f,#ffd765b8 48%,#4f31008f);color:#fff3c4;box-shadow:0 4px 16px #0006,0 0 20px #ffcf5038}.svs-result-ribbon.is-win i{color:#ffe6a0}.svs-result-ribbon.is-lose{border-color:#ffb8b85c;background:linear-gradient(90deg,#2b10169c,#8d323aaf 48%,#2b10169c);color:#ffe4e4;box-shadow:0 4px 16px #0006,0 0 18px #b82f3a2e}.svs-result-ribbon.is-lose i{color:#ffc8c8}
.svs-fx{pointer-events:none;position:absolute;z-index:2}
.svs-arena-verdict{display:flex;align-items:center;justify-content:center;gap:12px;padding:16px;text-align:center;font-size:clamp(16px,2vw,24px);border-top:1px solid #ffffff20}.svs-arena-verdict.is-victory{color:#ffe193;background:linear-gradient(90deg,#30281a,#51401d,#30281a)}.svs-arena-verdict.is-defeat{color:#ffd1ca;background:linear-gradient(90deg,#29191c,#442127,#29191c)}
.svs-arena-notes{padding:15px 22px;color:#aab9c8;font-size:13px}.svs-arena-notes summary{cursor:pointer;color:#e6c789}.svs-arena-notes p{white-space:pre-line;margin-top:12px}
.hidden .svs-fx,.svs-paused .svs-fx{animation-play-state:paused}.svs-effects-off .svs-fx{display:none}
@media(max-width:600px){.svs-arena-heading{padding:12px;gap:8px}.svs-arena-heading button{padding:8px;font-size:10px}.svs-arena-heading h2{font-size:16px}.svs-server strong{font-size:19px}.svs-server span{font-size:10px}.svs-arena-scene{border-radius:16px}}
@media(prefers-reduced-motion:reduce){.svs-fx{display:none!important;animation:none!important}}
.svs-clash{position:absolute;left:40%;top:0;width:20%;height:37%;pointer-events:none;z-index:3}
.svs-sword{top:59%;height:106%;width:auto;max-width:none;transform-origin:50% 88%;animation-duration:7s;animation-timing-function:cubic-bezier(.2,.7,.3,1);animation-iteration-count:infinite}
.svs-sword-left{left:34%;animation-name:svs-sword-left;transform:translate(-50%,-50%) rotate(-16deg)}
.svs-sword-right{left:66%;animation-name:svs-sword-right;transform:translate(-50%,-50%) rotate(16deg)}
.svs-clash-wave,.svs-clash-flash{left:50%;top:35%;border-radius:50%;opacity:0;transform:translate(-50%,-50%);animation:svs-clash-wave 7s linear infinite}
.svs-clash-wave{width:32%;aspect-ratio:1;border:2px solid #ffe7a6;box-shadow:0 0 10px #ffd17988,inset 0 0 8px #ffe5a966}
.svs-clash-wave-late{animation-name:svs-clash-wave-late;border-color:#c9e8ff}
.svs-clash-flash{width:42%;aspect-ratio:1;background:radial-gradient(circle,#fffce4 0%,#ffdc9299 15%,#ffae3833 35%,transparent 65%);animation-name:svs-clash-flash;z-index:4}
@keyframes svs-clash-wave{0%,14%{opacity:0;transform:translate(-50%,-50%) scale(.15)}15%{opacity:.85;transform:translate(-50%,-50%) scale(.3)}34%,100%{opacity:0;transform:translate(-50%,-50%) scale(4)}}
@keyframes svs-clash-wave-late{0%,17%{opacity:0;transform:translate(-50%,-50%) scale(.15)}18%{opacity:.6;transform:translate(-50%,-50%) scale(.3)}40%,100%{opacity:0;transform:translate(-50%,-50%) scale(4.5)}}
@keyframes svs-clash-flash{0%,14%{opacity:0}15%{opacity:1}20%,100%{opacity:0}}
.svs-arena-status{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);gap:12px;padding:14px;background:linear-gradient(135deg,#111a25,#0d141d)}
.svs-time-stack{display:grid;grid-template-columns:1fr 1fr;gap:10px;min-width:0}
.svs-time-row,.svs-prep-status{display:flex;align-items:center;gap:11px;min-width:0;border:1px solid #ffffff0d;border-radius:14px;background:#080d14a8;padding:12px 14px}
.svs-time-row>span:last-child,.svs-prep-status>span:last-child{display:block;min-width:0}
.svs-time-row small,.svs-prep-status small{display:block;margin:0 0 4px;color:#8699ac;font-size:10px;font-weight:800;line-height:1.15;letter-spacing:.045em;text-transform:uppercase}
.svs-time-row strong,.svs-prep-status strong{display:block;color:#edf4fa;font-family:inherit;font-size:clamp(12px,1.4vw,15px);font-weight:800;line-height:1.25;white-space:nowrap}
.svs-time-icon{display:grid;width:34px;height:34px;flex:0 0 34px;place-items:center;border:1px solid #d8b66e38;border-radius:10px;background:#d8a74412;color:#ddb86d;box-shadow:inset 0 0 12px #d8a7440b}
.svs-time-icon--local{border-color:#56dba338;background:#36d29412;color:#7ce5bb}.svs-time-icon--server{color:#e5c47b}
.svs-arena-countdown{display:flex;align-items:center;justify-content:center;gap:12px;min-width:0;border:1px solid #67e8b94a;border-radius:14px;padding:10px 14px;background:linear-gradient(180deg,#0c342c8c,#071611e6);box-shadow:inset 0 0 22px #34d39912,0 0 20px #34d3990b;color:#a7f3d0;text-align:left}
.svs-countdown-icon{display:grid;width:36px;height:36px;flex:0 0 36px;place-items:center;border:1px solid #6ee7b74a;border-radius:50%;background:#10b9811a;color:#8cf2c8;box-shadow:0 0 14px #34d39922}
.svs-arena-countdown>div{min-width:0}.svs-arena-countdown small{display:block;margin-bottom:5px;color:#86cdb3;font-size:9px;font-weight:800;line-height:1.1;letter-spacing:.08em;text-transform:uppercase}
.svs-countdown-digits{display:inline-flex;align-items:baseline;gap:3px;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace}
.svs-countdown-digits[hidden],.svs-arena-countdown[hidden],.svs-arena-countdown [data-svs-countdown-started][hidden],.svs-battle-timer[hidden],.svs-battle-timer [hidden]{display:none!important}
.svs-countdown-digits strong{min-width:2ch;color:#d1fae5;font-size:clamp(17px,2.2vw,24px);font-weight:900;line-height:1;text-align:center;text-shadow:0 0 12px #34d39933}.svs-countdown-digits em{margin-right:2px;color:#6ee7b7a8;font-size:10px;font-style:normal;font-weight:800}
.svs-arena-countdown>div>b{display:block;color:#d1fae5;font-size:16px;font-weight:900}.svs-arena-countdown.is-started{border-color:#6ee7b74a;background:linear-gradient(180deg,#12382d,#0a1f18)}
.svs-battle-timer{position:absolute;left:50%;bottom:4%;z-index:5;transform:translateX(-50%);min-width:clamp(88px,15%,168px);max-width:46%;border:1px solid #ffe7a666;border-radius:8px;padding:4px 10px;background:linear-gradient(180deg,#15100bd9,#080a0ee8);box-shadow:0 2px 10px #0009,inset 0 0 14px #f5bd4b14;color:#ffe6a8;text-align:center;text-shadow:0 1px 5px #000;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;white-space:nowrap}
.svs-battle-timer strong{display:block;font-size:clamp(13px,2.6vw,31px);font-weight:1000;line-height:1.05;letter-spacing:.035em}.svs-battle-timer span{display:block;font-family:inherit;font-size:clamp(8px,1.35vw,15px);font-weight:900;line-height:1.15;letter-spacing:.015em}.svs-battle-timer.is-waiting{border-color:#dbe8f04d;background:#080d13e8;color:#eef6fb}
.svs-prep-status{border-width:1px 0 0;border-radius:0;padding:13px 22px;background:#0d151f}.svs-prep-status .svs-time-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px}.svs-prep-status strong{white-space:normal}
.svs-history-section{overflow:hidden;border:1px solid #d7af612b;border-radius:20px;background:linear-gradient(145deg,#111823,#0d1118);box-shadow:0 14px 40px #0003}
.svs-history-heading{display:flex;align-items:center;gap:11px;padding:15px 18px;border-bottom:1px solid #ffffff0c}.svs-history-heading__icon{display:grid;width:36px;height:36px;place-items:center;border:1px solid #e2bd7038;border-radius:11px;background:#d4a64d12;color:#e3bd72}.svs-history-heading h2{margin:0;color:#f5f7fa;font-size:16px;font-weight:900;letter-spacing:.02em}
.svs-history-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(285px,350px);gap:12px;overflow-x:auto;padding:14px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#866936 #111820}
.svs-history-card{overflow:hidden;scroll-snap-align:start;border:1px solid #ffffff12;border-radius:15px;background:#0b1119;box-shadow:0 8px 24px #0004}.svs-history-duel{position:relative;overflow:hidden;aspect-ratio:3/1}.svs-history-duel>img{display:block;width:100%;height:100%;object-fit:fill}
.svs-history-server{position:absolute;bottom:5%;transform:translateX(-50%);color:#fff;font-size:clamp(12px,1.4vw,17px);font-weight:1000;text-shadow:0 2px 5px #000}.svs-history-server--home{left:20%}.svs-history-server--away{left:80%}
.svs-history-result{position:absolute;top:6%;z-index:2;display:grid;width:32%;height:18%;box-sizing:border-box;place-items:center;overflow:visible;border-block:1px solid;font-size:12px;font-weight:1000;line-height:1;letter-spacing:.05em;text-shadow:0 1px 3px #111b;box-shadow:0 3px 10px #0005;backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}.svs-history-result--home{left:-8%;transform:rotate(-36deg)}.svs-history-result--away{right:-8%;transform:rotate(36deg)}.svs-history-result>span{display:flex;width:100%;height:100%;align-items:center;justify-content:center;gap:4px;transform:translateY(.5px);white-space:nowrap}.svs-history-result i{flex:0 0 auto;font-size:9px}.svs-history-result.is-win{border-color:#fff2a86b;background:linear-gradient(90deg,#3f270083,#f4bd4ca8,#3f270083);color:#fff0ba}.svs-history-result.is-win i{color:#ffe39a}.svs-history-result.is-lose{border-color:#ffb8b84d;background:linear-gradient(90deg,#2a11168c,#7f30399c,#2a11168c);color:#ffe0e0}.svs-history-result.is-lose i{color:#ffc4c4}
.svs-history-card__body{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:10px 12px}.svs-history-card__body time{display:flex;align-items:center;gap:6px;color:#9fb0c0;font-size:10px;font-weight:700;white-space:nowrap}.svs-history-card__body time i{color:#d7b46d}.svs-history-card__body>span{font-size:10px;font-weight:900;white-space:nowrap}.svs-history-card__body>span.is-win{color:#83e3b4}.svs-history-card__body>span.is-loss{color:#f09a9a}.svs-history-card__body button{display:grid;width:27px;height:27px;place-items:center;border:1px solid #ef44442e;border-radius:8px;background:#ef444414;color:#f2a0a0}.svs-history-empty{margin:14px;padding:18px;border:1px dashed #ffffff15;border-radius:14px;color:#718194;text-align:center;font-size:12px}
@keyframes svs-sword-left{0%,8%{transform:translate(-50%,-50%) rotate(-16deg)}15%{transform:translate(-50%,-50%) rotate(42deg)}18%,75%{transform:translate(-50%,-50%) rotate(38deg)}90%,100%{transform:translate(-50%,-50%) rotate(-16deg)}}
@keyframes svs-sword-right{0%,8%{transform:translate(-50%,-50%) rotate(16deg)}15%{transform:translate(-50%,-50%) rotate(-42deg)}18%,75%{transform:translate(-50%,-50%) rotate(-38deg)}90%,100%{transform:translate(-50%,-50%) rotate(16deg)}}
@media(max-width:700px){.svs-arena-status{grid-template-columns:1fr;padding:10px;gap:10px}.svs-time-stack{grid-template-columns:1fr;gap:8px}.svs-time-row{padding:10px 12px}.svs-time-row strong{font-size:12px;white-space:nowrap}.svs-arena-countdown{justify-content:flex-start;padding:11px 13px}.svs-countdown-icon{width:34px;height:34px;flex-basis:34px}.svs-prep-status{padding:11px 14px}.svs-history-list{grid-auto-columns:minmax(270px,86vw);padding:10px}.svs-history-heading{padding:12px 14px}.svs-history-card__body{grid-template-columns:minmax(0,1fr) auto}.svs-history-card__body form{grid-column:2}.svs-history-card__body>span{grid-column:1}}
.svs-result-ribbon{top:16%;width:36%;font-size:clamp(16px,2.5vw,30px)}.svs-result-ribbon--home{left:-10%}.svs-result-ribbon--away{right:-10%}.svs-result-ribbon--home .svs-result-ribbon__content{transform:translate(1px,1px)}.svs-result-ribbon--away .svs-result-ribbon__content{transform:translate(-1px,1px)}
.svs-history-result{top:10%;width:38%;font-size:13px}.svs-history-result--home{left:-11%}.svs-history-result--away{right:-11%}.svs-history-result--home>span,.svs-history-result--away>span{transform:translateY(.5px)}.svs-history-result i{font-size:10px}
.svs-result-ribbon.is-draw,.svs-history-result.is-draw{border-color:#c5e5ee80;background:linear-gradient(90deg,#182e4099,#5c859bb8 48%,#182e4099);color:#eefaff;box-shadow:0 3px 12px #0005}.svs-result-ribbon.is-draw i,.svs-history-result.is-draw i{color:#d2f3ff}
.svs-result-ribbon.is-draw .svs-result-ribbon__content,.svs-history-result.is-draw>span{font-size:.74em;letter-spacing:0;gap:.2em}
.svs-arena-verdict.is-draw{color:#cfeef9;background:linear-gradient(90deg,#182731,#2b4656,#182731)}
.svs-history-card__body>span.is-draw{color:#b8deef}
.svs-outcome-preview{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:12px;padding:10px 12px;border:1px solid #ffffff16;border-radius:10px;background:#080e1680;font-size:12px;color:#aebfce}.svs-outcome-preview output{font-weight:800;color:#d3e0ec}.svs-outcome-preview [data-state=win]{color:#83e3b4}.svs-outcome-preview [data-state=lose]{color:#f09a9a}.svs-outcome-preview [data-state=draw]{color:#b8deef}
.svs-history-phases{display:flex;flex-wrap:wrap;gap:6px 14px;border-top:1px solid #ffffff0c;padding:8px 12px;color:#91a5b7;font-size:10px;line-height:1.4}.svs-history-phases>span{display:flex;gap:6px;flex-wrap:wrap}.svs-history-phases b{font-weight:700;color:#bcc8d4}.svs-history-phases .is-win{color:#83e3b4}.svs-history-phases .is-loss{color:#f09a9a}
.svs-arena-heading [data-svs-arena-edit]{display:grid;width:40px;height:40px;place-items:center;padding:0;font-size:15px}
.svs-arena-editor{box-sizing:border-box;width:min(720px,calc(100% - 24px));max-height:calc(100dvh - 32px);margin:auto;padding:20px;border:1px solid #d7af615c;border-radius:18px;background:#111923;color:#e7edf4;box-shadow:0 24px 100px #000b;overflow:auto}.svs-arena-editor::backdrop{background:#03070dcc;backdrop-filter:blur(4px)}.svs-arena-editor>header{display:flex;align-items:center;justify-content:space-between;gap:12px}.svs-arena-editor h2{font-size:18px;font-weight:800}.svs-arena-editor [data-svs-arena-close]{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid #f8717155;border-radius:10px;background:#ef444418;color:#fca5a5}.svs-arena-editor button:focus-visible{outline:2px solid #f4dba8;outline-offset:3px}.svs-outcome-rule{margin-top:12px;color:#aebfce;font-size:12px;line-height:1.6}.svs-arena-editor input,.svs-arena-editor select,.svs-arena-editor textarea{min-width:0;max-width:100%}