@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;700;900&display=swap');
:root{color-scheme:dark;--blue:#8cbfff;--muted:#9a9eb8;--ink:#101326}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 12%,#242c4b 0,transparent 55%),#101326;color:#f7f5ef;font-family:'Noto Sans KR',system-ui,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #ffcf73;outline-offset:3px}main{max-width:660px;margin:auto;padding:26px 24px 20px}header{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none;font-weight:900;font-size:18px}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover;object-position:center}.brand small{display:block;font-size:9px;letter-spacing:2px;color:var(--blue);font-weight:500}.edition{font-size:10px;letter-spacing:1.5px;color:var(--muted);border:1px solid #3b405a;border-radius:30px;padding:7px 10px}.intro{padding:33px 0 24px}.eyebrow{font-size:9px;letter-spacing:2.2px;color:var(--blue);font-weight:700}h1{font-size:43px;line-height:1.2;letter-spacing:-2px;margin:12px 0;font-weight:900}h1 span{color:var(--blue)}.intro p{font-size:13px;color:var(--muted);margin:0}.machine{border:1px solid #46526b;background:#171d32;border-radius:19px;overflow:hidden;box-shadow:0 18px 60px #0005}.hud{display:flex;align-items:center;gap:20px;padding:15px 20px}.hud small{font-size:10px;color:#b1bbd2;display:block;margin-bottom:3px}.hud strong{font-size:25px;font-variant-numeric:tabular-nums}.hud strong span{font-size:13px;color:var(--blue);margin-left:2px}.goal{flex:1}.goal small{text-align:right}.track{position:relative;background:#303950;height:6px;border-radius:6px;margin-top:9px}.track i{display:block;background:var(--blue);height:100%;border-radius:6px;transition:width .3s}.track b{position:absolute;left:85%;top:-3px;background:#ffd985;width:2px;height:12px}.life{text-align:right}.life strong{font-size:16px;letter-spacing:1px;color:#ffabc3}.board{position:relative;background:#10172b}canvas{width:100%;height:auto;display:block;touch-action:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#0a102971;backdrop-filter:blur(5px);padding:14px}.overlay[hidden]{display:none}.overlay-card{text-align:center;width:100%;max-width:350px}.pill{font-size:10px;border:1px solid #ffffff30;background:#121e37b0;border-radius:20px;padding:6px 12px;color:#cfdef5}.cat-preview{width:100px;height:100px;margin:18px auto 10px;overflow:hidden;border-radius:50%;box-shadow:0 0 35px #8cbfff40}.cat-preview img{width:117px;height:120px;transform:translate(-5px,-10px)}h2{font-size:23px;letter-spacing:-1px;margin:10px 0}.overlay p{font-size:12px;line-height:1.9;color:#d3def0}.primary{width:230px;max-width:100%;padding:13px 20px;background:#9ac8ff;color:#14213c;font-weight:900;border:0;border-radius:10px;display:flex;justify-content:space-between;margin:18px auto 0;box-shadow:0 4px 0 #4979ae}.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #4979ae}.toolbar{min-height:46px;padding:9px 13px;display:flex;align-items:center;gap:7px;border-top:1px solid #35415c}.toolbar span{font-size:10px;color:#b6c5dd;flex:1}.toolbar button{border:1px solid #47536d;background:#273149;border-radius:7px;width:30px;height:29px}.toolbar button:disabled{opacity:.4;cursor:default}.toolbar #toast{flex:1;min-width:0;font-size:10px;line-height:1.6;color:#c0dcff;pointer-events:none}.toolbar #toast[hidden]{display:none}@media(max-width:440px){.toolbar #toast{flex-basis:100%}}.controls{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 4px}.guide .key{display:inline-block;font-size:16px;letter-spacing:6px;color:var(--blue)}.guide p{font-size:11px;color:#b8bfd3;line-height:1.8;margin:8px 0}.guide b{font-weight:400;color:#7f8aa5}.dpad{display:grid;grid-template-columns:45px 45px 45px;grid-template-rows:42px 42px;gap:5px;touch-action:none;user-select:none}.dpad button{border:1px solid #4a5775;border-radius:9px;background:#26324b;font-size:23px;touch-action:none}.dpad button:active,.dpad button.held{background:#9ac8ff;color:#17213a}.dpad [data-dir=up]{grid-column:2}.dpad [data-dir=left]{grid-row:2;grid-column:1}.dpad [data-dir=right]{grid-row:2;grid-column:3}.dpad [data-dir=down]{grid-row:3;grid-column:2}.dpad{grid-template-rows:38px 38px 38px}.dpad span{grid-row:2;grid-column:2;text-align:center;align-self:center;color:#8aa9d1}.bottom{border-top:1px solid #30394f;border-bottom:1px solid #30394f;display:flex;align-items:center;justify-content:space-between;padding:15px 0;font-size:11px;color:#9faac0}.bottom b{margin-left:10px;color:#d4e4ff}.bottom button{border:0;background:none;color:#d7e5ff;font-size:12px}details{font-size:11px;line-height:1.9;color:#a4b1cc;margin:16px 0}summary{cursor:pointer;color:#c4d1e9}footer{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#727e9b;padding-top:8px}footer span{letter-spacing:0}@media(max-width:440px){main{padding:17px 13px}.intro{padding:25px 0 20px}h1{font-size:36px}.hud{gap:12px;padding:12px}.hud strong{font-size:22px}.hud .life strong{font-size:13px}.overlay .cat-preview{width:68px;height:68px;margin:13px auto 5px}.cat-preview img{width:81px;height:84px}.overlay h2{font-size:19px;margin:8px 0}.overlay p{font-size:10px;margin:6px 0}.primary{padding:10px;margin-top:12px}.pill{font-size:8px}.controls{padding:15px 4px}.toolbar span{font-size:9px}.edition{font-size:8px}.brand{font-size:16px}}body.embedded main{max-width:560px;padding:8px}body.embedded header,body.embedded .intro,body.embedded details,body.embedded footer{display:none}body.embedded .controls{padding:10px 4px}body.embedded .bottom{padding:8px 0}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.enemy-legend{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:14px 0 0}.enemy-legend>div{display:flex;align-items:center;gap:7px;padding:9px 6px;border:1px solid #35425c;border-radius:10px;background:#192238}.enemy-legend img{width:34px;height:34px;flex-shrink:0}.enemy-legend b{display:block;font-size:11px;color:#dbe8ff}.enemy-legend small{display:block;font-size:7px;line-height:1.5;color:#9eafcb;margin-top:3px}.enemy-legend>div:nth-child(1) b{color:#ffb36f}.enemy-legend>div:nth-child(2) b{color:#ff8d99}.enemy-legend>div:nth-child(3) b{color:#c4a6ff}.enemy-legend>div:nth-child(4) b{color:#8bd9ff}@media(max-width:500px){.enemy-legend{grid-template-columns:repeat(2,minmax(0,1fr))}.enemy-legend>div{padding:7px 10px}.enemy-legend b{font-size:12px}.enemy-legend small{font-size:8px}.enemy-legend img{width:32px;height:32px}}body.embedded .enemy-legend{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding-top:6px}body.embedded .enemy-legend>div{padding:4px;justify-content:center}body.embedded .enemy-legend img{width:24px;height:24px}body.embedded .enemy-legend small{display:none}body.embedded .enemy-legend b{font-size:9px}

.enemy-legend b{font-size:10px;letter-spacing:.15px}@media(max-width:500px){.enemy-legend b{font-size:11px}}body.embedded .enemy-legend>div{flex-direction:column;gap:2px}body.embedded .enemy-legend b{font-size:8px}

/* Outer-page Musk universe: decorative layers never cover the game canvas. */
body{background:radial-gradient(ellipse at 74% 5%,#29355066,transparent 44%),radial-gradient(ellipse at 10% 65%,#26336b33,transparent 40%),#0b1020;isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:url('assets/musk-universe.svg') center top / max(1300px,100vw) auto no-repeat;pointer-events:none}
main{position:relative;isolation:isolate}
main::before{content:"";position:absolute;inset:0 -22px;z-index:-1;background:linear-gradient(90deg,#0d14228c,#11182bd9 24%,#11182bde 76%,#0d14228c);border-left:1px solid #94bbef0c;border-right:1px solid #94bbef0c;pointer-events:none}
.intro{position:relative;isolation:isolate;min-height:220px}
.intro::before{content:"";position:absolute;z-index:-1;right:-18px;top:-15px;width:260px;height:250px;background:url('assets/musk.jpg') 32% center / auto 100% no-repeat;filter:none;opacity:1;mask-image:radial-gradient(ellipse at 62% 45%,#000 48%,transparent 76%);pointer-events:none}
.intro::after{content:"";position:absolute;z-index:-2;right:-15px;top:24px;width:184px;height:184px;border:1px solid #91bbf62b;border-radius:50%;box-shadow:0 0 0 19px #8cbfff07,0 0 70px #4b8aff13;background:radial-gradient(circle at 70% 35%,#5787c41c,transparent 70%);transform:rotate(-25deg) scaleX(.8);pointer-events:none}
.intro h1{text-shadow:0 3px 24px #0a1021}.intro p{position:relative;color:#b1bcd4}.eyebrow{position:relative;z-index:1}header{position:relative;z-index:1}.edition{background:#111a2c99;backdrop-filter:blur(8px)}
@media(min-width:1000px){body::after{content:"X";position:fixed;right:calc(50% - 615px);top:398px;font:180px/1 Arial,sans-serif;font-weight:200;color:#9bbfff0c;transform:rotate(-9deg);z-index:-1;pointer-events:none}}
@media(max-width:660px){body::before{background-size:1000px auto;background-position:calc(50% + 115px) -100px}main::before{inset:0;background:linear-gradient(90deg,#11182b8c,#11182b73 50%,#11182b55);border:0}.intro::before{right:-24px;top:0;width:210px;height:215px;opacity:1}.intro::after{right:-33px;top:20px;width:165px;height:165px}.intro{min-height:205px}.eyebrow{letter-spacing:1.7px}}
body.embedded::before{opacity:.35}body.embedded::after{display:none}body.embedded main::before{display:none}
.intro{overflow:hidden}body{overflow-x:hidden;overflow-x:clip}
.intro::before{background:url("assets/musk-helmet.png") center / contain no-repeat;filter:none;opacity:1;mask-image:none;width:215px;height:215px;right:0;top:3px}.intro::after{display:none}@media(max-width:660px){.intro::before{width:180px;height:180px;right:-8px;top:14px}}

.mission-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 12px;padding:10px 12px;background:#1b263dcc;border:1px solid #465978;border-radius:12px}.mission-bar strong{font-size:10px;color:#bfdbff;letter-spacing:.4px}#missions{display:flex;gap:4px}#missions button{width:25px;height:25px;border:1px solid #4b6283;background:#26324b;border-radius:7px;font-size:11px}#missions button.active{background:#96c8ff;color:#14213c;border-color:#a4d3ff;font-weight:900}#missions button:disabled{opacity:.3;cursor:not-allowed}#sound[aria-pressed=false]{opacity:.55}body.embedded .mission-bar{padding:6px 8px;margin-bottom:6px}@media(max-width:380px){.mission-bar{padding:8px}.mission-bar strong{font-size:8px}#missions button{width:22px;height:24px}}

#missions button:disabled{opacity:.6;cursor:default}#missions button.active:disabled{opacity:1}#missions button.completed{opacity:1;border-color:#83beaa;color:#a9e4cf;background:#1f3d3c}

.creator{display:flex;gap:12px;align-items:center;justify-content:space-between;padding:14px 12px;margin:14px 0;border:1px solid #415777;border-radius:11px;background:#1b2940}.creator span{font-size:8px;letter-spacing:1px;color:#9eafcb}.creator b{display:block;font-size:12px;letter-spacing:0;color:#cbe2ff;margin-top:3px}.creator a{font-size:11px;font-weight:700;text-decoration:none;color:#15243c;background:#9ac8ff;padding:9px 12px;border-radius:8px}body.embedded .creator{padding:7px 9px;margin:8px 0}body.embedded .creator a{padding:6px 9px;font-size:10px}

.overlay.victory{background:none;backdrop-filter:none;align-items:end;padding:0;pointer-events:none}.victory .overlay-card{max-width:none;padding:44px 14px 13px;background:linear-gradient(transparent,#0a1021e8 35%);pointer-events:auto}.victory .pill,.victory .cat-preview{display:none}.victory h2{font-size:20px;margin:6px 0}.victory p{font-size:11px;line-height:1.5;margin:4px 0}.victory .primary{padding:10px 15px;margin-top:10px;width:220px}@media(max-width:440px){.victory .overlay-card{padding:28px 10px 10px}.victory h2{font-size:16px}.victory p{font-size:9px}.victory .primary{padding:8px 12px;margin-top:7px;width:190px}}
.overlay.victory{position:relative;inset:auto;pointer-events:auto}.victory .overlay-card{padding:12px;background:#171d32;border-top:1px solid #40516b}.victory h2{font-size:18px}.victory p{font-size:10px}.victory .primary{margin-top:8px}@media(max-width:440px){.victory .overlay-card{padding:10px}.victory h2{font-size:16px}}

.toolbar #bgm{width:auto;min-width:65px;padding:0 8px;font-size:10px;font-weight:700;color:#bde2ff}#bgm[aria-pressed=false]{opacity:.65}.toolbar{flex-wrap:wrap}.toolbar span{min-width:140px}@media(max-width:440px){.toolbar{gap:6px}.toolbar span{flex-basis:100%}.toolbar #bgm{margin-left:auto}}

.run-record{margin:8px 0 18px;padding:17px;background:linear-gradient(135deg,#243856c9,#142139);border:1px solid #4a6486;border-radius:14px}.record-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.record-heading small{font-size:8px;letter-spacing:2px;color:#8fc3ff}.record-heading h2{font-size:15px;margin:5px 0 10px;letter-spacing:-.4px}.record-heading>strong{font:700 28px monospace;color:#c2e0ff}.run-record ol{list-style:none;margin:6px 0 10px;padding:0}.run-record li{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #49658340;color:#7d90ac}.timeline-dot{width:25px;height:25px;display:grid;place-items:center;border:1px solid #546985;border-radius:50%;font-size:11px;flex-shrink:0}.run-record li>div{flex:1}.run-record li b{font-size:11px;display:block}.run-record li small{display:block;font-size:9px;margin-top:4px}.run-record li>strong{font:700 16px monospace}.run-record li.done{color:#c3efdb}.done .timeline-dot{border-color:#83bdab;background:#356454}.run-record li.current{color:#bddbff}.current .timeline-dot{background:#4b72a1}.run-record p{font-size:10px;line-height:1.8;color:#a5bad5}.record-actions{display:flex;gap:7px;flex-wrap:wrap}.record-actions button{flex:1;min-width:130px;border:1px solid #6389b6;background:#9ac8ff;color:#15243c;font-size:10px;font-weight:700;padding:10px 8px;border-radius:8px}.record-actions button:disabled{opacity:.35;cursor:default}body.embedded .run-record{padding:10px}body.embedded .record-heading h2{font-size:12px}body.embedded .run-record li{padding:7px 0}@media(max-width:440px){.run-record{padding:13px}.record-heading h2{font-size:12px}.record-heading>strong{font-size:24px}}

.hud .life strong{font-family:monospace;font-size:20px;letter-spacing:0;color:#b9dcff}.hud .life small{white-space:nowrap}@media(max-width:440px){.hud .life strong{font-size:18px}}

/* English interface */
.intro h1{font-size:clamp(36px,7.5vw,64px);line-height:1.08;letter-spacing:-.04em}.game-tags{color:#8db9ef;font-size:12px;text-align:center;letter-spacing:.04em}.toolbar #status{min-width:0}.record-actions{flex-wrap:wrap}.guide p{font-size:12px}@media(max-width:520px){.toolbar{flex-wrap:wrap}.toolbar #status{flex:1 1 100%}.record-heading h2{font-size:19px}.life small{font-size:10px}}

.intro h1{font-size:42px;max-width:calc(100% - 195px)}@media(max-width:660px){.intro h1{font-size:28px;max-width:calc(100% - 155px)}.intro .eyebrow{font-size:8px;letter-spacing:1px}}@media(max-width:360px){.intro::before{width:145px}.intro h1{font-size:24px;max-width:calc(100% - 130px)}}

main>.creator:first-child{position:relative;margin:0 0 18px;padding:13px 15px}.creator>span{display:flex;flex-direction:column;gap:5px}.creator>span b{font-size:15px}body.embedded main>.creator:first-child{margin:0 0 8px}@media(max-width:440px){main>.creator:first-child{padding:11px 12px}.creator>span b{font-size:14px}.creator a{white-space:nowrap}}

.language-picker{display:flex;justify-content:flex-end;gap:5px;margin:-7px 0 16px}.language-picker button{border:1px solid #4b6283;border-radius:7px;background:#18253b;color:#b7cae5;font-size:12px;padding:6px 12px}.language-picker button[aria-pressed=true]{background:#9ac8ff;color:#14213c;font-weight:800}html[lang=ko] .intro h1{font-size:36px}body.embedded .language-picker{margin:0 0 8px}@media(max-width:660px){html[lang=ko] .intro h1{font-size:28px}}

.intro-share{position:relative;display:flex;margin:-6px 0 16px}.intro-share button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #90baff;border-radius:9px;padding:11px 19px;background:#9ac8ff;color:#14213c;font-weight:800;font-size:13px;box-shadow:0 3px 0 #466e9e}.intro-share button:active{transform:translateY(2px);box-shadow:0 1px 0 #466e9e}body.embedded .intro-share{margin:0 0 8px}body.embedded .intro-share button{padding:8px 13px;font-size:12px}

/* Thumb controls sit immediately below the board. */
.joystick{width:128px;height:128px;flex:0 0 128px;position:relative;border-radius:50%;border:2px solid #617fa8;background:radial-gradient(circle,#243b5b,#162339);touch-action:none;user-select:none;-webkit-user-select:none;box-shadow:inset 0 0 22px #060c1899}.stick-arrows{position:absolute;inset:0;display:grid;place-items:center;font-size:112px;line-height:1;color:#58769e;pointer-events:none}.stick-knob{position:absolute;left:38px;top:38px;width:48px;height:48px;border-radius:50%;background:linear-gradient(#c6e5ff,#78b5f0);border:2px solid #d9eeff;box-shadow:0 4px 12px #0007;pointer-events:none}.joystick.held{border-color:#a9d6ff}.touch-title{display:none}.controls{flex-wrap:wrap}.controls .guide{flex:1;min-width:130px}.controls .dpad{grid-template-columns:48px 48px 48px;grid-template-rows:44px 44px 44px;gap:4px}.machine{scroll-margin-top:8px}
@media(max-width:660px){.controls{gap:12px;padding:12px;align-items:center;background:#152239;border:1px solid #4b6485;border-radius:16px;margin:10px 0 16px}.controls .key{display:none}.touch-title{display:block;color:#d8eaff;font-size:14px;margin-bottom:4px}.controls .guide{flex-basis:100%;text-align:center}.controls .guide p{margin:2px 0 5px;font-size:11px}.controls .guide p b{display:none}.controls .joystick{margin-right:auto}.controls .dpad{grid-template-columns:48px 48px 48px;grid-template-rows:44px 44px 44px}.mobile-playing{padding-bottom:220px}.mobile-playing .controls{position:fixed;z-index:20;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,560px);margin:0;border-radius:18px 18px 0 0;padding:8px 18px calc(8px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #0005;flex-wrap:nowrap}.mobile-playing .controls .guide{position:absolute;top:7px;left:0;right:0;pointer-events:none}.mobile-playing .controls .guide p{display:none}.mobile-playing .touch-title{font-size:10px;color:#9dbbde}.mobile-playing .controls .joystick,.mobile-playing .controls .dpad{margin-top:14px}.mobile-playing .controls .joystick{margin-right:auto}.toolbar button{min-height:40px;min-width:40px}.toolbar #bgm{min-width:66px}.overlay.victory{padding-bottom:0}}
@media(max-width:350px){.mobile-playing .controls{padding-left:8px;padding-right:8px}.controls .joystick{width:114px;height:114px;flex-basis:114px}.stick-knob{left:31px;top:31px}.controls .dpad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px}}

.boss-note{margin:12px 0 16px;padding:13px 15px;border:1px solid #d4aa64;border-radius:12px;background:#2b2237;color:#ffdc9c}.boss-note[hidden]{display:none}.boss-note strong,.boss-note span{display:block}.boss-note strong{font-size:12px;letter-spacing:.5px}.boss-note span{font-size:11px;line-height:1.6;margin:7px 0}.boss-note a{color:#b8d9ff;font-size:11px}

.toolbar #voice{width:auto;min-width:80px;padding:0 8px;font-size:10px;white-space:nowrap;flex-shrink:0}.toolbar #voice[hidden]{display:none}@media(max-width:440px){.toolbar{flex-wrap:wrap}.toolbar #status{flex-basis:100%}.toolbar #voice{min-width:80px}}

.overlay.victory.final-result{position:absolute;inset:0;align-items:center;justify-items:center;padding:12px;background:#07101b30;backdrop-filter:none}.final-result .overlay-card{max-width:330px;width:100%;padding:22px;background:#101e32ed;border:1px solid #83b9e9;border-radius:18px;box-shadow:0 12px 40px #0007}.final-result #completion{margin:12px 0}.final-result #completionLabel{display:block;font-size:11px;letter-spacing:1px;color:#bad6ee}.final-result #completionTime{display:block;margin:5px 0 12px;font:800 48px monospace;color:#fff3cd}.final-result #finishShare{width:100%;min-height:44px;border:1px solid #83c7ff;border-radius:9px;background:#9ac8ff;color:#12233b;font-family:inherit;font-weight:800;font-size:13px;cursor:pointer}.final-result #start{width:100%;justify-content:center;background:transparent;color:#c2d8ec;box-shadow:none;border:1px solid #526c87;margin-top:8px}.final-result h2{font-size:22px}.final-result p{font-size:11px;line-height:1.6}@media(max-width:440px){.final-result .overlay-card{max-width:290px;padding:12px}.final-result h2{font-size:17px;margin:2px 0}.final-result p{font-size:9px;margin:4px 0}.final-result #completion{margin:7px 0}.final-result #completionTime{font-size:34px;margin:3px 0 8px}.final-result #completionLabel{font-size:9px}.final-result #finishShare{min-height:36px;font-size:11px}.final-result #start{padding:7px;margin-top:6px;font-size:11px}}

main>.creator.creators:first-child{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:12px;margin-bottom:10px}.creator-person{min-width:0;display:flex;align-items:center;justify-content:space-between;gap:8px}.creator-person+ .creator-person{border-left:1px solid #49617e;padding-left:12px}.creator-person span{font-size:8px;letter-spacing:1px}.creator-person b{font-size:12px;white-space:nowrap}.creator-person a{padding:7px 9px;font-size:10px;white-space:nowrap}.language-picker{margin:6px 0 12px}header .brand img{width:36px;height:36px}.intro{min-height:150px;padding:20px 0 14px}.intro::before{width:155px;height:155px;right:0;top:0}.intro h1{font-size:32px;max-width:calc(100% - 155px);margin:8px 0}.intro .eyebrow{font-size:8px}.intro p{font-size:12px}.intro-share{margin:0 0 12px}.intro-share button{padding:9px 14px;font-size:12px}@media(max-width:660px){.intro{min-height:142px;padding:17px 0 12px}.intro::before{width:145px;height:145px;right:-4px;top:0}.intro h1{font-size:26px;max-width:calc(100% - 135px)}.intro p{font-size:11px;max-width:calc(100% - 125px)}.intro .eyebrow{font-size:7px;letter-spacing:.7px}}@media(max-width:440px){main>.creator.creators:first-child{gap:10px;padding:10px}.creator-person{flex-direction:column;align-items:flex-start;gap:7px}.creator-person+ .creator-person{padding-left:10px}.creator-person b{font-size:12px}.creator-person a{font-size:10px;padding:6px 10px}.intro{min-height:132px;padding:14px 0 10px}.intro h1{font-size:24px}.intro::before{width:132px;height:132px}.intro-share button{padding:8px 13px}.language-picker{margin-bottom:9px}}@media(max-width:360px){.intro h1{font-size:21px;max-width:calc(100% - 117px)}.intro::before{width:120px;height:120px}.creator-person b{font-size:11px}}

.creator-person{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:9px;row-gap:7px;align-items:center}.creator-avatar{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid #90b8df;grid-row:1/3;align-self:start}.creator-person>span{grid-column:2;min-width:0}.creator-person>a{grid-column:2;justify-self:start}.creator-person b{overflow-wrap:anywhere;white-space:normal}@media(max-width:440px){.creator-person{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:7px;row-gap:7px;align-items:center}.creator-avatar{width:34px;height:34px;grid-row:1;align-self:center}.creator-person>span{grid-column:2}.creator-person>a{grid-column:1/3}.creator-person b{font-size:11px;letter-spacing:-.2px}.creator-person+ .creator-person{padding-left:8px}}

.game-clock{display:flex;justify-content:space-between;gap:16px;padding:8px 14px;background:#142239;border-bottom:1px solid #354b68}.game-clock span{display:flex;align-items:center;gap:9px}.game-clock small{font-size:9px;color:#a8c4e4}.game-clock strong{font:700 18px monospace;color:#d7eaff}.controls #joystick{display:none}.controls{justify-content:center}.controls .guide{text-align:center}.dpad{grid-template-columns:54px 54px 54px;grid-template-rows:48px 48px 48px}.creator-person b{white-space:nowrap;overflow-wrap:normal;word-break:normal}@media(max-width:660px){.creator-person{grid-template-columns:1fr;gap:6px}.creator-avatar{grid-row:auto;grid-column:1;width:34px;height:34px}.creator-person>span,.creator-person>a{grid-column:1/-1}.creator-person b{font-size:11px;letter-spacing:-.3px;white-space:nowrap}.controls{flex-direction:column;gap:5px;padding:8px;margin:8px 0}.controls .guide{flex-basis:auto}.controls .guide p{margin:0;font-size:10px}.controls .touch-title{font-size:11px}.controls .dpad{grid-template-columns:56px 56px 56px;grid-template-rows:44px 44px 44px;gap:4px}.mobile-playing{padding-bottom:0;overflow:hidden}.mobile-playing main{height:100dvh;min-height:0;padding:calc(6px + env(safe-area-inset-top)) 7px calc(6px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px}.mobile-playing main>*:not(.mission-bar):not(.machine):not(.controls){display:none!important}.mobile-playing .mission-bar{flex-shrink:0;margin:0;padding:6px 9px}.mobile-playing .machine{flex:1;min-height:0;display:flex;flex-direction:column;border-radius:12px}.mobile-playing .game-clock{padding:5px 10px;flex-shrink:0}.mobile-playing .game-clock strong{font-size:16px}.mobile-playing .hud{padding:7px 10px;flex-shrink:0}.mobile-playing .hud strong{font-size:21px}.mobile-playing .board{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden}.mobile-playing canvas{width:100%;height:100%;min-height:0;object-fit:contain;aspect-ratio:560/440}.mobile-playing .toolbar{flex-shrink:0;padding:5px 9px;gap:5px;min-height:40px}.mobile-playing .toolbar #status,.mobile-playing .toolbar #toast{flex-basis:auto;font-size:8px}.mobile-playing .toolbar button{min-height:34px;min-width:34px}.mobile-playing .controls{position:static;transform:none;left:auto;bottom:auto;flex:0 0 auto;width:100%;margin:0;padding:6px;border-radius:12px;display:flex;flex-direction:column;gap:3px;box-shadow:none}.mobile-playing .controls .guide{position:static;pointer-events:none;flex-basis:auto}.mobile-playing .controls .guide p{display:none}.mobile-playing .controls .dpad{margin:0;grid-template-columns:58px 58px 58px;grid-template-rows:42px 42px 42px}.mobile-playing .controls .touch-title{font-size:10px;margin:0}.mobile-playing .overlay{padding:8px}.mobile-playing .cat-preview{display:none}.mobile-playing .overlay h2{font-size:18px}.mobile-playing .overlay p{font-size:10px}.mobile-playing .overlay .primary{padding:9px;margin-top:8px}.mobile-playing .pill{display:none}}@media(max-width:360px){.creator-person b{font-size:10.5px;letter-spacing:-.45px}.game-clock small{font-size:8px}.game-clock span{gap:5px}}

.finish-credits{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9px;margin:12px 0}.finish-credits a{min-width:0;display:flex;align-items:center;flex-direction:column;gap:4px;padding:10px 5px;border:1px solid #486486;border-radius:10px;background:#213550a6;text-decoration:none;color:#d5e8ff}.finish-credits img{width:32px;height:32px;object-fit:cover;border-radius:50%;border:1px solid #9dc4ed}.finish-credits small{font-size:8px;letter-spacing:1px;color:#94badf}.finish-credits b{font-size:11px;white-space:nowrap;letter-spacing:-.2px}.final-result .overlay-card{padding:16px}.final-result #completionTime{font-size:42px;margin:4px 0 8px}@media(max-width:660px){.overlay.victory.final-result{position:fixed;inset:0;z-index:100;padding:16px;background:#07101ba6}.final-result .overlay-card{max-width:340px;max-height:calc(100dvh - 32px);overflow-y:auto;padding:18px}.final-result h2{font-size:20px}.final-result #completionTime{font-size:44px}.final-result #finishShare{min-height:42px;font-size:12px}.final-result #start{min-height:38px}.finish-credits{margin:12px 0}.finish-credits a{padding:11px 4px}.finish-credits b{font-size:11px}}

.toolbar{display:grid;grid-template-columns:1fr auto auto auto auto;grid-template-rows:34px;min-height:53px}.toolbar #status,.toolbar #toast{grid-column:1;grid-row:1;min-width:0;height:32px;overflow:hidden;line-height:16px;align-content:center}.toolbar #bgm{grid-column:2;grid-row:1}.toolbar #voice{grid-column:3;grid-row:1}.toolbar #sound{grid-column:4;grid-row:1}.toolbar #pause{grid-column:5;grid-row:1}.toolbar [hidden]{display:none!important}@media(max-width:660px){body.mobile-playing{position:fixed;inset:0;width:100%;height:100svh;overscroll-behavior:none}.mobile-playing main{height:100%;max-height:100%;overflow:hidden}.mobile-playing .toolbar{display:grid;grid-template-columns:1fr auto auto auto auto;grid-template-rows:24px 34px;height:72px;min-height:72px;max-height:72px;align-items:center;gap:4px 6px;padding:5px 9px}.mobile-playing .toolbar #status,.mobile-playing .toolbar #toast{grid-column:1/-1;grid-row:1;height:24px;max-height:24px;line-height:12px;overflow:hidden;min-width:0}.mobile-playing .toolbar #bgm{grid-column:2;grid-row:2}.mobile-playing .toolbar #voice{grid-column:3;grid-row:2}.mobile-playing .toolbar #sound{grid-column:4;grid-row:2}.mobile-playing .toolbar #pause{grid-column:5;grid-row:2}.mobile-playing .toolbar button{height:34px;min-height:34px}.mobile-playing .board{contain:layout paint}.mobile-playing canvas{pointer-events:none}.final-result .overlay-card{max-height:calc(100svh - 32px)}}

/* Keep the playfield out of result-layout reflow and keep its border sharp. */
.overlay{backdrop-filter:none}
.overlay.victory{position:absolute;inset:0}
.machine,.machine *,.controls,.controls *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
@media(max-width:660px){.mobile-playing .board{contain:none}.overlay.victory.final-result{position:fixed;inset:0}}


/* Compact in-game credits; controls remain centered. */
.play-credits{height:36px;flex:0 0 36px;display:flex;align-items:center;justify-content:space-around;gap:8px;padding:3px 8px;border-bottom:1px solid #354b68;background:#142239;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.play-credits>span{display:flex;gap:6px;align-items:center;min-width:0}.play-credits img{width:22px;height:22px;border-radius:50%;object-fit:cover;flex:none}.play-credits small{display:block;font-size:6px;letter-spacing:.8px;color:#9db6d3}.play-credits b{display:block;font-size:9px;white-space:nowrap;color:#c4dfff}
.controls,.mobile-playing .controls{display:flex;flex-direction:column;align-items:center;justify-content:center}.controls .dpad,.mobile-playing .controls .dpad{margin:0;align-self:center;flex:none;grid-template-columns:56px 56px 56px;grid-template-rows:42px 42px 42px;gap:4px}.controls button{touch-action:none}
@media(max-width:660px){body.mobile-playing{height:var(--play-height,100svh);min-height:0;max-height:var(--play-height,100svh);touch-action:none}.mobile-playing main{height:100%;min-height:0;max-height:100%;width:100%}.mobile-playing .machine{flex:1 1 0;min-width:0;min-height:0}.mobile-playing .board{flex:1 1 0;display:block;min-width:0;min-height:0;overflow:hidden}.mobile-playing #game{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;aspect-ratio:auto;object-fit:contain;transform:none;transition:none}.mobile-playing .controls{height:160px;min-height:160px;max-height:160px;flex:0 0 160px;touch-action:none}.mobile-playing .controls .guide{height:12px;min-height:12px;flex:0 0 12px}.mobile-playing .controls .touch-title{line-height:12px}.mobile-playing .controls .dpad{height:134px;min-height:134px}.mobile-playing .controls button{padding:0;transform:none;transition:none}}

/* Keep both follow links visible without wrapping either account handle. */
.play-credits{height:52px;flex-basis:52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:4px 8px}.play-credits>span{justify-content:center}.play-credits .play-follow{display:table;margin-top:2px;padding:2px 6px;border:1px solid #8db9ee;border-radius:5px;background:#9ac8ff;color:#14213c;font-size:8px;font-weight:800;line-height:14px;white-space:nowrap;text-decoration:none;touch-action:manipulation}.play-credits .play-follow:active{background:#c5e0ff}

/* Keep the entire pad above the phone's bottom gesture area. */
@media(max-width:660px){.mobile-playing main{padding-bottom:max(18px,calc(8px + env(safe-area-inset-bottom)))}.mobile-playing .controls{height:180px;min-height:180px;max-height:180px;flex-basis:180px}.controls .dpad,.mobile-playing .controls .dpad{grid-template-columns:60px 60px 60px;grid-template-rows:46px 46px 46px;gap:4px;height:146px;min-height:146px}.controls [data-dir]{min-width:60px;min-height:46px;touch-action:none}}

/* One shared bar for mission progress and audio/pause controls. */
.toolbar,.mobile-playing .toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto auto;grid-template-rows:26px 34px;height:74px;min-height:74px;max-height:74px;padding:5px 9px;gap:4px 6px;flex:0 0 74px}.toolbar .mission-bar,.mobile-playing .toolbar .mission-bar{grid-column:1/-1;grid-row:1;display:flex;align-items:center;justify-content:space-between;margin:0;padding:0;border:0;border-radius:0;background:none;min-width:0}.toolbar .mission-bar strong{font-size:9px;white-space:nowrap}.toolbar #missions{flex:none}.toolbar #missions button{width:24px;min-width:24px;height:24px;min-height:24px}.toolbar #status,.toolbar #toast,.mobile-playing .toolbar #status,.mobile-playing .toolbar #toast{grid-column:1;grid-row:2;height:32px;max-height:32px;line-height:12px;font-size:8px;overflow:hidden;min-width:0;align-content:center}.toolbar #bgm,.mobile-playing .toolbar #bgm{grid-column:2;grid-row:2}.toolbar #voice,.mobile-playing .toolbar #voice{grid-column:3;grid-row:2}.toolbar #sound,.mobile-playing .toolbar #sound{grid-column:4;grid-row:2}.toolbar #pause,.mobile-playing .toolbar #pause{grid-column:5;grid-row:2}.toolbar button{height:34px;min-height:34px}