@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Do+Hyeon&display=swap";:root{color:#f5f6ff;font-synthesis:none;background:#101425;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,a:focus-visible{outline-offset:3px;outline:3px solid #fee27d}.shell{background:radial-gradient(circle at 50% -10%,#29315d 0,#0000 44%),linear-gradient(135deg,#101425,#171c35 70%,#12182c);flex-direction:column;min-height:100vh;padding:0 clamp(16px,4vw,44px);display:flex}.topbar{border-bottom:1px solid #ffffff18;justify-content:space-between;align-items:center;width:100%;max-width:1180px;height:84px;margin:0 auto;display:flex}.brand{color:#fff;letter-spacing:.02em;font-family:Do Hyeon,system-ui,sans-serif;font-size:26px;text-decoration:none}.nav-tag{color:#b8bed7;letter-spacing:.14em;border:1px solid #ffffff30;border-radius:999px;padding:8px 13px;font-size:11px;font-weight:800}.content{width:100%;max-width:1180px;margin:auto;padding:36px 0}.footer{text-align:center;color:#8790ae;padding:20px 0 26px;font-size:12px}.panel{background:#202641e8;border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 24px 80px #00000028}.section-heading{text-align:center}.eyebrow{color:#80e5d9;letter-spacing:.18em;text-transform:uppercase;margin:0 0 10px;font-size:12px;font-weight:800}.title,.game-title{font-family:Do Hyeon,system-ui,sans-serif;font-weight:400;line-height:1.08}.title{margin:0;font-size:clamp(42px,6vw,68px)}.subtitle{color:#b8bed7;margin:12px 0 0;font-size:15px;line-height:1.6}.entry-panel{max-width:540px;margin:0 auto;padding:clamp(28px,6vw,52px)}.entry-graphic{background:linear-gradient(90deg,#3d497d,#253051);border:1px solid #ffffff1c;border-radius:18px;justify-content:center;align-items:center;height:120px;margin:24px 0 28px;display:flex;overflow:hidden}.graphic-train{filter:drop-shadow(0 10px 8px #0005);font-size:76px}.graphic-runner{filter:drop-shadow(0 7px 4px #0005);font-size:48px}.graphic-dash{color:#fee27d;letter-spacing:10px;margin:0 4px 0 15px;font-size:30px}.entry-form{flex-direction:column;gap:11px;display:flex}.field-label,.tiny-label{color:#aeb6d4;letter-spacing:.04em;font-size:12px;font-weight:700}.name-input{color:#fff;background:#14192e;border:1px solid #ffffff30;border-radius:13px;outline:none;width:100%;padding:17px 18px}.name-input::placeholder{color:#737d9c}.primary-button,.secondary-button{border:0;border-radius:13px;padding:16px 20px;font-weight:800;transition:transform .12s,filter .12s}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-2px)}.primary-button{color:#1a213e;background:#fbe276;box-shadow:0 7px #d2a94a}.entry-form .primary-button{margin-top:8px}.secondary-button{color:#fff;white-space:nowrap;background:#334064}.room-hint,.note{color:#aeb6d4;text-align:center;font-size:13px;line-height:1.5}.status-banner{color:#d5f6f2;background:#2b3d54;border-radius:10px;width:100%;max-width:1180px;margin:18px auto 0;padding:12px 16px;font-size:14px}.error-banner{color:#ffe2e9;background:#5f2c43}.lobby-panel,.results-panel{max-width:690px;margin:0 auto;padding:clamp(24px,5vw,42px)}.lobby-panel .title,.results-panel .title{font-size:clamp(38px,5vw,56px)}.invite-box{background:#16233a;border:1px dashed #89e2d68a;border-radius:15px;justify-content:space-between;align-items:center;gap:15px;margin:32px 0;padding:18px;display:flex}.invite-box>div{flex-direction:column;gap:4px;display:flex}.invite-code{color:#fff;letter-spacing:.15em;font-size:21px}.subheading{margin:0 0 12px;font-family:Do Hyeon,system-ui,sans-serif;font-size:22px;font-weight:400}.player-list,.ranking-list{gap:9px;margin:0;padding:0;list-style:none;display:grid}.player-row{background:#161c34;border:1px solid #ffffff16;border-radius:12px;align-items:center;gap:10px;min-height:53px;padding:8px 13px;display:flex}.avatar-small{font-size:25px}.player-name{overflow-wrap:anywhere;margin-right:auto;font-weight:700}.pill{color:#fde37d;white-space:nowrap;background:#fbe27620;border-radius:999px;padding:4px 8px;font-size:11px}.you-pill{color:#89e2d6;background:#89e2d622}.offline{color:#aeb6d4;white-space:nowrap;font-size:11px}.start-button{width:100%;margin-top:24px;display:block}.game-panel{width:100%}.game-header{justify-content:space-between;align-items:center;gap:16px;padding:21px 27px;display:flex}.game-header .eyebrow{margin-bottom:5px}.game-title{margin:0;font-size:clamp(26px,4vw,42px)}.timer-badge{color:#fbe276;background:#e6b95715;border:1px solid #fee27d70;border-radius:14px;flex-direction:column;align-items:center;min-width:117px;padding:9px 17px;display:flex}.timer-warning{color:#ffd0d8;background:#fa84982b;border-color:#fa8498;animation:.55s infinite alternate warning-pulse}@keyframes warning-pulse{0%{box-shadow:0 0 #fa84983b}to{box-shadow:0 0 0 7px #fa849800}}.timer-label{white-space:nowrap;font-size:10px;font-weight:800}.timer-value{font-variant-numeric:tabular-nums;font-size:27px;line-height:1.1}.track-board{scrollbar-color:#7080b1 transparent;gap:13px;padding:22px 2px;display:flex;overflow-x:auto}.runner-card{background:#202641;border:1px solid #ffffff20;border-radius:18px;flex:1 0 145px;min-width:145px;max-width:240px;padding:13px}.my-card{border-color:#fee27d;box-shadow:0 0 0 2px #fee27d3b}.runner-top{justify-content:space-between;align-items:center;gap:5px;min-height:24px;display:flex}.runner-nick{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.runner-score{color:#fee27d;white-space:nowrap;font-size:13px}.track{background:repeating-linear-gradient(#384365 0 1px,#2c3655 1px 27px);border:1px solid #ffffff20;border-radius:11px;height:clamp(260px,42vh,410px);margin:12px 0;position:relative;overflow:hidden}.track:before{content:"";pointer-events:none;background:linear-gradient(#ffffff12,#0000 35% 65%,#89e2d624);position:absolute;inset:0}.track-top{text-align:center;color:#ced5ec;width:100%;font-size:10px;font-weight:700;position:absolute;top:5px;left:0}.door-line{z-index:1;color:#ffc4cc;text-align:center;background:#24314a99;border-top:4px solid #f57488;padding-top:4px;font-size:10px;font-weight:800;position:absolute;bottom:27%;left:0;right:0}.door-open .door-line{color:#b7f6e5;border-color:#74dfbe}.track-safe{color:#8ce2d0;text-align:center;letter-spacing:.1em;font-size:9px;font-weight:800;position:absolute;bottom:5px;left:0;right:0}.runner-emoji{z-index:2;filter:drop-shadow(0 5px 4px #0008);font-size:clamp(32px,4vw,44px);line-height:1;transition:bottom .13s ease-out;position:absolute;left:50%;transform:translate(-50%,50%)}.result-fail,.result-safe,.round-status{text-align:center;min-height:27px;font-size:11px;font-weight:800}.result-fail{color:#ff8eaa}.result-safe{color:#80e5d9}.round-status{color:#b8bed7}.controls{padding:16px}.control-hint{text-align:center;color:#c4cbe1;margin:3px 0 14px;font-size:13px}.touch-pads{gap:12px;display:flex}.touch-pad{color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;background:#344269;border:1px solid #ffffff30;border-radius:14px;flex:1;min-height:72px;font-size:19px;font-weight:800}.touch-pad:active{background:#56689d;transform:scale(.98)}.ranking-list{margin:30px 0}.ranking-row{background:#171d34;border:1px solid #ffffff20;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:15px;display:flex}.ranking-row.winner{background:#514a37;border-color:#fee27d83}.ranking-name,.ranking-detail{align-items:center;gap:10px;display:flex}.rank-number{color:#fee27d;white-space:nowrap;font-weight:800}.rank-emoji{font-size:26px}.ranking-name strong{overflow-wrap:anywhere}.ranking-detail{white-space:nowrap;flex-direction:column;align-items:end;gap:2px}.round-breakdown{color:#aeb6d4;font-size:11px}.total-score{color:#fff}.results-panel>.primary-button{width:100%;display:block}@media (width<=600px){.topbar{height:66px}.brand{font-size:22px}.nav-tag{font-size:9px}.content{padding:22px 0}.entry-panel{padding:24px 20px}.entry-graphic{height:100px}.graphic-train{font-size:60px}.graphic-runner{font-size:37px}.invite-box{flex-direction:column;align-items:stretch}.invite-box .secondary-button{width:100%}.game-header{padding:16px}.timer-badge{min-width:93px;padding:8px}.timer-value{font-size:23px}.track-board{gap:9px;padding:16px 2px}.runner-card{flex-basis:126px;min-width:126px;padding:9px}.track{height:clamp(240px,39vh,330px)}.touch-pad{min-height:82px}.ranking-row{align-items:flex-start}.ranking-name{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.runner-emoji,.primary-button,.secondary-button{transition:none}.timer-warning{animation:none}}