:root { color-scheme: dark; font-family: system-ui, sans-serif; background: #081426; color: #fff0d0; }
body { margin: 0; }
.page-shell { max-width: 1120px; margin: 24px auto; padding: 0 18px; }
noscript { display: block; padding: 24px; text-align: center; }
@media (max-width: 650px) { .page-shell { margin: 0 auto; padding: 0; } }


 #skybound-hero{--navy:#101f35;--panel:#172d47;--line:#3b526a;--gold:#edca80;--ink:#fff0d2;color:#fff0d2;background:var(--navy);font-family:"Hiragino Maru Gothic ProN","Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;width:100%;color-scheme:dark;isolation:isolate}
 #skybound-hero *{box-sizing:border-box}#skybound-hero [hidden]{display:none!important}#skybound-hero h1,#skybound-hero h2{margin:0}#skybound-hero button{font:inherit;cursor:default;-webkit-tap-highlight-color:transparent}#skybound-hero button:focus-visible{outline:3px solid #fff1b8;outline-offset:4px}#skybound-hero button:disabled{opacity:.45}#skybound-hero ruby{ruby-align:center;ruby-position:over;white-space:nowrap}#skybound-hero rt{font-family:system-ui,sans-serif;font-size:max(.46em,9px);font-weight:400;line-height:1.2;letter-spacing:.025em}
 #skybound-hero .game-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px 14px}#skybound-hero .game-header h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:20px;line-height:1.8;font-weight:700;letter-spacing:.03em;color:var(--gold)}#skybound-hero .game-header h1>span{font-size:25px;margin-right:9px}#skybound-hero .header-actions{display:flex;gap:8px}#skybound-hero .header-actions button{position:relative;border:1px solid var(--line);border-radius:4px;background:#1c334e;color:#e9d29d;min-width:38px;height:38px;font-size:21px;display:grid;place-items:center;padding:0}#skybound-hero .mute-slash{position:absolute;inset:0;display:grid;place-items:center;color:#6d879a;font-size:27px;pointer-events:none}#skybound-hero .header-actions [aria-pressed=true] .mute-slash{display:none}
 #skybound-hero .game-stage{position:relative;width:100%;aspect-ratio:16/10;min-height:380px;max-height:650px;border-top:2px solid #8e7953;border-bottom:2px solid #8e7953;background:#142b46;overflow:hidden;isolation:isolate}#skybound-hero #world{display:block;width:100%;height:100%;image-rendering:pixelated;touch-action:none}#skybound-hero .room-banner{position:absolute;left:50%;top:67px;transform:translateX(-50%);padding:9px 20px;color:#ffe6a5;background:#142b42ed;border-top:1px solid #b69c65;border-bottom:1px solid #b69c65;font-size:15px;letter-spacing:.14em;white-space:nowrap;pointer-events:none;z-index:2}#skybound-hero .game-toast{position:absolute;left:50%;top:104px;transform:translateX(-50%);padding:8px 16px;border:1px solid #e7c785;background:#162b43f5;color:#fff0c4;font-size:15px;font-weight:600;line-height:1.8;max-width:92%;text-align:center;pointer-events:none;z-index:4}
 #skybound-hero .screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;z-index:6;padding:24px;text-align:center;background:linear-gradient(180deg,#091e3290,#0e283b38 38%,#0b2336bd)}#skybound-hero .title-screen{gap:23px}#skybound-hero .title-art{text-shadow:0 3px 0 #182a38,0 0 30px #081a2a}#skybound-hero .title-stars{font-size:25px;letter-spacing:.8em;color:#f2d18b;margin-bottom:12px}#skybound-hero .title-small{display:block;font-size:11px;font-weight:600;letter-spacing:.27em;color:#e1d3ad;margin-bottom:12px}#skybound-hero .title-art h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(31px,5vw,51px);font-weight:800;letter-spacing:.08em;line-height:1.8;color:#ffdf94}#skybound-hero .title-art rt{font-size:.3em}#skybound-hero .title-rule{font-size:12px;color:#d3b574;letter-spacing:.16em;margin-top:15px}#skybound-hero .gold-button{border:1px solid #f9dda0;border-bottom:5px solid #a48042;background:linear-gradient(#f5d58c,#dfbb70);color:#20334b;font-size:18px;font-weight:700;min-height:57px;min-width:218px;padding:11px 22px;border-radius:4px;box-shadow:0 4px 0 #12263b80}#skybound-hero .gold-button>span{margin-left:28px}#skybound-hero .gold-button:active{transform:translateY(2px);border-bottom-width:3px}#skybound-hero .start-buttons{display:flex;flex-direction:column;gap:12px}#skybound-hero .start-buttons:has(#continue:not([hidden])) #start{border:1px solid #9eaeae;background:#213c53;color:#f5e2b9;font-size:14px;min-height:42px}#skybound-hero .visual-goal{display:flex;align-items:center;gap:17px;color:#dfbf7a;font-size:21px;letter-spacing:.15em}#skybound-hero .visual-goal b{font-size:15px;color:#c3d6d0;font-weight:400}#skybound-hero .door-symbol{font-size:26px}
 #skybound-hero .modal-screen{background:#081a2bc9}#skybound-hero .pause-panel{display:flex;flex-direction:column;align-items:stretch;gap:15px;width:min(100%,330px);background:#152d46;border:2px solid #c5aa70;padding:25px 23px;box-shadow:5px 5px #091a2b80}#skybound-hero .pause-panel h2{font-size:23px;letter-spacing:.12em}#skybound-hero .panel-star{font-size:35px;color:var(--gold);line-height:1}#skybound-hero .quiet-button{background:none;border:0;color:#c6d6dc;padding:8px 3px;font-size:14px;min-height:37px}#skybound-hero .key-pictures{display:flex;justify-content:space-around;gap:16px;margin:8px 0;color:#ead095}#skybound-hero .key-pictures>span{font-size:29px}#skybound-hero .key-pictures small{display:block;font-size:13px;color:#e2e3d2;margin-top:5px;white-space:nowrap}#skybound-hero .ending-screen{background:linear-gradient(#1832421a,#162f4366 45%,#152c45d9);gap:18px}#skybound-hero .ending-screen h2{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-size:clamp(29px,4.3vw,44px);font-weight:700;letter-spacing:.1em;line-height:1.65;color:#ffebc3;text-shadow:0 3px #465568}#skybound-hero .ending-stars{font-size:30px;color:#ffdf9a;letter-spacing:.3em}#skybound-hero .clear-gems{font-size:25px;letter-spacing:.5em;color:#ffe6a9}#skybound-hero .ending-screen .title-small{color:#fff2ce;margin:0}#skybound-hero .transition{position:absolute;inset:0;background:#10263b;opacity:0;z-index:5;pointer-events:none;transition:opacity .25s}#skybound-hero .transition.is-visible{opacity:1}
 #skybound-hero .boss-hud{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);width:min(70%,450px);background:#14253dde;padding:9px 13px;pointer-events:none;z-index:3}#skybound-hero .boss-hud>span{display:block;text-align:center;font-size:12px;letter-spacing:.13em;color:#edd6a4;margin-bottom:7px}#skybound-hero .boss-track{height:7px;background:#425468;overflow:hidden}#skybound-hero .boss-track i{display:block;height:100%;width:100%;background:#e6ae81;transition:width .12s}
 #skybound-hero .controller{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:18px 23px;background:#101f35}#skybound-hero .dpad{display:grid;grid-template-columns:29px 29px 29px;grid-template-rows:27px 27px 27px;gap:3px;flex-shrink:0}#skybound-hero .dpad button{border:1px solid #43576b;border-bottom:3px solid #263d53;border-radius:4px;background:#20364e;color:#d3dfde;font-size:21px;padding:0;display:grid;place-items:center;touch-action:none}#skybound-hero [data-direction=up]{grid-area:1/2}#skybound-hero [data-direction=left]{grid-area:2/1}#skybound-hero [data-direction=right]{grid-area:2/3}#skybound-hero [data-direction=down]{grid-area:3/2}#skybound-hero .dpad>span{grid-area:2/2;display:grid;place-items:center;color:#6d8495}#skybound-hero .dpad button.is-held{background:#687c82;border-bottom-width:1px;transform:translateY(2px)}#skybound-hero .skill-buttons{display:flex;justify-content:center;gap:16px;flex:1}#skybound-hero .skill{position:relative;min-width:90px;min-height:76px;background:#21364f;border:1px solid #577083;border-bottom:4px solid #0c1b2e;border-radius:6px;display:grid;grid-template-columns:30px auto;align-content:center;align-items:center;gap:4px 7px;padding:8px 13px;color:#f3e5be;font-size:15px;touch-action:none;overflow:hidden}#skybound-hero .skill canvas{width:30px;height:30px;image-rendering:pixelated;grid-row:1/3}#skybound-hero .skill kbd{font:11px ui-monospace,monospace;color:#b0c4cf;text-align:left}#skybound-hero .skill:after{content:"";position:absolute;bottom:0;left:0;width:calc(var(--ready,1)*100%);height:3px;background:#d9bd79;pointer-events:none}#skybound-hero .attack-button{background:#c6a768;border-color:#f1d69a;color:#172d46;border-bottom-color:#8e7143}#skybound-hero .attack-button kbd{color:#3c4c57}#skybound-hero .skill.is-held{transform:translateY(2px);filter:brightness(1.15);border-bottom-width:2px}#skybound-hero .flute-button.is-near{box-shadow:0 0 0 2px #f1d594,0 0 20px #e5c27c33}#skybound-hero .journey{display:flex;align-items:center;gap:7px;flex-shrink:0;color:#50697a}#skybound-hero .journey>span{font-size:18px}#skybound-hero .journey i{height:1px;width:13px;background:#3c5368}#skybound-hero .journey .collected{color:#eac682;text-shadow:0 0 9px #eac68255}#skybound-hero .journey .current{color:#e0e6d5}#skybound-hero .game-footer{display:flex;justify-content:space-between;gap:12px;padding:0 23px 15px;font-size:13px;color:#aebfcc;line-height:1.8}#skybound-hero .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
 @media(max-width:760px){#skybound-hero .journey{display:none}#skybound-hero .controller{gap:18px;padding:15px}#skybound-hero .skill-buttons{justify-content:flex-end;gap:10px}#skybound-hero .skill{min-width:80px;padding:8px 10px}#skybound-hero .game-header{padding:15px}#skybound-hero .game-header h1{font-size:18px}#skybound-hero .game-footer{padding:0 15px 13px}#skybound-hero .game-stage{min-height:400px}#skybound-hero .title-art h2{font-size:37px}}
 @media(max-width:460px){#skybound-hero .game-header{padding:12px 10px 10px;gap:7px}#skybound-hero .game-header h1{font-size:16px;letter-spacing:0;line-height:2}#skybound-hero .game-header h1>span{display:none}#skybound-hero .header-actions{gap:6px}#skybound-hero .header-actions button{height:35px;min-width:35px;font-size:20px}#skybound-hero .game-stage{min-height:400px;aspect-ratio:1/1}#skybound-hero .title-screen{gap:18px;padding:20px 12px}#skybound-hero .title-art h2{font-size:31px;line-height:1.9}#skybound-hero .title-small{font-size:9px}#skybound-hero .title-stars{font-size:19px;margin-bottom:8px}#skybound-hero .title-rule{font-size:10px;margin-top:6px}#skybound-hero .gold-button{min-width:200px;font-size:17px;min-height:54px}#skybound-hero .visual-goal{font-size:18px;gap:12px}#skybound-hero .controller{padding:14px 9px;gap:12px}#skybound-hero .dpad{grid-template-columns:40px 40px 40px;grid-template-rows:38px 38px 38px;gap:3px}#skybound-hero .skill-buttons{gap:6px;flex:0}#skybound-hero .skill{display:flex;flex-direction:column;gap:4px;min-width:46px;width:49px;min-height:79px;padding:8px 3px;font-size:14px}#skybound-hero .skill>span{font-size:13px;white-space:nowrap}#skybound-hero .skill canvas{width:27px;height:27px}#skybound-hero .skill kbd{font-size:10px;text-align:center}#skybound-hero .game-footer{padding:0 10px 13px;font-size:12px}#skybound-hero .desktop-only{display:none}#skybound-hero .room-banner{font-size:13px;padding:8px 15px}#skybound-hero .game-toast{font-size:14px;top:106px;padding:8px 12px}#skybound-hero .ending-screen{gap:17px;padding:20px 12px}#skybound-hero .ending-screen h2{font-size:29px}#skybound-hero .boss-hud{bottom:12px;width:77%}#skybound-hero .pause-panel{padding:22px 17px;gap:13px}}
 @media(pointer:coarse){#skybound-hero .dpad{grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px 44px;gap:2px}#skybound-hero .skill{min-width:44px}#skybound-hero .header-actions button{min-width:44px;height:44px}}
 @media(max-width:350px){#skybound-hero .controller{gap:8px;padding-inline:8px}#skybound-hero .skill-buttons{gap:4px}#skybound-hero .skill{width:44px;padding-inline:2px}#skybound-hero .game-header h1{font-size:15px}#skybound-hero .header-actions{gap:4px}#skybound-hero .game-footer{font-size:11px}}
 @media(prefers-reduced-motion:reduce){#skybound-hero .transition,#skybound-hero .boss-track i{transition:none}}