:root{color-scheme:dark;--bg:#080e1d;--panel:#101b2c;--ink:#edf8f5;--muted:#8ca4b5;--aqua:#85f5dc;--gold:#fbe29c;--edge:#294051;--pink:#f3a8c9}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(ellipse 65% 35% at 50% -7%,#184f59 0%,transparent 85%),radial-gradient(ellipse 50% 80% at 100% 80%,#17294d 0%,transparent 75%),var(--bg);font-family:"Inter","Noto Sans JP",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh;line-height:1.6}.grain{position:fixed;inset:0;pointer-events:none;opacity:.3;background-image:linear-gradient(transparent 97%,#fff1 100%);background-size:100% 4px;z-index:10}.site-head{max-width:1300px;margin:auto;padding:26px 28px 0;display:flex;justify-content:space-between;align-items:center;gap:16px}.back{color:#cce3e3;text-decoration:none;font-size:12px;font-weight:750;letter-spacing:.12em}.back:hover{color:var(--aqua)}.eyebrow,.tiny,.label{font-size:10px;font-weight:800;letter-spacing:.16em}.eyebrow{color:var(--muted);display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 15px var(--aqua)}.head-id{color:#426271}main{max-width:1300px;margin:auto;padding:28px 28px 20px}.hero{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:0 0 28px}.tiny{color:var(--aqua)}h1{font-size:clamp(40px,6vw,78px);margin:1px 0 9px;letter-spacing:-.075em;line-height:1.08;font-weight:900}h1>span{color:var(--aqua)}h1 small{display:inline-block;letter-spacing:0;font-size:clamp(13px,1.6vw,20px);margin-left:20px;vertical-align:middle;font-weight:650;color:#b5c7cc}.hero p{margin:0;color:#b2c6d0;font-size:13px}.datecard{border:1px solid #28505b;background:#0d202b99;border-radius:6px;padding:15px 20px 13px;min-width:223px}.datecard span,.datecard small{display:block;font-size:9px;letter-spacing:.12em;color:#83a4b0;font-weight:800}.datecard strong{display:block;font-size:23px;font-variant-numeric:tabular-nums;letter-spacing:-.03em;color:var(--aqua);margin:2px 0}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:22px;align-items:start}.station,.side-card{border:1px solid var(--edge);border-radius:8px;background:linear-gradient(160deg,#152436ef,#0b1425f2);box-shadow:0 18px 65px #01071188}.station{padding:23px}.station-top{display:flex;justify-content:space-between;gap:15px;align-items:center}.label{color:#7d9bb1}.station-top h2{font-size:19px;margin:3px 0 0;letter-spacing:.05em}.scoregroup{text-align:right}.scoregroup strong{display:inline-block;color:var(--gold);font-size:30px;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.1}.scoregroup .label{display:block}.units{font-size:10px;color:var(--muted);margin-left:5px}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin:20px 0 16px}.progress i{height:3px;background:#284251;transition:background .2s}.progress i.done{background:var(--aqua)}.progress i.active{background:var(--gold)}.screen{position:relative;background:#060e1b;border:1px solid #294458;padding:12px 16px 11px;overflow:hidden}.screen:before{content:"";pointer-events:none;position:absolute;inset:0;background:radial-gradient(ellipse at center,#1a426d25,transparent 80%)}.screen-top,.screen-bottom{position:relative;display:flex;justify-content:space-between;gap:10px;align-items:center;z-index:2;font-size:10px;letter-spacing:.09em;font-weight:700;color:#6894a3}.screen-top{padding:1px 0 10px}.screen-bottom{padding:10px 1px 2px;justify-content:flex-start;gap:21px;flex-wrap:wrap}.screen-bottom span{display:flex;gap:6px;align-items:center}.screen-bottom b{width:17px;height:2px;background:var(--aqua);display:inline-block;box-shadow:0 0 8px currentColor}.screen-bottom b.yours-dot{background:var(--gold)}canvas{display:block;width:100%;height:auto;aspect-ratio:25/14;position:relative;z-index:1}.screenglass{position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(125deg,#ffffff08,transparent 25%,transparent 72%,#8cfef404)}.controls{padding-top:19px}.control-heading{display:flex;gap:12px;justify-content:space-between;flex-wrap:wrap}.hint{font-size:11px;color:#a1b7c5}.faders{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:12px}.fader{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:5px;align-items:center;background:#091729;border:1px solid #203b4b;border-radius:5px;padding:11px 12px}.fader span{font-size:10px;color:#b1c6ca;grid-column:span 2;white-space:nowrap}.fader b{color:var(--aqua);padding-right:5px;font-size:12px}.fader input{width:100%;min-width:0;accent-color:var(--gold);cursor:pointer}.fader output{font-variant-numeric:tabular-nums;font-weight:800;font-size:13px;color:var(--gold);text-align:right}.station-action{padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:16px}.station-action p{font-size:12px;color:#a7bdc8;margin:0;max-width:330px}.station button,.result-actions button{border:0;cursor:pointer;font-weight:900;transition:transform .12s,filter .12s;letter-spacing:.04em}.station button:hover{filter:brightness(1.08)}.station button:active{transform:scale(.98)}.station button:disabled{opacity:.5;cursor:not-allowed}.station-action button{background:var(--aqua);color:#07232b;border-radius:3px;min-height:50px;padding:12px 19px;font-size:12px;white-space:nowrap}.station-action button span{padding-left:8px}.sidebar{display:grid;gap:18px}.side-card{padding:23px}.side-card h2{font-size:20px;line-height:1.35;margin:8px 0 20px}.step{display:grid;grid-template-columns:33px minmax(0,1fr);gap:12px;padding:13px 0;border-top:1px solid #233b4a}.step>b{font-size:19px;color:var(--aqua);font-weight:850}.step p{font-size:12px;color:#adc2c9;margin:0}.step strong{color:#f0efe6}.board-top{display:flex;justify-content:space-between}.board-icon{font-size:27px;color:var(--gold)}.board ol{list-style:none;padding:0;margin:0}.board li{display:grid;grid-template-columns:28px minmax(0,1fr) 56px;gap:8px;align-items:center;border-bottom:1px solid #233b4a;padding:9px 0;font-size:12px}.board li .place{font-weight:900;color:#8fdace}.board li .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6e9e7}.board li .points{text-align:right;color:var(--gold);font-variant-numeric:tabular-nums;font-weight:900}.board li.empty{display:block;color:#8fa7b4;font-size:12px}.micro{font-size:10px!important;color:#7994a4!important;line-height:1.7}.board .micro{margin:15px 0 0}.hidden{display:none!important}.result{padding:24px;margin:20px 0 0;border:1px solid #458f8f;background:radial-gradient(ellipse at right top,#1d565c77,transparent 65%),#102330}.result h2{color:var(--aqua);font-size:22px;margin:4px 0}.result-number strong{font-size:clamp(48px,7vw,84px);letter-spacing:-.055em;font-variant-numeric:tabular-nums;color:var(--gold)}.result-number span{font-size:16px;color:#93b5bb;margin-left:9px}.result>p{font-size:13px;color:#c9dcdf}.result-actions{display:flex;gap:9px;flex-wrap:wrap}.result-actions button{background:#214358;color:#ecfaf6;padding:12px 14px;border-radius:4px;font-size:12px}.result-actions #shareX{background:var(--aqua);color:#07242d}footer{margin:22px 0 0;padding:16px 0;border-top:1px solid #21384c;display:flex;gap:16px;justify-content:space-between;color:#6d8a9d;font-size:10px;font-weight:850;letter-spacing:.14em}@media(max-width:950px){.layout{grid-template-columns:1fr}.sidebar{grid-template-columns:1fr 1fr}.hero{align-items:start}.datecard{margin-top:8px}}@media(max-width:660px){.site-head{padding:17px 14px 0}.head-id,.eyebrow{display:none}main{padding:18px 12px}.hero{display:block;margin-bottom:16px}h1{font-size:43px}h1 small{display:block;margin:5px 0 0;font-size:15px}.hero p{font-size:12px}.datecard{margin-top:15px;padding:9px 14px;min-width:0;display:flex;justify-content:space-between;align-items:center;gap:12px}.datecard strong{font-size:16px}.datecard small{font-size:8px;text-align:right}.datecard span{display:none}.station{padding:13px}.station-top h2{font-size:16px}.scoregroup strong{font-size:24px}.screen{padding:9px 8px}.screen-top,.screen-bottom{font-size:8px}.faders{grid-template-columns:1fr;gap:7px}.fader{grid-template-columns:82px minmax(0,1fr) 26px}.fader span{grid-column:auto;font-size:9px}.fader input{min-width:0}.station-action{align-items:stretch;flex-direction:column;gap:10px}.station-action button{width:100%}.sidebar{grid-template-columns:1fr}footer span{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.player-name{display:grid;gap:6px;margin:-7px 0 16px}.player-name span{font-size:10px;letter-spacing:.13em;color:#91b1b7;font-weight:800}.player-name input{width:100%;border:1px solid #376171;background:#081827;color:#eaf9f3;padding:10px 12px;border-radius:3px;font-size:13px;outline-offset:2px}.player-name input:focus{outline:2px solid #85f5dc}