*{box-sizing:border-box}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f8fbff;background:#071426;font-synthesis:none;--navy:#071426;--panel:#071a31e8;--cyan:#38d8ff;--cyan2:#84efff;--orange:#ff8b25;--yellow:#ffd43b;--green:#62f39d;--red:#ff4f66}
html,body{margin:0;min-height:100%;background:#071426;color:#fff}body{min-height:100vh;overflow-x:hidden}button,input{font:inherit}.app-shell{min-height:100vh}.screen{min-height:100vh}.screen[hidden]{display:none!important}.screen-active{display:block}

/* Approved character-select direction */
.selection-screen{position:relative;overflow:hidden;padding:18px clamp(18px,3vw,42px) 16px;background:radial-gradient(circle at 50% 0,#1a4a78 0,#0b1f3d 36%,#071426 76%)}
.selection-backdrop{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,17,34,.05),rgba(6,17,34,.55)),radial-gradient(circle at 10% 5%,#ff6a3d55,transparent 24%),radial-gradient(circle at 88% 12%,#4bcfff55,transparent 26%),linear-gradient(125deg,transparent 0 28%,#25d8ff12 28% 29%,transparent 29% 62%,#ff6d4310 62% 63%,transparent 63%);opacity:.95}
.selection-backdrop:before,.selection-backdrop:after{content:"";position:absolute;bottom:0;width:42%;height:70%;background:linear-gradient(180deg,transparent 0 18%,#0a1730 18% 100%);clip-path:polygon(0 24%,13% 20%,18% 40%,28% 30%,35% 55%,46% 36%,58% 48%,68% 22%,80% 42%,88% 15%,100% 33%,100% 100%,0 100%);opacity:.76}.selection-backdrop:before{left:0}.selection-backdrop:after{right:0;transform:scaleX(-1)}
.select-hero,.test-access-bar,.character-grid,.same-skills-note,.select-footer{position:relative;z-index:2;width:min(1440px,100%);margin-inline:auto}.select-hero{display:grid;grid-template-columns:260px 1fr 150px;align-items:start;gap:20px}.game-logo{display:inline-grid;transform:skew(-7deg) rotate(-2deg);filter:drop-shadow(0 7px 0 #04101f) drop-shadow(0 0 16px #19bfff66);line-height:.78;width:max-content}.game-logo .logo-verb,.game-logo .logo-runner{font-weight:1000;font-style:italic;letter-spacing:-.08em;-webkit-text-stroke:1px #051126;text-shadow:3px 3px 0 #071426}.game-logo .logo-verb{font-size:clamp(38px,5vw,70px);color:#fff}.game-logo .logo-runner{font-size:clamp(38px,5vw,70px);color:#ff7b1e}.game-logo small{transform:skew(7deg);font-size:11px;letter-spacing:.24em;margin-top:8px;color:#d8f6ff;text-align:center}.select-title-wrap{text-align:center;padding-top:8px}.select-title-wrap h1{margin:0;color:#fff;font-size:clamp(34px,4.4vw,68px);font-weight:1000;font-style:italic;letter-spacing:.02em;text-shadow:0 0 16px #23b8ff,0 3px 0 #173d8f}.select-title-wrap p{margin:4px 0 0;color:#4de7ff;font-size:clamp(13px,1.5vw,21px);font-weight:950;letter-spacing:.08em}.back-games{justify-self:end;color:#d9f7ff;text-decoration:none;border:1px solid #54dfff88;background:#051b31cc;border-radius:12px;padding:9px 13px;font-size:12px;font-weight:900}
.test-access-bar{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:6px}.test-access-bar label{font-size:10px;font-weight:950;letter-spacing:.12em;color:#bdeeff}.test-access-bar input{width:min(300px,45vw);border:1px solid #55ddff88;border-radius:10px;background:#071a31df;color:#fff;padding:9px 12px;font-size:14px;font-weight:800;outline:none;box-shadow:inset 0 0 18px #00101e}.test-access-bar input:focus{border-color:#7ef5ff;box-shadow:0 0 0 3px #32d9ff22}.form-error{min-width:140px;color:#ff9fb0;font-size:11px;font-weight:900}
.character-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:10px}.character-card{position:relative;min-height:min(49vh,520px);overflow:hidden;border:2px solid color-mix(in srgb,var(--runner-color) 86%,#fff 14%);border-radius:16px;background:linear-gradient(180deg,color-mix(in srgb,var(--runner-color) 34%,#12294a 66%),#071426);box-shadow:0 0 20px color-mix(in srgb,var(--runner-color) 42%,transparent),inset 0 0 28px color-mix(in srgb,var(--runner-color) 24%,transparent);padding:0;color:#fff;isolation:isolate;transition:transform .16s ease,box-shadow .16s ease}.character-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--runner-accent) 65%,transparent),transparent 37%),linear-gradient(180deg,transparent 55%,#061427 100%);z-index:-1}.character-card:hover{transform:translateY(-5px)}.character-card[aria-pressed="true"]{transform:translateY(-7px) scale(1.018);box-shadow:0 0 0 3px #fff8,0 0 28px var(--runner-color),inset 0 0 34px color-mix(in srgb,var(--runner-color) 35%,transparent)}.runner-art{position:absolute;inset:0 0 74px;display:block}.runner-art .head,.runner-art .hair,.runner-art .body,.runner-art .arm,.runner-art .leg,.runner-art .shoe,.runner-art .pack{position:absolute;display:block}.runner-art .head{width:62px;height:68px;border-radius:46% 46% 42% 42%;background:#efbc93;left:50%;top:13%;transform:translateX(-50%);z-index:4}.runner-art .hair{width:78px;height:46px;border-radius:55% 55% 30% 30%;background:#121b2c;left:50%;top:10%;transform:translateX(-50%) rotate(-4deg);z-index:5;box-shadow:-20px 12px 0 -9px #121b2c,20px 11px 0 -10px #121b2c}.runner-art .body{width:92px;height:145px;border-radius:31px 31px 20px 20px;left:50%;top:28%;transform:translateX(-50%);background:linear-gradient(180deg,var(--runner-color) 0 45%,#15243a 45% 100%);box-shadow:inset 0 0 0 5px #ffffff14,0 10px 24px #0007}.runner-art .body:after{content:"";position:absolute;left:20px;right:20px;top:45px;height:3px;background:#fff8}.runner-art .pack{width:55px;height:74px;border-radius:13px;background:#101b2e;left:calc(50% - 27px);top:34%;z-index:1;box-shadow:inset 0 0 0 4px var(--runner-color)}.runner-art .arm{width:27px;height:128px;border-radius:18px;background:linear-gradient(#1b2d45,#101a2b);top:31%;transform-origin:50% 8%;z-index:2}.runner-art .arm.left{left:calc(50% - 67px);transform:rotate(14deg)}.runner-art .arm.right{left:calc(50% + 40px);transform:rotate(-14deg)}.runner-art .leg{width:34px;height:150px;border-radius:18px;background:#111d2f;top:59%;transform-origin:50% 4%}.runner-art .leg.left{left:calc(50% - 39px);transform:rotate(5deg)}.runner-art .leg.right{left:calc(50% + 5px);transform:rotate(-5deg)}.runner-art .shoe{width:50px;height:24px;border-radius:12px;background:var(--runner-color);top:88%;z-index:5}.runner-art .shoe.left{left:calc(50% - 51px);transform:rotate(-4deg)}.runner-art .shoe.right{left:calc(50% + 4px);transform:rotate(4deg)}.character-card[data-pose="jump"] .runner-art{transform:translateY(-7px) rotate(-2deg)}.character-card[data-pose="jump"] .arm.left{transform:rotate(48deg)}.character-card[data-pose="jump"] .arm.right{transform:rotate(-62deg)}.character-card[data-pose="turn"] .runner-art{transform:rotate(3deg)}.character-card[data-pose="turn"] .arm.right{transform:rotate(-54deg)}.character-card[data-pose="crouch"] .runner-art{transform:translateY(17px) rotate(-5deg) scale(.96)}.character-card[data-pose="point"] .arm.right{transform:rotate(-82deg)}.character-card[data-pose="look"] .runner-art{transform:rotate(2deg)}
.runner-caption{position:absolute;left:0;right:0;bottom:0;min-height:76px;padding:9px 8px;background:linear-gradient(180deg,#061427bb,#071426f5);border-top:1px solid #ffffff24;text-align:center}.runner-caption strong{display:block;font-size:clamp(16px,1.4vw,24px);font-style:italic}.runner-caption small{display:block;margin-top:3px;color:#d9f2ff;font-size:9px;line-height:1.25;font-weight:850;letter-spacing:.05em}.same-skills-note{margin-top:8px;text-align:center;border:1px solid #4bd8ff88;background:#04192edb;border-radius:8px;padding:5px;font-size:10px;letter-spacing:.08em;font-weight:900}.select-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;margin-top:10px}.skill-strip,.environment-strip{display:flex;gap:8px;align-items:center}.skill-strip span,.environment-strip span{display:grid;place-items:center;min-width:56px;border:1px solid #49d6ff80;background:#071c35d9;border-radius:9px;padding:6px 7px;color:#d9f7ff;font-size:9px;font-weight:900}.skill-strip b{font-size:20px;color:#65dfff}.environment-strip{justify-content:flex-end}.environment-strip span{min-width:62px;height:42px;background:linear-gradient(180deg,#1f79ab,#0a3557);font-size:8px}.start-wrap{text-align:center}.start-run{border:2px solid #ffd76b;border-radius:11px;padding:12px 28px;background:linear-gradient(180deg,#ffe84a,#ffad1e);color:#15100a;font-size:clamp(20px,2.4vw,34px);font-style:italic;font-weight:1000;box-shadow:0 0 0 3px #7d3d00,0 0 24px #ffbd31aa;min-width:320px}.start-run:disabled{filter:grayscale(1);opacity:.45;box-shadow:none;cursor:not-allowed}.start-wrap strong{display:block;margin-top:6px;font-size:13px;letter-spacing:.05em}

/* Gameplay */
.game-screen{padding:0;background:#0e79c8;display:block}.game-stage{min-height:100vh;position:relative;overflow:hidden;background:#58b9ef;touch-action:none}.phaser-mount{position:absolute;inset:0}.phaser-mount canvas{display:block;width:100%!important;height:100%!important}.game-hud{position:absolute;inset:0;z-index:30;pointer-events:none}.hud-pause,.hud-momentum,.hud-prompt,.hud-timer,.hud-streak,.hud-progress{position:absolute;background:linear-gradient(180deg,#092348ef,#06182eef);border:2px solid #50dfffcc;box-shadow:0 0 0 2px #001a33aa,0 5px 18px #00182c88,inset 0 0 16px #0da6ff22;color:#fff;pointer-events:auto}.hud-pause{left:18px;top:18px;width:52px;height:52px;border-radius:10px;font-size:26px;font-weight:1000}.hud-momentum{left:18px;top:82px;width:230px;height:62px;border-radius:11px;padding:8px 10px 8px 48px}.hud-momentum .hud-icon{position:absolute;left:11px;top:9px;font-size:30px;color:#ffe147}.hud-meter-copy{display:flex;justify-content:space-between;align-items:center}.hud-meter-copy span,.hud-progress small,.hud-streak small{font-size:9px;letter-spacing:.08em;font-weight:950;color:#d7f7ff}.hud-meter-copy strong{font-size:12px}.momentum-track{height:13px;margin-top:5px;border-radius:4px;background:#163552;overflow:hidden;box-shadow:inset 0 0 0 2px #031321}.momentum-fill{height:100%;background:linear-gradient(90deg,#54f782,#7af26f,#ffd440);transition:width .18s;box-shadow:0 0 12px #67ff9b}.hud-prompt{top:18px;left:50%;transform:translateX(-50%);width:min(620px,52vw);border-radius:13px;padding:0 12px 10px;text-align:center}.prompt-tab{display:flex;justify-content:center;gap:14px;align-items:center;width:max-content;max-width:92%;margin:-2px auto 5px;padding:5px 18px 6px;border-radius:0 0 9px 9px;background:#083b66;border:1px solid #45dfff;border-top:0;font-size:11px;font-weight:950;letter-spacing:.07em}.prompt-tab strong{color:#b9f5ff;font-size:10px}.principal-parts{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:8px}.principal-parts>b{font-size:23px;color:#d5ecff88}.part span{display:block;font-size:8px;color:#8eeaff;font-weight:950;letter-spacing:.08em}.part strong{display:block;font-size:clamp(25px,2.8vw,42px);line-height:1.03;white-space:nowrap;text-shadow:0 2px 0 #000}.part.blank strong{color:#ffe377;text-shadow:0 0 15px #ffd84f}.hud-timer{right:18px;top:18px;height:52px;min-width:150px;border-radius:10px;padding:7px 12px;display:flex;align-items:center;gap:8px}.hud-timer .hud-icon{font-size:23px;color:#63e4ff}.hud-timer strong{font-size:20px}.hud-streak{right:18px;top:82px;min-width:150px;height:52px;border-radius:10px;padding:6px 13px;display:flex;gap:10px;align-items:center}.hud-streak>.hud-icon{font-size:29px}.hud-streak div{display:flex;align-items:baseline;gap:8px}.hud-streak strong{font-size:23px;color:#ffd13d}.hud-progress{right:18px;top:146px;min-width:105px;border-radius:9px;padding:5px 10px;text-align:right}.hud-progress strong{font-size:14px;margin-left:6px}.game-notice{position:absolute;z-index:40;left:50%;top:42%;transform:translate(-50%,-50%);min-width:min(430px,80vw);text-align:center;font-size:clamp(20px,3vw,34px);font-weight:1000;font-style:italic;letter-spacing:.02em;text-shadow:0 3px 8px #000;padding:11px 16px;border-radius:12px;pointer-events:none}.game-notice.correct{background:#0a5c36df;color:#d8ffe5;border:2px solid #69ff9c;box-shadow:0 0 22px #33ff7b99}.game-notice.wrong{background:#711a32e8;color:#ffe2e8;border:2px solid #ff5e75;box-shadow:0 0 22px #ff315a88}.game-notice.obstacle{background:#704619e8;color:#fff1b5;border:2px solid #ffc74b}.game-notice.info{background:#0a4e76e8;color:#dff8ff;border:2px solid #4bdcff}.pause-overlay{position:absolute;z-index:55;inset:0;background:#061426aa;display:grid;place-items:center}.pause-card{min-width:min(340px,82vw);padding:26px;border-radius:18px;border:2px solid #55e2ff;background:#071a32ee;text-align:center;box-shadow:0 0 40px #21cfff88}.pause-card span,.pause-card strong{display:block}.pause-card span{font-size:13px;letter-spacing:.18em;color:#9eefff}.pause-card strong{font-size:36px;margin:4px 0 18px}.pause-card button{border:0;border-radius:10px;background:linear-gradient(#ffe553,#ffab25);font-weight:1000;padding:11px 26px}.control-hints{position:absolute;z-index:31;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:6px;opacity:.72;pointer-events:none}.control-hints span{padding:6px 9px;border-radius:8px;background:#06162ed9;border:1px solid #66e2ff88;font-size:10px;font-weight:900}.mobile-controls{display:none;position:absolute;z-index:35;left:14px;right:14px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:center;gap:14px}.mobile-controls button{width:62px;height:62px;border-radius:50%;border:2px solid #67dcff;background:radial-gradient(circle,#159fff,#07528d 60%,#062943);color:#fff;font-size:30px;font-weight:1000;box-shadow:0 0 0 3px #00172acc,0 0 18px #1bbfff99}.mobile-controls button:nth-child(2){width:70px;height:70px;margin-top:-12px}

/* Results */
.result-screen{padding:30px;background:radial-gradient(circle at 50% 0,#305d91,#0c203e 48%,#061426 100%);display:grid;place-items:center}.result-card{width:min(820px,100%);text-align:center;border:1px solid #57dcff88;border-radius:22px;background:#071a31e8;padding:24px;box-shadow:0 26px 70px #0009}.result-logo{margin:0 auto 8px;transform:skew(-7deg) scale(.62);transform-origin:center top}.result-kicker{display:block;color:#b9eeff;font-size:12px;font-weight:950;letter-spacing:.14em}.result-card h2{font-size:clamp(30px,5vw,56px);margin:4px 0}.result-stars{font-size:42px;color:#ffd13e;text-shadow:0 0 18px #ffbd2e}.victory-runner{position:relative;width:120px;height:165px;margin:5px auto}.v-head,.v-body,.v-arm,.v-leg{position:absolute;display:block}.v-head{width:40px;height:47px;border-radius:50%;background:#e7b78f;left:40px;top:5px}.v-head:before{content:"";position:absolute;inset:-3px 0 auto;height:20px;border-radius:50%;background:#151d2c}.v-body{left:30px;top:49px;width:60px;height:72px;border-radius:20px;background:linear-gradient(180deg,#ff4b4b 0 42%,#18283c 42%)}.v-arm{top:55px;width:18px;height:82px;border-radius:12px;background:#20344b;transform-origin:50% 8%}.v-arm.left{left:20px;transform:rotate(145deg)}.v-arm.right{right:20px;transform:rotate(-145deg)}.v-leg{top:115px;width:21px;height:52px;border-radius:11px;background:#16243a}.v-leg.left{left:37px;transform:rotate(8deg)}.v-leg.right{right:37px;transform:rotate(-8deg)}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:8px}.result-grid div{padding:12px;border-radius:10px;background:#0c2947;border:1px solid #67dfff42}.result-grid span{display:block;font-size:9px;color:#9beaff;font-weight:900;letter-spacing:.08em}.result-grid strong{display:block;font-size:20px;margin-top:3px}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:15px}.result-actions .start-run{min-width:auto;font-size:18px;padding:10px 20px}.ghost-btn{border:1px solid #6de4ff88;background:#0a2846;color:#dff8ff;border-radius:10px;padding:10px 20px;font-weight:900}

@media(max-width:900px){.selection-screen{padding:12px 12px 100px}.select-hero{grid-template-columns:1fr;justify-items:center}.game-logo{transform:skew(-7deg) rotate(-2deg) scale(.74);transform-origin:center top}.select-title-wrap{margin-top:-20px}.select-title-wrap h1{font-size:32px}.select-title-wrap p{font-size:12px}.back-games{position:absolute;left:0;top:0}.test-access-bar{margin-top:0;display:grid;grid-template-columns:auto 1fr;gap:5px 8px}.test-access-bar input{width:100%;min-width:0}.form-error{grid-column:2;min-width:0}.character-grid{grid-template-columns:repeat(2,1fr);gap:9px;margin-top:8px}.character-card{min-height:330px}.same-skills-note{font-size:8px}.select-footer{grid-template-columns:1fr;margin-top:8px}.skill-strip,.environment-strip{display:none}.start-run{min-width:min(340px,92vw);font-size:24px}.game-logo small{font-size:9px}.hud-pause{left:10px;top:10px;width:44px;height:44px}.hud-prompt{top:58px;width:calc(100% - 20px);padding:0 8px 8px}.prompt-tab{font-size:9px}.part span{font-size:6px}.part strong{font-size:clamp(18px,6vw,30px)}.hud-momentum{left:10px;top:152px;width:calc(58% - 15px);height:54px;padding-left:39px}.hud-momentum .hud-icon{font-size:23px}.hud-timer{right:10px;top:152px;min-width:0;width:calc(42% - 5px);height:54px;padding:6px 8px}.hud-timer strong{font-size:16px}.hud-streak{right:10px;top:213px;min-width:0;width:calc(42% - 5px);height:47px}.hud-progress{left:10px;top:213px;right:auto;min-width:0;width:calc(58% - 15px);height:47px;text-align:left}.hud-streak strong{font-size:19px}.control-hints{display:none}.mobile-controls{display:flex}.game-notice{top:46%;font-size:21px}.result-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.character-card{min-height:285px}.runner-art{inset:0 0 64px;transform:scale(.82)!important;transform-origin:center bottom}.runner-caption{min-height:64px}.runner-caption strong{font-size:15px}.runner-caption small{font-size:8px}.same-skills-note{display:none}.select-title-wrap h1{font-size:27px}.test-access-bar label{font-size:8px}.mobile-controls{gap:9px}.mobile-controls button{width:56px;height:56px}.mobile-controls button:nth-child(2){width:64px;height:64px}.hud-prompt{top:60px}.hud-momentum{top:150px}.hud-timer{top:150px}.hud-streak,.hud-progress{top:210px}.result-screen{padding:14px}.result-card{padding:18px 12px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}