:root{color-scheme:dark;--ink:#11162d;--paper:#f9f5df;--muted:#979db5;--lime:#e3f89a;--pink:#ffb5bb;--line:#ffffff18;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 76% 38%,#252646 0,transparent 48%),var(--ink);color:var(--paper);min-height:100svh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer;touch-action:manipulation}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid var(--lime);outline-offset:4px}button:hover:not(:disabled){filter:brightness(1.12)}button:active:not(:disabled){transform:translateY(2px)}[hidden]{display:none!important}.topbar{height:72px;max-width:1120px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 24px}.brand{color:var(--paper);font-size:11px;font-weight:800;letter-spacing:2px;text-decoration:none;display:flex;align-items:center;gap:10px}.brand-mark{color:var(--lime);font-size:28px}.quiet{background:transparent;border:1px solid var(--line);border-radius:50px;padding:10px 15px;font-size:12px}.layout{display:grid;grid-template-columns:350px 408px;justify-content:center;gap:85px;align-items:center;max-width:1100px;margin:4px auto 0;padding:0 24px}.story{padding-bottom:30px}.eyebrow{color:var(--lime);font-size:11px;letter-spacing:1.5px;display:flex;align-items:center;gap:9px;margin:0 0 25px}.eyebrow>span{width:6px;height:6px;background:var(--lime);border-radius:50%;box-shadow:0 0 15px #e3f86c88}h1{font-size:48px;line-height:1.45;letter-spacing:-3px;font-weight:900;margin:0 0 18px}h1>span{color:var(--lime);position:relative}.title-star{position:absolute;font-size:36px;right:-45px;top:2px;transform:rotate(14deg)}.lead{font-size:14px;line-height:2;color:#bac0d4;letter-spacing:.4px}.mission-ticket{border:1px solid #e3f89a33;border-radius:15px;padding:19px 21px;margin:30px 0 26px;background:#e3f89a06;max-width:322px}.ticket-label{font-size:9px;letter-spacing:2px;color:var(--muted)}.mission-ticket>div{margin-top:8px}.mission-ticket strong{font-size:29px}.mission-ticket span:not(.ticket-label):not(.ticket-star){font-size:12px;color:var(--muted)}.ticket-star{float:right;color:var(--lime);font-size:15px;padding-top:13px}.passport-track{display:flex;gap:5px}.passport-track i{height:4px;flex:1;background:#ffffff15;border-radius:3px}.passport-track i.done{background:var(--lime)}.guide p{display:flex;align-items:center;gap:14px;font-size:13px;margin:16px 0}.guide b{font-size:9px;border:1px solid #ffffff25;border-radius:50%;padding:5px;color:var(--muted)}.highlight{color:var(--lime)}kbd{font-family:inherit;border:1px solid #ffffff30;border-bottom-width:3px;border-radius:4px;padding:0 6px;margin-right:3px}.small-note{font-size:10px;color:var(--muted);line-height:1.9;margin-top:20px}.play-area{width:100%;min-width:0}.flight-bar{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 8px;font-size:10px;letter-spacing:1px;color:#c0c6db}.flight-bar button{padding:3px 12px;font-size:12px;min-width:40px;min-height:28px}.viewport{position:relative;aspect-ratio:400/580;width:100%;max-height:calc(100svh - 214px);min-height:340px;border:1px solid #d0cbff33;border-radius:24px;overflow:hidden;background:#252947;box-shadow:0 22px 70px #0004;isolation:isolate}canvas#game{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;left:18px;right:18px;top:16px;display:flex;justify-content:space-between;pointer-events:none;font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;text-shadow:0 2px 4px #121936}.hud #stars{color:#ffe58d;letter-spacing:4px}.hud #hearts{color:var(--pink);font-size:12px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:24px;overflow:auto;overscroll-behavior:contain}.overlay.empty{display:none}.overlay.menu{background:#171d36ef;justify-content:flex-start;backdrop-filter:blur(9px);padding:25px 20px}.overlay.center{justify-content:center;background:#171d36ba;backdrop-filter:blur(7px)}.card{width:100%;text-align:center;background:#f9f5df;color:#283046;border-radius:20px;padding:22px;box-shadow:0 10px 25px #080d2625}.card .kicker{font-size:10px;color:#6e7863;letter-spacing:2px;font-weight:800}.card h2{font-size:24px;letter-spacing:-1px;margin:10px 0}.card p{font-size:12px;line-height:1.9;margin:8px 0 16px;color:#66716f}.primary{display:block;width:100%;border-radius:12px;background:var(--lime);color:#263525;padding:15px;font-weight:900;font-size:15px;box-shadow:0 4px 0 #a9c66e}.card .primary{background:#293955;color:white;box-shadow:0 4px 0 #15213a}.secondary{border:1px solid #56607833;border-radius:10px;padding:12px;background:transparent;font-size:12px;margin-top:12px;width:100%;min-height:42px}.card .secondary{color:#45536c}.home-tag{font-size:9px;letter-spacing:2px;color:#dce6ff;margin-bottom:14px}.control-panel{display:grid;grid-template-columns:62px 1fr 62px;gap:8px;margin-top:13px;align-items:center}.direction{font-size:27px;font-weight:bold;line-height:1;background:#e3f89a;color:#22372a;border-radius:14px;height:49px;box-shadow:0 3px 0 #a1b76e;touch-action:none}.control-panel>div{text-align:center;min-width:0}.control-panel span{font-size:12px;display:block;color:#e8eddc;font-weight:800}.control-panel small{display:block;font-size:9px;margin-top:5px;color:var(--muted)}.nav-buttons{display:flex;justify-content:space-between;gap:5px;margin-top:17px}.nav-buttons button{background:none;border:1px solid #ffffff18;border-radius:9px;padding:9px 6px;font-size:10px;min-height:38px;flex:1;white-space:nowrap}.nav-buttons button[aria-pressed=true]{color:var(--lime);border-color:#e3f89a77}.nav-buttons span{opacity:.55;font-size:9px}.save-note{font-size:8px;color:#858da6;text-align:center;margin:10px 0 0;min-height:12px}footer{text-align:center;letter-spacing:2px;font-size:8px;color:#69718d;margin:24px 0 18px}.menu-head{width:100%;display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.menu-head h2{font-size:20px;margin:0}.menu-head button{background:#ffffff12;border-radius:50%;width:36px;height:36px}.world{width:100%;margin-bottom:18px}.world h3{font-size:11px;color:var(--muted);margin:0 0 10px;font-weight:500}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.level{background:#2c3452;border:1px solid #ffffff14;border-radius:12px;padding:12px 5px}.level strong{font-size:19px;display:block}.level span{font-size:10px;color:var(--lime);display:block;margin-top:4px;letter-spacing:2px}.level.current{border-color:var(--lime)}.endless-card{background:#e3f89a;color:#293e30;width:100%;border-radius:13px;padding:15px;font-weight:800}.endless-note{font-size:10px;text-align:center;color:var(--muted);line-height:1.7}.friends-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;width:100%}.friend{border:1px solid #ffffff18;background:#2c3452;border-radius:15px;padding:10px 5px;text-align:center}.friend.selected{border-color:var(--lime)}.friend canvas{width:90px;height:77px;display:block;margin:0 auto}.friend strong{display:block;font-size:12px;margin-bottom:6px}.friend small{font-size:9px;color:var(--muted)}.medals{color:#db9844;font-size:42px;letter-spacing:7px;margin:4px 0 10px}.result-number{font-size:46px;line-height:1.2;font-weight:900;color:#263955}.result-number small{font-size:15px}.reward{background:#e4eacb;border-radius:10px;padding:8px!important;color:#395136!important;font-weight:bold}.floating-message{position:absolute;top:75px;left:15px;right:15px;text-align:center;font-size:12px;color:var(--lime);font-weight:bold;pointer-events:none;text-shadow:0 2px 8px #000}.pause-actions{display:grid;gap:5px}.menu .secondary{color:var(--paper);border-color:#ffffff33}.motion-note{font-size:10px;line-height:1.7;color:var(--muted);text-align:center}
@media(min-width:800px) and (max-height:760px){.layout{grid-template-columns:330px 360px;gap:90px}.topbar{height:55px}.viewport{max-height:calc(100svh - 207px)}h1{font-size:44px}.mission-ticket{margin:20px 0}.guide p{margin:12px 0}.small-note{margin-top:15px}footer{margin:15px 0 10px}.story{padding-bottom:0}.eyebrow{margin-bottom:20px}}
@media(max-width:799px){.topbar{height:52px;padding:0 17px;max-width:510px}.brand{font-size:9px;letter-spacing:1.5px}.brand-mark{font-size:24px}.quiet{font-size:10px;padding:8px 12px}.layout{display:block;max-width:460px;padding:0 15px;margin:0 auto}.story{display:none}.viewport{max-height:calc(100svh - 226px);min-height:290px;border-radius:20px}.flight-bar{height:32px;font-size:9px}.control-panel{margin-top:10px;grid-template-columns:66px 1fr 66px}.direction{height:47px}.nav-buttons{margin-top:12px}.save-note{margin-top:8px}.overlay{padding:20px}.card{padding:18px}.card h2{font-size:22px}.card p{font-size:11px}footer{font-size:6px;letter-spacing:1px;margin:13px 0 12px}.overlay.menu{padding:20px 17px}.level{padding:10px 5px}}
@media(max-height:580px) and (orientation:landscape){.layout{display:grid;grid-template-columns:240px 290px;gap:30px;max-width:850px}.story{display:block}.eyebrow,.lead,.mission-ticket,.guide,.small-note{display:none}h1{font-size:34px}.viewport{min-height:240px;max-height:none;height:300px}.topbar{height:44px}.play-area{margin-bottom:10px}.card{padding:14px}.card h2{font-size:19px}.card p{margin:5px 0 10px}.home-tag,footer{display:none}}
.brand-mobile{display:none}.overlay.center{justify-content:flex-start}.overlay.center>.card{margin:auto 0;flex-shrink:0}
@media(max-width:799px){.brand-mobile{display:inline;font-size:12px;letter-spacing:.5px}.brand-desktop{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}