@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@500;700&family=Noto+Sans+KR:wght@400;500;700&display=swap";:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eef5ff;background:radial-gradient(circle at 0 0,#0dd9ff33,#0000 32%),radial-gradient(circle at 100% 100%,#ff7a452e,#0000 28%),linear-gradient(145deg,#060912 0%,#080e18 48%,#05070d 100%);font-family:Noto Sans KR,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%}body{margin:0;overflow:hidden}button{font:inherit}[hidden]{display:none!important}.shell{flex-direction:column;gap:8px;height:100dvh;min-height:100dvh;padding:10px;display:flex;overflow:hidden}.topbar{flex:none;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.eyebrow{color:#8fadc8;letter-spacing:.18em;text-transform:uppercase;margin:0;font-size:.68rem}h1{letter-spacing:.08em;margin:0;font-family:Orbitron,sans-serif;font-size:clamp(1.35rem,2.6vw,2.4rem)}.topbar-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-action,.secondary-action{color:#f7fbff;cursor:pointer;border:1px solid #ffffff24;border-radius:999px;padding:.62rem .95rem;font-size:.88rem;transition:transform .18s,box-shadow .18s,opacity .18s}.primary-action{background:linear-gradient(135deg,#0dd9ff,#0f8cff);box-shadow:0 16px 30px #0d8cff40}.secondary-action{background:#0e1626e6}.secondary-action[data-active=true]{background:#0dd9ff29;border-color:#8deeffa3;box-shadow:0 0 24px #0dd9ff2e}select.secondary-action{appearance:none;min-width:124px}.primary-action:hover,.secondary-action:hover{transform:translateY(-1px)}.primary-action:disabled,.secondary-action:disabled{opacity:.48;cursor:default;box-shadow:none;transform:none}.stage-layout{flex:1;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;min-height:0;display:grid}.stage-layout.panel-open{grid-template-columns:minmax(0,2.8fr) minmax(230px,.48fr)}.arena-panel,.panel-block{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#060a13c7;border:1px solid #ffffff17;border-radius:26px}.arena-panel{flex-direction:column;gap:8px;min-height:0;padding:10px;display:flex}.hud-strip{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;display:grid}.score-chip,.phase-chip{background:linear-gradient(#091c3ae6,#050c1ddb),#091223c2;border-radius:16px;justify-content:center;align-items:center;gap:12px;min-height:84px;padding:8px 14px;display:flex}.score-chip strong,.phase-chip{font-family:Orbitron,sans-serif}.score-chip strong{font-size:clamp(2rem,3vw,3rem);line-height:1}.score-chip{justify-content:flex-start;box-shadow:inset 0 0 0 1px #0dd9ff29,0 0 22px #0dd9ff1a}.score-chip.warm{background:linear-gradient(#37101ee6,#100814db),#091223c2;justify-content:flex-end;box-shadow:inset 0 0 0 1px #ff4f5f29,0 0 22px #ff4f5f1a}.score-meta{gap:2px;min-width:0;display:grid}.score-meta-right{text-align:right}.hud-character-frame{background:radial-gradient(circle at 50% 70%,#0dd9ff38,#0000 62%),#020a1cb8;border:1px solid #8deeff80;border-radius:14px;flex:none;width:clamp(82px,8vw,118px);height:76px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14,0 0 22px #0dd9ff3d}.hud-character-frame-right{background:radial-gradient(circle at 50% 70%,#ff4f5f38,#0000 62%),#020a1cb8;border-color:#ff4f5f80;box-shadow:inset 0 0 0 1px #ffffff14,0 0 22px #ff4f5f33}.hud-character{object-fit:contain;object-position:center bottom;filter:drop-shadow(0 10px 9px #00000059);width:100%;height:112%;display:block;transform:translateY(4px)scale(1.24)}.hud-character-right{transform:translateY(4px)scale(1.24)}.score-label{letter-spacing:.18em;text-transform:uppercase;color:#eef5ffad;font-size:.76rem}.phase-chip{color:#dbf8ff;border:1px solid #0dd9ff3d;min-height:62px;padding-inline:18px;font-size:.84rem}.arena-frame{border-radius:18px;flex:1;min-height:0;position:relative;overflow:hidden}.draft-screen{z-index:20;background:linear-gradient(#030b1df5,#030712fa),radial-gradient(circle at 50% 8%,#1278ff47,#0000 44%);padding:clamp(14px,2vw,28px);position:fixed;inset:0;overflow:hidden}.draft-shell{grid-template-rows:auto minmax(0,1fr);gap:clamp(10px,1.5vh,18px);min-width:0;height:100%;min-height:0;display:grid}.draft-title{text-align:center}.draft-title h2{letter-spacing:.08em;color:#f2f8ff;text-shadow:0 0 8px #fff9,0 0 28px #0dd9ff8f;margin:0;font-family:Orbitron,Noto Sans KR,sans-serif;font-size:clamp(2.15rem,4.4vw,4.8rem)}.draft-title span{color:#8deeff;letter-spacing:.02em;background:#05183ce0;border:1px solid #8deeffb8;justify-content:center;align-items:center;min-width:min(520px,92vw);margin-top:10px;padding:.62rem 1.15rem;font-size:clamp(1.08rem,1.8vw,1.6rem);font-weight:700;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 24px #0dd9ff52}.draft-layout{grid-template-rows:minmax(0,1fr) minmax(150px,auto);gap:clamp(10px,1.5vh,16px);width:100%;max-width:1560px;min-height:0;margin:0 auto;display:grid}.draft-card-row,.draft-info-panel{min-width:0;min-height:0}.draft-card-row{overflow:hidden}.character-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-content:stretch;gap:clamp(12px,1.7vw,24px);height:100%;min-height:0;display:grid;overflow:hidden}.character-card{color:#f5fbff;text-align:center;cursor:pointer;background:linear-gradient(#0c376f9e 0%,#061837e0 100%),#020a1ce6;border:2px solid #1882ffb8;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto auto;min-width:0;height:100%;min-height:0;padding:12px 12px 14px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;box-shadow:inset 0 0 0 1px #8deeff38,0 0 22px #0d8cff29}.character-card:hover{transform:translateY(-2px)}.character-card[data-selected=true]{background:linear-gradient(#1075e8c7 0%,#06275bf0 100%),#0dd9ff29;border-color:#8deeff;box-shadow:inset 0 0 0 2px #ffffff57,0 0 28px #0dd9ff85}.character-card[data-pick=left]{border-color:#0dd9ff;box-shadow:inset 0 0 0 3px #0dd9ffd9,0 0 24px #0dd9ff61}.character-card[data-pick=right]{border-color:#ff4f5f;box-shadow:inset 0 0 0 3px #ff4f5fd9,0 0 24px #ff4f5f57}.character-card[data-pick=both]{border-color:#f4fbff;box-shadow:inset 0 0 0 4px #0dd9ffe0,inset 0 0 0 9px #ff4f5fd1,0 0 26px #0dd9ff47,0 0 32px #ff4f5f38}.character-card img{object-fit:contain;filter:drop-shadow(0 18px 20px #00000052);background:0 0;border-radius:0;width:100%;height:100%;min-height:0;max-height:100%;display:block}.character-card span,.character-card strong,.character-card em{display:block}.character-card span{color:#f3fbff;text-shadow:0 0 16px #0dd9ff70;order:-1;margin:0 0 8px;font-family:Orbitron,sans-serif;font-size:clamp(1rem,1.5vw,1.35rem)}.character-card strong{margin-top:8px;font-size:clamp(.92rem,1.15vw,1.12rem)}.character-card em{color:#eef5ff9e;margin-top:4px;font-size:.78rem;font-style:normal;line-height:1.25}.draft-info-panel{background:#041027db;border:1px solid #1882ff9e;grid-template-columns:minmax(0,1fr) minmax(190px,.24fr);align-items:stretch;gap:18px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #8deeff1f,0 0 24px #0d8cff2e}.draft-info-main{grid-template-columns:minmax(340px,.42fr) minmax(0,1fr);align-items:center;gap:20px;display:grid}.draft-character-summary{min-width:0}.draft-character-summary h3{margin:8px 0 6px;font-size:clamp(1.55rem,2.2vw,2.4rem)}.draft-character-summary>span{color:#8deeff;font-size:.98rem;line-height:1.42;display:block}#selected-matchup{text-align:center;color:#dff7ff;margin:0;font-size:clamp(.86rem,1.15vw,1.05rem)}.stat-board{background:#030a189e;border:1px solid #0dd9ff38;border-radius:12px;gap:10px;padding:14px;display:grid}.stat-board-warm{border-color:#ff7a453d}.stat-board-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:2px;display:flex}.stat-board-head span{color:#8deeff;font-family:Orbitron,sans-serif;font-size:.72rem}.stat-board-head strong{color:#eef5ffb8;font-size:.84rem}.rating-list{gap:9px;display:grid}.rating-row{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;display:grid}.rating-row span{color:#f4fbff;font-size:1rem;font-weight:700}.rating-stars{align-items:center;gap:8px;display:flex}.rating-stars i{color:#ffffff2e;text-shadow:none;font-size:clamp(1.25rem,1.8vw,1.8rem);font-style:normal;line-height:1}.rating-stars i[data-filled=true]{color:#0dd9ff;text-shadow:0 0 14px #0dd9ff80}.pick-guide{border-top:1px solid #8deeff29;gap:8px;margin-top:6px;padding-top:12px;display:grid}.pick-guide p{color:#eef5ffd1;grid-template-columns:72px minmax(0,1fr);gap:14px;margin:0;font-size:.9rem;line-height:1.42;display:grid}.pick-guide strong{color:#f5fbff;white-space:nowrap;font-size:.9rem}.draft-actions{align-content:center;gap:10px;display:grid}.confirm-character-button,.enter-rink-button{border-radius:8px;justify-self:center;width:min(260px,100%);font-family:Orbitron,Noto Sans KR,sans-serif;font-size:clamp(1rem,1.5vw,1.28rem)}.confirm-character-button:not(:disabled){animation:1.15s ease-in-out infinite confirmPulse}.enter-rink-button:disabled{opacity:.28}@keyframes confirmPulse{0%,to{transform:translateY(0);box-shadow:0 16px 30px #0d8cff3d,0 0 #0dd9ff00}50%{transform:translateY(-1px);box-shadow:0 18px 34px #0d8cff57,0 0 24px #0dd9ff75}}.arena-camera-overlay{left:var(--arena-viewport-x,0);top:var(--arena-viewport-y,0);width:var(--arena-viewport-width,100%);height:var(--arena-viewport-height,100%);z-index:1;pointer-events:none;opacity:.22;mix-blend-mode:screen;position:absolute;overflow:hidden}.arena-camera-overlay:after{content:"";background:linear-gradient(90deg,#0dd9ff14 0%,#0000 34% 66%,#ff7a4514 100%),linear-gradient(#03071014,#0307103d);position:absolute;inset:0}.arena-camera-video{object-fit:fill;filter:saturate(.9)contrast(1.04);width:100%;height:100%;display:block;transform:scaleX(-1)}.skill-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.rink-player-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#060a13c2,#060a13e6);border:1px solid #ffffff14;border-radius:12px;padding:8px;box-shadow:inset 0 0 0 1px #ffffff08}.rink-player-card-left{box-shadow:inset 0 0 0 1px #0dd9ff14}.rink-player-card-right{box-shadow:inset 0 0 0 1px #ff7a4514}.rink-player-card[data-mode=classic] .skill-head strong{color:#eef5ff9e;font-size:.92rem}.skill-meta{gap:1px;display:grid}.skill-meta p{color:#eef5ffb8;margin:0;font-size:.64rem}.player-cue{letter-spacing:.04em;text-transform:uppercase;color:#dff7ff;margin:5px 0 0;font-size:.66rem}.arena-tracking-indicator{letter-spacing:.04em;text-transform:uppercase;color:#f5fbff;pointer-events:none;background:#060a13c2;border:1px solid #ffffff1f;border-radius:10px;max-width:112px;padding:7px 8px;font-size:.68rem;position:absolute;top:50%;transform:translateY(-50%)}.arena-hand-ring{z-index:3;pointer-events:none;background:radial-gradient(circle,#ffffff14,#0000 68%);border:3px solid #ffffffeb;border-radius:50%;width:84px;height:84px;margin-top:-42px;margin-left:-42px;position:absolute;box-shadow:0 0 26px #ffffff29}.arena-hand-ring span{letter-spacing:.12em;text-transform:uppercase;color:#f8fbff;background:#040812b8;border-radius:999px;padding:.18rem .45rem;font-size:.72rem;position:absolute;bottom:-16px;left:50%;transform:translate(-50%)}.arena-hand-ring-left{border-color:#0dd9fff2;box-shadow:0 0 28px #0dd9ff47}.arena-hand-ring-right{border-color:#ff7a45f2;box-shadow:0 0 28px #ff7a4547}.arena-tracking-indicator-left{left:16px}.arena-tracking-indicator-right{right:16px}.arena-tracking-indicator[data-state=drifting]{color:#ffd28b;border-color:#ffc4576b}.arena-tracking-indicator[data-state=lost]{color:#ffb6b6;border-color:#ff6b6b73;box-shadow:0 0 18px #ff6b6b2e}#game-canvas{z-index:0;width:100%;height:100%;display:block;position:relative}.overlay-card{z-index:5;background:#060a13c7;border:1px solid #ffffff1f;border-radius:16px;max-width:min(340px,100% - 28px);padding:12px 14px;transition:opacity .18s;position:absolute;inset:auto 14px 14px auto;box-shadow:0 18px 48px #00000040}.overlay-card[data-visible=false]{opacity:0;pointer-events:none}.overlay-kicker{letter-spacing:.18em;text-transform:uppercase;color:#7fceff;margin:0 0 5px;font-family:Orbitron,sans-serif;font-size:.7rem}.overlay-card h2{margin:0;font-size:clamp(1rem,1.35vw,1.35rem)}.overlay-card p:last-child{color:#eef5ffc7;margin:6px 0 0;font-size:.84rem;line-height:1.45}.side-panel{flex-direction:column;gap:8px;min-height:0;padding-right:2px;display:flex;overflow:auto}.side-panel[hidden]{display:none!important}.panel-block{border-radius:16px;padding:9px}.panel-heading{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:7px;display:flex}.panel-heading span{color:#eef5ff9e;font-size:.72rem}.panel-heading strong{font-family:Orbitron,sans-serif;font-size:.76rem}.preview-frame{aspect-ratio:16/10;background:linear-gradient(#0a1220cc,#05080de6);border:1px solid #ffffff1a;border-radius:12px;position:relative;overflow:hidden}#camera-video{object-fit:cover;width:100%;height:100%;display:block;transform:scaleX(-1)}.preview-guides{pointer-events:none;grid-template-columns:1fr 1px 1fr;display:grid;position:absolute;inset:0}.preview-divider{background:linear-gradient(#0000,#ffffffb3,#0000)}.preview-lane{text-transform:uppercase;letter-spacing:.14em;flex-direction:column;justify-content:space-between;padding:8px;font-size:.68rem;display:flex;position:relative}.preview-lane em{color:#eef5ff99;font-size:.64rem;font-style:normal}.preview-lane[data-ready=true]{background:#ffffff0f}.preview-lane-left[data-ready=true]{box-shadow:inset 0 0 0 2px #0dd9ff73}.preview-lane-right[data-ready=true]{box-shadow:inset 0 0 0 2px #ff7a4573}.preview-dot{border:2px solid #ffffffeb;border-radius:50%;width:18px;height:18px;margin-top:-9px;margin-left:-9px;position:absolute;box-shadow:0 0 18px}#dot-left{color:#0dd9ff;background:#0dd9ff66}#dot-right{color:#ff7a45;background:#ff7a4566}.hidden{display:none}.detail-grid{gap:6px;display:grid}.detail-grid article{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;padding:8px 9px}.detail-label{letter-spacing:.16em;text-transform:uppercase;color:#eef5ff8c;margin-bottom:3px;font-size:.62rem;display:block}.detail-grid strong{font-size:.76rem;line-height:1.32}.flow-block{padding-bottom:9px}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;margin:0;padding:0;list-style:none;display:grid}.flow-steps li{color:#eef5ffa8;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;min-width:0;padding:7px}.flow-steps li[data-active=true]{color:#f4fbff;background:#0dd9ff1a;border-color:#0dd9ff73}.flow-steps li[data-done=true]{border-color:#8deeff40}.flow-steps span{background:#ffffff14;border-radius:50%;place-items:center;width:18px;height:18px;margin-bottom:4px;font-family:Orbitron,sans-serif;font-size:.62rem;display:inline-grid}.flow-steps strong,.flow-steps em{display:block}.flow-steps strong{letter-spacing:.04em;font-size:.68rem}.flow-steps em{color:#eef5ff9e;margin-top:2px;font-size:.62rem;font-style:normal;line-height:1.2}.skill-status-block .panel-heading{margin-bottom:7px}.skill-status-block .rink-player-card{min-width:0;padding:8px}.tuning-grid,.admin-grid{gap:6px;display:grid}.tune-control{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;gap:5px;padding:7px 8px;display:grid}.tune-label-row{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.tune-label-row span{letter-spacing:.08em;text-transform:uppercase;color:#eef5ff94;font-size:.64rem}.tune-label-row strong{color:#f4fbff;font-family:Orbitron,sans-serif;font-size:.76rem}.tune-control input[type=range]{accent-color:#0dd9ff;width:100%;margin:0}.tune-control p{color:#eef5ffb8;margin:0;font-size:.66rem;line-height:1.25}.tuning-footer{justify-content:space-between;align-items:center;gap:6px;margin-top:7px;display:flex}.tuning-footer p{color:#eef5ffa8;margin:0;font-size:.66rem;line-height:1.25}.tune-reset-button{white-space:nowrap;border-radius:10px;padding:.45rem .7rem}.skill-head{justify-content:space-between;align-items:baseline;gap:6px;margin-bottom:5px;display:flex}.skill-head span{letter-spacing:.08em;text-transform:uppercase;color:#eef5ff8c;font-size:.64rem}.skill-head strong{font-family:Orbitron,sans-serif;font-size:.78rem}.energy-track{background:#ffffff14;border-radius:999px;width:100%;height:6px;margin-bottom:5px;overflow:hidden}.energy-fill{border-radius:inherit;height:100%;transition:width .14s}.energy-fill-left{background:linear-gradient(90deg,#0dd9ff,#78f0ff)}.energy-fill-right{background:linear-gradient(90deg,#ff7a45,#ffc07c)}.skill-card p{color:#eef5ffd1;margin:6px 0 0;font-size:.92rem}@media (width<=900px){body{overflow:auto}.shell{height:auto;min-height:100svh;overflow:visible}.stage-layout{grid-template-columns:1fr}.arena-frame{min-height:52vh}.draft-screen{min-height:100svh;position:absolute;overflow:auto}.draft-layout{grid-template-rows:auto auto}.character-grid{grid-template-columns:repeat(5,minmax(132px,1fr));min-height:280px;max-height:none;overflow:auto hidden}.character-card{min-height:280px}.draft-info-panel,.draft-info-main{grid-template-columns:1fr}}@media (width<=780px){.shell{padding:14px}.topbar{flex-direction:column;align-items:stretch}.topbar-actions{width:100%}.topbar-actions button,.topbar-actions select{flex:1}.hud-strip{grid-template-columns:1fr}.arena-frame{min-height:44vh}.draft-title h2{font-size:2rem}.overlay-card{inset:auto 14px 14px}.arena-hand-ring{width:68px;height:68px;margin-top:-34px;margin-left:-34px}.arena-tracking-indicator-left{left:12px}.arena-tracking-indicator-right{right:12px}}@media (width<=640px){.draft-screen,.draft-info-panel{padding:10px}.character-grid{grid-template-columns:repeat(5,minmax(132px,1fr))}.character-card{min-height:250px;padding:10px}.character-card img{height:100%}.stat-board-head{display:grid}.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-status-grid{grid-template-columns:1fr}.overlay-card{inset:auto 12px 12px}.arena-tracking-indicator{max-width:112px;padding:8px 10px;font-size:.76rem}}