:root{--bg-top: #1a1040;--bg-bottom: #381d72;--panel-bg: rgba(255, 255, 255, .94);--panel-border: rgba(255, 255, 255, .85);--ink-dark: #1f1638;--ink-muted: #584b7a;--jelly-pink: #ff4791;--jelly-pink-dark: #d41c68;--jelly-cyan: #00d4ff;--jelly-cyan-dark: #0098cc;--jelly-yellow: #ffd83b;--jelly-yellow-dark: #e6ac00;--jelly-mint: #2ee59d;--jelly-purple: #9b5de5;--shadow-soft: 0 10px 28px rgba(15, 8, 38, .35);--font-sans: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", "Yu Gothic UI", "Meiryo", system-ui, -apple-system, sans-serif}*,*:before,*:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;width:100%;height:100vh;height:100dvh;overflow:hidden;background:linear-gradient(180deg,var(--bg-top) 0%,var(--bg-bottom) 100%);color:var(--ink-dark);font-family:var(--font-sans);user-select:none;-webkit-user-select:none;touch-action:manipulation}.app-shell{display:grid;grid-template-rows:auto 1fr auto;width:100%;height:100vh;height:100dvh;max-width:100vw;overflow:hidden;position:relative}.hud-bar{z-index:20;background:#180e38db;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid rgba(255,255,255,.16);padding:6px 10px;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand metrics" "progress progress" "status status";align-items:center;gap:5px 8px;color:#fff}.hud-brand{grid-area:brand;display:inline-flex;align-items:center;gap:6px;background:linear-gradient(135deg,var(--jelly-pink),#ff7b54);padding:3px 9px;border-radius:999px;box-shadow:0 3px #00000040;font-weight:900;font-size:.82rem;letter-spacing:.02em;white-space:nowrap}.brand-dot{width:9px;height:9px;border-radius:50%;background:var(--jelly-yellow);box-shadow:0 0 0 2px #ffffffa6}.hud-metrics{grid-area:metrics;display:flex;justify-content:flex-end;align-items:center;gap:5px;min-width:0}.hud-pill{display:inline-flex;align-items:baseline;gap:4px;padding:3px 8px;border-radius:999px;background:#ffffff24;border:1.5px solid rgba(255,255,255,.25);white-space:nowrap;line-height:1.15}.hud-rank{background:linear-gradient(135deg,#ffd83b,#ffae00);color:#231442;border-color:#fff3b0;box-shadow:0 2px #00000047}.hud-label{font-size:.68rem;font-weight:700;opacity:.88}.hud-value{font-size:.82rem;font-weight:900;font-variant-numeric:tabular-nums}.progress-track{grid-area:progress;position:relative;height:12px;border-radius:999px;background:#ffffff29;border:1.5px solid rgba(255,255,255,.3);overflow:visible;margin:1px 4px 1px 2px}.progress-fill{height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,var(--jelly-cyan),var(--jelly-mint),var(--jelly-yellow));transition:width 80ms linear}.progress-cp{position:absolute;top:-2px;bottom:-2px;width:3px;background:#ffffffd9;border-radius:2px}.progress-cp-1{left:35%}.progress-cp-2{left:70%}.player-marker{position:absolute;top:50%;left:0%;width:14px;height:14px;border-radius:50%;background:var(--jelly-pink);border:2.5px solid #ffffff;transform:translate(-50%,-50%);box-shadow:0 2px 6px #00000073;z-index:3}.cpu-markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cpu-dot{position:absolute;top:50%;width:9px;height:9px;border-radius:50%;border:1.5px solid #ffffff;transform:translate(-50%,-50%);z-index:2}.progress-goal{position:absolute;right:-4px;top:50%;transform:translateY(-52%);font-size:.78rem;line-height:1;z-index:4}.status-banner{grid-area:status;margin:0;font-size:.72rem;font-weight:700;color:#e9e2ff;background:#00000042;padding:3px 8px;border-radius:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stage-container{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center}.game-canvas{display:block;width:100%;height:100%}.finish-line-banner{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:12;display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;background:#190e36d6;border:2px solid #ffd83b;color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.05em;box-shadow:0 4px 12px #0000004d;white-space:nowrap;pointer-events:none;transition:transform .12s ease,background-color .12s ease}.finish-line-banner.is-near{background:linear-gradient(90deg,#ff4791,#ff9e00);transform:translate(-50%) scale(1.08)}.finish-checker{width:16px;height:10px;border-radius:2px;background-image:conic-gradient(#fff 90deg,#1f1638 90deg,#1f1638 180deg,#fff 180deg,#fff 270deg,#1f1638 270deg);background-size:8px 8px}.event-toast{position:absolute;top:48px;left:50%;transform:translate(-50%) translateY(-8px);z-index:15;padding:6px 14px;border-radius:999px;font-weight:900;font-size:.82rem;color:#1f1638;background:#ffd83b;border:2px solid #ffffff;box-shadow:0 6px 16px #00000059;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;white-space:nowrap}.event-toast.is-visible{opacity:1;transform:translate(-50%) translateY(0)}.overlay-card{position:absolute;z-index:25;width:min(92vw,430px);max-height:calc(100% - 16px);overflow-y:auto;background:var(--panel-bg);border:3px solid var(--panel-border);border-radius:22px;padding:14px 16px;box-shadow:var(--shadow-soft);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.overlay-card.is-hidden{display:none!important}.card-badge{display:inline-block;padding:3px 10px;border-radius:999px;font-size:.68rem;font-weight:900;letter-spacing:.08em;background:linear-gradient(135deg,var(--jelly-cyan),var(--jelly-purple));color:#fff}.game-title{margin:0;font-size:clamp(1.55rem,5.5vw,2.2rem);font-weight:900;line-height:1.05;letter-spacing:-.02em;display:flex;gap:6px;justify-content:center;flex-wrap:wrap}.title-jelly{color:var(--jelly-pink);text-shadow:0 3px 0 #ffd1e4}.title-sprint{color:#0098cc;text-shadow:0 3px 0 #ccf4ff}.game-subtitle{margin:0;font-size:.78rem;line-height:1.35;color:var(--ink-muted);font-weight:700}.feature-grid{width:100%;display:flex;flex-direction:column;gap:5px;text-align:left;background:#f4f0ff;border-radius:14px;padding:8px 10px;border:1.5px solid #e2d8ff}.feature-item{display:flex;align-items:center;gap:8px}.feature-icon{font-size:1.05rem;flex-shrink:0;width:26px;height:26px;border-radius:8px;background:#fff;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #1f163814}.feature-text{display:flex;flex-direction:column;font-size:.72rem;line-height:1.25}.feature-text strong{color:var(--ink-dark);font-size:.75rem}.feature-text span{color:var(--ink-muted)}.primary-cta{width:100%;border:none;border-radius:999px;padding:11px 18px;font-family:inherit;font-size:1rem;font-weight:900;letter-spacing:.03em;color:#fff;background:linear-gradient(180deg,#ff5ca1 0%,var(--jelly-pink-dark) 100%);box-shadow:0 5px #930d45,0 8px 18px #ff479173;cursor:pointer;transition:transform 80ms ease,box-shadow 80ms ease,filter .12s ease}.primary-cta:hover{filter:brightness(1.06)}.primary-cta:active{transform:translateY(3px);box-shadow:0 2px #930d45,0 4px 10px #ff479159}.primary-cta:focus-visible,.ctrl-btn:focus-visible{outline:3px solid var(--jelly-yellow);outline-offset:2px}.result-title{margin:0;font-size:1.35rem;font-weight:900;color:var(--ink-dark)}.result-summary{margin:0;font-size:.84rem;font-weight:800;color:var(--jelly-pink-dark)}.result-stats{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.stat-box{background:#f4f0ff;border:1.5px solid #e2d8ff;border-radius:12px;padding:6px 4px;display:flex;flex-direction:column;gap:2px}.stat-label{font-size:.65rem;font-weight:700;color:var(--ink-muted)}.stat-value{font-size:.88rem;font-weight:900;color:var(--ink-dark)}.standings-list{list-style:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;gap:4px}.standings-item{display:flex;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:10px;background:#f8f6ff;border:1.5px solid #e6dfff;font-size:.76rem;font-weight:800}.standings-item.is-player{background:#fff0f7;border-color:var(--jelly-pink)}.standings-left{display:inline-flex;align-items:center;gap:6px}.runner-swatch{width:11px;height:11px;border-radius:50%;display:inline-block;border:1.5px solid rgba(0,0,0,.2)}.controls-dock{z-index:20;background:#140b30eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:2px solid rgba(255,255,255,.18);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;justify-content:space-between;gap:8px}.move-pad{display:flex;align-items:center;gap:8px;flex:1 1 auto;max-width:240px}.ctrl-btn{border:none;border-radius:16px;font-family:inherit;font-weight:900;font-size:.92rem;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:12px;cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;transition:transform 60ms ease,filter 80ms ease}.ctrl-move{flex:1 1 0;min-width:78px;color:#fff;background:linear-gradient(180deg,#27c8ff 0%,var(--jelly-cyan-dark) 100%);box-shadow:0 4px #00668c,0 6px 14px #00d4ff4d}.ctrl-jump{flex:0 0 auto;min-width:112px;color:#241445;background:linear-gradient(180deg,#ffe259,#ffa751);box-shadow:0 4px #b86500,0 6px 14px #ffd83b59}.ctrl-btn.is-active,.ctrl-btn:active{transform:translateY(3px);filter:brightness(1.08)}.ctrl-icon{width:20px;height:20px;flex-shrink:0}.control-hint{color:#ffffffb8;font-size:.72rem;font-weight:700;white-space:nowrap}@media(max-width:480px){.control-hint{display:none}.hud-bar{padding:5px 8px;gap:4px 6px}.hud-brand{font-size:.74rem;padding:2px 7px}.hud-pill{padding:2px 6px;gap:3px}.hud-label{font-size:.62rem}.hud-value{font-size:.75rem}.status-banner{font-size:.66rem;padding:2px 6px}.overlay-card{width:94vw;padding:12px;gap:6px}.controls-dock{padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));gap:6px}.move-pad{max-width:none;gap:6px}.ctrl-btn{padding:11px 8px;font-size:.84rem;min-width:68px}.ctrl-jump{min-width:98px}}@media(max-height:620px){.feature-grid{padding:5px 8px;gap:3px}.feature-icon{width:22px;height:22px;font-size:.9rem}.primary-cta{padding:9px 14px;font-size:.92rem}}