:root{--bg:#0b1428;--panel:#152540;--panel2:#1a304f;--line:#304768;--text:#eaf2fc;--muted:#9eafcb;--mint:#5be0b8;--yellow:#f7ca70;--red:#ff797b;--blue:#73b3fd;--shadow:0 16px 35px rgba(0,0,0,.24);font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',Meiryo,system-ui,sans-serif;font-size:15px;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 90% 0%,#1a3552,transparent 37%),#0b1428}button,select,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}a{color:#94dbff}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(30px,4.4vw,57px);line-height:1.16}h2{font-size:21px}h3{font-size:16px}small{color:var(--muted)}.boot{height:100vh;display:grid;place-content:center;text-align:center;font-size:26px;gap:12px}.boot small{font-size:14px}.btn{border:1px solid var(--line);border-radius:12px;background:#203755;color:#f1f8ff;padding:11px 16px;font-weight:800;transition:background .15s,transform .15s,box-shadow .15s}.btn:hover:not(:disabled){transform:translateY(-1px);background:#2c4a6e}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(130deg,#41bfa4,#2a9b9b);color:#081f2a;border-color:#62e7c4;box-shadow:0 5px 15px #39b7a52e}.btn-primary:hover:not(:disabled){background:#59e4be;color:#081f2a}.btn-accent{background:#f5c66d;border-color:#ffe0a0;color:#2d2313}.btn-danger{color:#ffc7c7;border-color:#894b5b;background:#503147}.btn-small{padding:7px 11px;font-size:12px;border-radius:8px}.btn-block{display:block;width:100%}.btn-ghost{background:#10233dba}.btn-group{display:flex;flex-wrap:wrap;gap:9px}.tag{display:inline-flex;align-items:center;border-radius:7px;padding:4px 8px;font-size:11px;font-weight:900;color:#c2f5e6;background:#225c54;border:1px solid #388874}.tag-gray{color:#aebdd3;background:#243753;border-color:#41597a}.tag-gold{background:#55452b;color:#ffe5a5;border-color:#957d4d}.tag-red{background:#503543;color:#ffb0b9;border-color:#895362}.muted{color:var(--muted)}.tiny{font-size:11px}.sm{font-size:13px}.nowrap{white-space:nowrap}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.space-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.bold{font-weight:900}.up{color:#55d6a9}.down{color:#fd929c}.center{text-align:center}.mt8{margin-top:8px}.mt14{margin-top:14px}.mb12{margin-bottom:12px}.divider{height:1px;background:var(--line);margin:18px 0}.home{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.home::before{content:'';position:absolute;inset:0;background:url('./assets/hero.webp') center /cover no-repeat;filter:saturate(.96)}.home::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,18,37,.94) 0%,rgba(8,18,37,.65) 35%,rgba(5,13,28,.11) 77%),linear-gradient(0deg,rgba(5,13,28,.91),transparent 48%)}.home-content{position:relative;z-index:1;width:min(100%,1260px);margin:auto;padding:56px clamp(23px,5vw,70px)}.eyebrow{font-weight:900;letter-spacing:.21em;color:#bff9e4;font-size:12px;margin-bottom:12px}.home-title{font-weight:1000;text-shadow:0 7px 26px #0009;letter-spacing:-.045em}.home-en{color:#a9e8d5;font-size:clamp(11px,1.4vw,15px);letter-spacing:.19em;font-weight:900;margin-top:15px}.home-slogan{font-size:16px;margin:30px 0 35px;text-shadow:0 3px 9px #0d1836}.home-actions{width:min(100%,360px);display:grid;gap:11px}.home-actions .btn{font-size:16px;padding:14px 18px;text-align:left}.home-footer{position:relative;z-index:2;padding:18px 27px;color:#e1e9f7a0;font-size:11px}.topbar{height:71px;position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:16px;padding:12px max(18px,calc((100vw - 1440px)/2));border-bottom:1px solid #39506a;background:#0d1d34ee;backdrop-filter:blur(12px)}.brand-mark{font-size:25px;line-height:1}.brand-title{font-size:14px;font-weight:1000;letter-spacing:.025em;white-space:nowrap}.brand-sub{font-size:10px;color:#7ba6ad}.topbar-stats{display:flex;align-items:center;gap:14px;margin-left:auto;overflow:hidden}.top-pill{padding:6px 11px;border:1px solid #405874;background:#1b2f4b;border-radius:10px;white-space:nowrap;font-weight:800;font-size:12px}.team-dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:6px;background:var(--team,#62dab1)}.app-layout{max-width:1440px;margin:auto;display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 71px)}.sidebar{padding:18px 10px;border-right:1px solid var(--line);background:#111e34}.nav-section{font-size:10px;letter-spacing:.15em;color:#66849f;font-weight:900;margin:13px 14px 8px}.nav-btn{display:flex;align-items:center;gap:11px;padding:12px 14px;width:100%;text-align:left;color:#b8cbdf;border-radius:10px;background:transparent;border:0;font-weight:800;font-size:13px;margin:2px 0}.nav-btn:hover{background:#223752}.nav-btn.active{background:linear-gradient(90deg,#245765,#20445b);color:#bcffe7;border:1px solid #3a8e80}.nav-ic{font-size:18px;width:22px;text-align:center}.page{min-width:0;padding:clamp(16px,2.5vw,32px);padding-bottom:70px}.page-head{margin-bottom:24px}.page-head .overline{font-size:11px;letter-spacing:.14em;font-weight:900;color:#60d5b3;margin-bottom:6px}.page-head h2{font-size:clamp(21px,2.3vw,29px)}.page-head p{margin-top:6px;color:var(--muted);font-size:13px}.panel{border:1px solid #334963;background:linear-gradient(160deg,#172942,#12243b);border-radius:16px;padding:19px;min-width:0;box-shadow:0 10px 24px rgba(0,0,0,.08)}.panel h3{margin-bottom:13px}.glass{background:linear-gradient(145deg,#1b344ee8,#14283ce9)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.statbox{background:#1d3452;border:1px solid #395470;border-radius:13px;padding:15px 16px}.statbox .num{font-size:27px;font-weight:1000;margin-top:5px;letter-spacing:-.03em}.statbox .sub{font-size:11px;color:#a9bbd1}.panel-hero{border-radius:17px;min-height:242px;position:relative;overflow:hidden;border:1px solid #44668e;background:linear-gradient(90deg,#122c47 0%,#153858aa 55%,transparent),url('./assets/hero.webp') center 60%/cover;margin-bottom:18px}.panel-hero-content{position:relative;z-index:1;padding:26px;max-width:590px}.panel-hero:after{position:absolute;content:'';inset:0;background:linear-gradient(0deg,#11233ea8,transparent 80%);pointer-events:none}.hero-caption{color:#fff;font-size:clamp(21px,2.7vw,32px);font-weight:1000;text-shadow:0 4px 10px #0009}.hero-sub{margin-top:9px;color:#e5f7f2;max-width:400px;text-shadow:0 2px 7px #000d;font-size:12px}.kpi-row{margin-bottom:17px}.quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.quick{border:1px solid #37516e;background:#203753;border-radius:12px;color:#e4f8f7;text-align:left;padding:16px;font-weight:900}.quick:hover{background:#2a4e66}.quick span{font-size:24px;display:block;margin-bottom:8px}.item-list{display:grid;gap:8px}.item{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid #314661;border-radius:11px;padding:12px;background:#1b304d}.item strong{font-size:13px}.item small{display:block;margin-top:4px}.note{border-left:3px solid #59cbaa;padding:11px 14px;background:#163949;border-radius:4px 10px 10px 4px;color:#d7f4ee;font-size:12px;line-height:1.65}.warning{border-left-color:#f8c66c;background:#443929;color:#fff0cb}.avatar{--shirt:#2ab881;width:73px;height:82px;position:relative;flex:none;display:inline-flex;align-items:end;justify-content:center;overflow:hidden;border-radius:13px;background:linear-gradient(#315071,#1f3756)}.avatar:before{content:'';position:absolute;top:11px;left:25px;width:24px;height:27px;border:4px solid #121b32;border-top-width:9px;border-radius:12px 12px 11px 11px;background:#f4bb8c;z-index:2;box-shadow:0 5px 0 #e7a87b}.avatar:after{content:'';position:absolute;bottom:-17px;width:70px;height:49px;background:var(--shirt);border:4px solid #162a46;border-radius:24px 24px 8px 8px;box-shadow:inset 0 0 0 4px #ffffff2a}.avatar .eye{position:absolute;z-index:3;top:27px;left:32px;width:4px;height:4px;background:#162036;box-shadow:10px 0 #162036}.avatar.large{width:133px;height:151px;border-radius:20px}.avatar.large:before{transform:scale(1.8);transform-origin:top left;top:21px;left:43px}.avatar.large:after{width:122px;height:95px;bottom:-20px}.avatar.large .eye{top:51px;left:56px;box-shadow:18px 0 #162036;width:6px;height:6px}.roster-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(315px,.95fr);gap:16px}.table-scroll{overflow:auto;max-height:680px}.table{width:100%;border-collapse:collapse;text-align:left;font-size:12px}.table th{color:#98b1ca;font-weight:800;padding:12px 10px;position:sticky;top:0;background:#172942;white-space:nowrap;z-index:1}.table td{border-top:1px solid #334865;padding:10px;white-space:nowrap}.table tr[data-player],.table tr[data-score-row]{cursor:pointer}.table tbody tr:hover{background:#203b57}.table tbody tr.selected{background:#285065}.table td .btn{min-width:40px}.select{background:#1d3552;color:white;border:1px solid #486786;border-radius:9px;padding:9px 12px;min-width:0;max-width:100%}.search{background:#1d3552;color:white;border:1px solid #486786;border-radius:9px;padding:10px 12px;width:100%}.filters{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-bottom:14px}.field{display:grid;gap:7px;font-size:12px;color:#b3cbda}.skills{display:grid;gap:10px}.skillrow{display:grid;grid-template-columns:98px 1fr auto;gap:10px;align-items:center;font-size:12px}.skillbar{height:12px;background:#0b1c31;border-radius:999px;border:1px solid #37465c;overflow:hidden}.skillfill{height:100%;border-radius:999px;position:relative;box-shadow:inset 0 -2px 0 #0003;transition:width .2s}.skillnumber{width:34px;text-align:right;color:#eaf4ff;font-weight:900}.detail-top{display:flex;align-items:center;gap:17px;margin-bottom:17px}.detail-name{font-size:23px;font-weight:1000}.detail-sub{color:#b9c9d9;font-size:12px;margin-top:8px;line-height:1.7}.stack{display:grid;gap:16px}.scout-layout{display:grid;grid-template-columns:250px minmax(0,1fr) 325px;gap:15px}.pref-list{height:485px;overflow:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;align-content:start}.pref{border:1px solid #3a5371;background:#1d3652;color:#c5dbee;border-radius:8px;padding:8px 2px;font-size:11px;font-weight:800}.pref.active{background:#2e8478;border-color:#6de6be;color:#fff}.candidate{display:flex;align-items:center;gap:10px;border-radius:11px;padding:10px;border:1px solid #314b69;margin-bottom:7px;background:#1c3552;cursor:pointer;transition:.15s}.candidate:hover,.candidate.active{background:#305777;border-color:#7dc5ad}.candidate .avatar{width:47px;height:51px;border-radius:8px}.candidate .avatar:before{left:14px;top:5px;transform:scale(.68);transform-origin:top left}.candidate .avatar:after{width:49px;height:33px;bottom:-11px}.candidate .avatar .eye{left:19px;top:17px;box-shadow:7px 0 #162036;width:3px;height:3px}.candidate-name{font-weight:900;font-size:13px}.candidate-mini{margin-left:auto;width:95px;max-width:30%}.candidate-mini .skillbar{margin:4px 0;height:6px}.scout-portrait{display:grid;justify-items:center;gap:10px;text-align:center;margin-bottom:17px}.race-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.r-tab{border:1px solid #385271;background:#1e3655;color:#e4f1fc;border-radius:10px;padding:12px 16px;font-weight:900}.r-tab.active{background:#2d7b73;border-color:#7fe7c8}.lineup-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.lineup-row{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px;background:#1d334e;border-radius:11px;padding:10px}.lineup-row .select{width:100%}.rankbar{display:flex;align-items:center;gap:9px}.race-live{background:radial-gradient(ellipse at top,#275c67,#10243f 68%);border:1px solid #4c897f;border-radius:18px;padding:23px;margin-bottom:16px}.track{height:118px;border-radius:15px;background:repeating-linear-gradient(0deg,#20465c 0px,#20465c 18px,#2a5b72 19px,#2a5b72 20px);position:relative;overflow:hidden;border:1px solid #42758d;margin-top:17px}.track::after{content:'';position:absolute;bottom:9px;left:0;right:0;height:3px;background:repeating-linear-gradient(90deg,#fff9 0 16px,transparent 16px 28px)}.track-runner{position:absolute;top:calc(13px + var(--lane) * 18px);left:var(--x);transform:translateX(-50%);font-size:19px;transition:left .27s linear;filter:drop-shadow(0 2px 2px #0007)}.winner{padding:20px;border-radius:14px;background:linear-gradient(140deg,#53452c,#312c28);border:1px solid #a38144;text-align:center;margin-bottom:15px}.winner .cup{font-size:48px}.winner h2{color:#ffdf8d;font-size:24px;margin:7px}.meter{height:9px;background:#1c3349;border-radius:8px;overflow:hidden}.meter>i{display:block;height:100%;background:linear-gradient(90deg,#45c7bc,#f8d175);border-radius:8px}.empty{padding:30px 12px;text-align:center;color:var(--muted)}.home-saves{position:absolute;top:24px;right:28px;z-index:5;color:#e2e7f0;font-size:12px}.univ-wrap{max-width:1260px;margin:0 auto;padding:26px}.univ-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.uni-card{border:1px solid #3b5672;background:#1b2c46;border-radius:13px;text-align:left;padding:16px;color:white;min-height:103px}.uni-card:hover{background:#284764;border-color:#72dbc2}.uni-stripe{height:5px;width:62px;border-radius:9px;margin-bottom:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#17564d;border:1px solid #66d9be;color:white;border-radius:13px;padding:14px 22px;box-shadow:0 10px 30px #0008;z-index:100;max-width:90vw;text-align:center;font-weight:800}.overlay{position:fixed;inset:0;background:#071321cf;z-index:60;display:grid;place-items:center;padding:16px;backdrop-filter:blur(5px)}.modal{max-width:770px;width:100%;max-height:90vh;overflow:auto;background:#152941;border:1px solid #4d7291;border-radius:20px;padding:24px;box-shadow:0 20px 50px #0009}.modal h2{margin-bottom:11px}.check-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.check-label{display:flex;align-items:center;gap:9px;padding:10px;background:#233951;border:1px solid #3d5a76;border-radius:9px;font-size:13px}.check-label input{width:18px;height:18px;accent-color:#64dcbc}.online-layout{display:grid;grid-template-columns:1fr 1fr;gap:17px}.roomcode{font-size:33px;letter-spacing:.22em;font-weight:1000;color:#ffe093}.subnav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:15px}.copyline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pill{display:inline-block;padding:6px 9px;border-radius:8px;background:#213c58;color:#c9deec;font-size:12px}.portrait-card{background:linear-gradient(135deg,#294b69,#12263e);padding:18px;border-radius:14px;border:1px solid #3e607b}.home .copy-note{font-size:11px;max-width:470px;color:#d2ddeb;line-height:1.5;margin-top:18px}.splash-decor{color:#7dfbd8;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.title-number{font-size:12px;color:#abdacb;font-weight:800}.calendar-dot{display:inline-block;width:8px;height:8px;border-radius:50%;background:#6ed8ac;margin-right:8px}.footer-info{font-size:11px;color:#7c94ad;line-height:1.6;padding:20px 0}.mobile-tabs{display:none}
@media(max-width:1150px){.scout-layout{grid-template-columns:175px minmax(0,1fr)}.scout-detail{grid-column:2}.pref-list{grid-template-columns:1fr;height:565px}.pref{font-size:12px}.univ-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.topbar-stats{gap:6px}.top-pill{padding:6px;font-size:11px}}
@media(max-width:860px){.app-layout{display:block}.sidebar{display:none}.page{padding:16px 14px 95px}.topbar{padding:11px 13px;height:62px}.topbar-stats .top-pill:nth-child(2){display:none}.brand-title{font-size:12px}.roster-layout{grid-template-columns:1fr}.scout-layout{grid-template-columns:1fr}.scout-detail{grid-column:auto}.pref-list{height:auto;max-height:135px;grid-template-columns:repeat(5,minmax(0,1fr));overflow:auto}.mobile-tabs{display:flex;position:fixed;bottom:0;left:0;right:0;height:70px;z-index:35;background:#0e2036ed;border-top:1px solid #40536d;justify-content:space-around;gap:1px;padding:7px 4px max(6px,env(safe-area-inset-bottom))}.m-tab{background:transparent;border:0;color:#adc2d6;font-size:10px;font-weight:900;min-width:52px;padding:3px}.m-tab.active{color:#6fe3bf}.m-tab span{display:block;font-size:21px;margin-bottom:3px}.quick-actions{grid-template-columns:repeat(2,1fr)}.univ-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.online-layout{grid-template-columns:1fr}.grid4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:570px){.home::after{background:linear-gradient(0deg,#071428 0%,#09172fbc 60%,#09192d4f)}.home::before{background-position:58%}.home-content{padding:45px 24px}.home-slogan{font-size:14px}.topbar-stats .top-pill:nth-child(3){display:none}.topbar-stats{gap:4px}.topbar-stats .top-pill:first-child{max-width:125px;overflow:hidden;text-overflow:ellipsis}.grid2,.grid3{grid-template-columns:1fr}.skillrow{grid-template-columns:88px 1fr auto;gap:7px}.panel{padding:14px}.page-head{margin-bottom:16px}.scout-layout{gap:12px}.pref-list{grid-template-columns:repeat(4,minmax(0,1fr))}.lineup-grid{grid-template-columns:1fr}.check-grid{grid-template-columns:1fr}.modal{padding:16px}.home-actions .btn{font-size:15px}.table{font-size:11px}.table td,.table th{padding:9px 7px}.detail-top{align-items:flex-start}.detail-name{font-size:20px}.panel-hero{min-height:225px}.panel-hero-content{padding:20px}.univ-card{padding:12px;min-height:95px}.avatar.large{transform:scale(.85);transform-origin:center}.quick{padding:12px}}