:root{--bg:#0c1527;--ink:#f1f6ff;--muted:#9eb3cf;--blue:#94d8ff;--mint:#9df0d0;--gold:#ffe096;--line:#30465f;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0,#24395955,transparent 55%),var(--bg);color:var(--ink);font:15px var(--font-ui)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:1px solid var(--line);border-radius:10px;background:#1b2c44;min-height:44px;padding:10px 15px;touch-action:manipulation}button:hover{background:#28405d;border-color:#789ec4}button:disabled{cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:4px}a{color:inherit}h1,h2,h3,p{margin:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}.topbar{height:74px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;gap:26px;padding:0 max(24px,calc((100vw - 1260px)/2))}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;letter-spacing:1.5px;font-size:11px;font-weight:800}.brand b{display:grid;place-items:center;background:var(--blue);color:var(--bg);font-size:23px;font-style:italic;width:34px;height:34px;border-radius:7px}.brand small{display:block;margin-top:4px;font-size:8px;color:var(--muted);letter-spacing:3px}.sibling{font-size:12px;text-decoration:none;color:var(--muted)}.topbar nav{margin-left:auto;display:flex;gap:8px}.topbar button{background:transparent;font-size:11px;min-height:38px;padding:8px 12px}.eyebrow{font:700 10px var(--font-ui);letter-spacing:2px;color:var(--blue);line-height:1.5}#home-screen{max-width:1260px;padding:0 40px 40px;margin:auto}.home-hero{display:grid;grid-template-columns:1fr 1fr;min-height:470px;align-items:center;padding:42px 0 30px}.hero-copy{z-index:1}h1{font-size:90px;letter-spacing:-5px;line-height:.94;margin:22px 0 24px;font-weight:900}h1 em{font-style:normal;color:var(--mint)}.subtitle{font-size:19px;color:#d7e5f5}.hero-description{color:var(--muted);font-size:13px;margin:12px 0 27px;line-height:1.6}.primary{background:var(--mint);border-color:var(--mint);color:#092c28;font-size:12px;font-weight:800;letter-spacing:.5px;min-height:54px;display:flex;justify-content:center;align-items:center;gap:25px;padding:16px 25px}.primary:hover{background:#c1ffe8;border-color:#c1ffe8}.hero-copy .primary{width:280px;justify-content:space-between}.primary span{font-size:22px}.save-note{font-size:11px;color:var(--muted);margin-top:14px;line-height:1.5}.hero-art{height:360px;position:relative;overflow:hidden;background:radial-gradient(ellipse,#47739530,transparent 65%)}.hero-art img{position:absolute;width:230px;height:230px;object-fit:contain;left:calc(50% - 110px);top:48px;transform:rotate(-18deg);filter:drop-shadow(0 24px 28px #0007);animation:hover-blade 5s ease-in-out infinite}.orbital{position:absolute;border:1px solid #89c7ed20;border-radius:50%;width:380px;height:300px;left:calc(50% - 190px);top:20px;transform:rotate(-25deg)}.o2{width:300px;height:380px;left:calc(50% - 150px);top:-15px}.art-platform{position:absolute;width:105px;height:14px;border-radius:5px;background:#45617e;border-top:4px solid #9bcfff;transform:skew(-12deg);box-shadow:0 8px 0 #172b43}.a1{left:17%;top:280px}.a2{right:5%;top:210px;background:#a68a3a;border-color:var(--gold)}.a3{left:10%;top:85px;width:75px}.art-star{position:absolute;color:var(--gold);font-size:32px}.s1{left:22%;top:235px}.s2{right:11%;top:160px}.s3{left:15%;top:38px}.art-label{position:absolute;bottom:7px;left:0;right:0;text-align:center;font:9px var(--font-ui);letter-spacing:3px;color:#87a9c4}.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:30px}.journey-heading h2,.loadout h2{font-size:24px;letter-spacing:-.6px;margin:8px 0}.rank-badge{display:flex;gap:12px;align-items:center}.rank-badge>span:first-child{color:var(--mint);font-size:32px}.rank-badge small{display:block;color:var(--muted);font:8px var(--font-ui);letter-spacing:1px;margin-bottom:5px}.rank-badge b{font-size:16px}.rank-badge>span:last-child{color:var(--gold);font-size:12px;margin-left:15px}.tier-track{display:flex;gap:6px;margin:22px 0 24px}.tier-step{flex:1;min-width:0;border-top:3px solid #283f59;padding-top:8px;font-size:10px;color:#7890ad;display:flex;justify-content:space-between;gap:4px}.tier-step.earned{border-color:var(--mint);color:#c6f5e4}.tier-step small{font-size:9px}.stage-map{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.stage-card{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:17px 16px;min-height:164px;position:relative;background:linear-gradient(145deg,var(--world),#132237 85%);border:1px solid #405672;overflow:hidden;transition:transform .15s}.stage-card:hover:not(:disabled){transform:translateY(-3px);background:linear-gradient(145deg,var(--world),#203a51 85%)}.stage-card .stage-no{font:11px var(--font-ui);color:#b8cce1;display:flex;justify-content:space-between;width:100%}.stage-card .stage-symbol{font-size:35px;color:var(--accent);margin:13px 0 9px}.stage-card b{font-size:14px;letter-spacing:.1px}.stage-card small{font-size:9px;color:#abc3dc;margin-top:5px}.stage-card .medal-row{color:var(--gold);font-size:12px;letter-spacing:4px;margin-top:12px}.stage-card:disabled{opacity:.5}.stage-card.next{border-color:var(--mint);box-shadow:inset 0 0 0 1px #9df0d033}.loadout{display:flex;align-items:center;gap:30px;margin:34px 0;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.loadout>div:first-child{flex:1}.loadout h2{font-size:20px}.loadout p{font-size:11px;color:var(--muted);line-height:1.6}.blade-choices{display:flex;gap:10px;flex:1.4}.blade-choice{flex:1;text-align:left;padding:16px 13px;background:#132238}.blade-choice[aria-pressed=true]{border-color:var(--mint);background:#1b383f}.blade-choice span{font-size:26px;display:block;color:var(--mint);margin-bottom:10px}.blade-choice b{display:block;font-size:14px}.blade-choice small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px}.how-strip{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#b6c9df}.how-strip b{font:10px var(--font-ui);color:var(--mint);margin-right:8px}.guide-link{display:block;text-align:center;font-size:11px;text-decoration:none;color:var(--muted);margin-top:32px}
body.in-game{height:100dvh;overflow:hidden;background:#0b1423}.in-game .topbar{height:54px;padding:0 25px}.in-game .sibling{display:none}#play-screen{max-width:1200px;margin:auto;height:calc(100dvh - 54px);display:flex;flex-direction:column;padding:0 20px;align-items:center}.play-top{width:100%;max-width:900px;display:flex;align-items:center;gap:18px;min-height:70px;flex-shrink:0}.quiet{border:0;background:transparent;color:#b4cbe4;font-size:12px}.play-top small{font:8px var(--font-ui);letter-spacing:1.4px;color:var(--blue)}.play-top h2{font-size:18px;margin-top:6px}.live-stars{margin-left:auto;text-align:right}.live-stars b{display:block;color:var(--gold);font-size:19px}.live-stars span{display:block;font:8px var(--font-ui);letter-spacing:2px;color:#9bb1cd;margin-top:5px}.game-layout{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;gap:35px;width:100%}.canvas-wrap{position:relative;flex-shrink:0;line-height:0}.canvas-wrap canvas{display:block;border:1px solid #45617a;border-radius:16px;box-shadow:0 15px 50px #0004;touch-action:none;background:#152d46}.mission-panel,.flight-panel{max-width:200px;flex:1;align-self:flex-start;margin-top:30px}.mission-panel h3,.flight-panel h3{font-size:23px;line-height:1.2;margin:12px 0 14px;letter-spacing:-.5px}.mission-panel>p:not(.eyebrow),.flight-panel>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7}.mission-medals{display:grid;gap:12px;border-top:1px solid var(--line);margin-top:20px;padding-top:20px;font-size:11px;color:#c9dbeb}.checkpoint-info{color:var(--mint)!important;border-radius:8px;background:#163037;padding:12px;margin-top:25px}.key-guide{font-size:10px;color:var(--muted);line-height:3.2;margin-top:22px}kbd{font:10px var(--font-ui);border:1px solid #42546d;border-radius:4px;padding:4px 7px;margin-right:4px;color:#cadff4}.platform-guide{display:grid;gap:16px;font-size:10px;color:#c8daeb;padding:14px 0 24px}.platform-guide span{display:flex;align-items:center;gap:10px}.platform-guide i{display:block;width:24px;height:7px;background:#a7d4e9;border-radius:3px;border-top:2px solid white}.platform-guide .moving{background:#8bbdff}.platform-guide .fragile{background:#ee92ac}.platform-guide .boost{background:#eccc72}.platform-guide .checkpoint{background:#79e5c3}.altitude-track{position:absolute;right:9px;top:45px;bottom:64px;width:3px;border-radius:3px;background:#ffffff15;display:flex;align-items:flex-end}.altitude-track i{display:block;width:100%;height:0;background:var(--mint);border-radius:3px}#coach{position:absolute;bottom:14px;left:18px;right:18px;line-height:1.5;text-align:center;font-size:11px;color:#e3f4ff;background:#101e32e8;padding:10px 12px;border:1px solid #70b3cf44;border-radius:8px;pointer-events:none}#toast{position:absolute;left:12px;right:12px;top:15px;line-height:1.4;text-align:center;font-size:12px;font-weight:700;color:var(--gold);pointer-events:none;background:#0b2036df;border-radius:8px;padding:10px}.controls{display:flex;gap:9px;max-width:440px;width:100%;padding:12px 0 0;flex-shrink:0}.controls button{height:60px;padding:8px 13px;position:relative;overflow:hidden;touch-action:none;user-select:none}.controls button.held{background:#466484;border-color:#c2e7fa}.controls #left-button,.controls #right-button{flex:1;font-size:25px}.controls #drop-button{flex:.9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.controls #drop-button span{font-size:22px}.controls small{font:8px var(--font-ui);letter-spacing:.5px}.controls #burst-button{flex:2.5;display:flex;align-items:center;justify-content:center;gap:10px;border-color:#d0ae61;background:#463d28;color:var(--gold);text-align:left}.controls #burst-button.ready{background:var(--gold);color:#423314;border-color:var(--gold)}#burst-button>span{font-size:27px}#burst-button b{font-size:11px;letter-spacing:1px;display:block}#burst-button small{display:block;margin-top:4px;font-size:8px}#burst-fill{position:absolute;left:0;bottom:0;height:3px;background:#fff5c4;width:100%;transform-origin:left}.play-caption{color:#91abc7;font-size:10px;text-align:center;line-height:1.5;padding:7px 0 calc(8px + var(--safe));flex-shrink:0}dialog{color:var(--ink);background:#14273c;border:1px solid #4e6d87;border-radius:20px;width:420px;max-width:calc(100% - 30px);padding:32px;text-align:center;box-shadow:0 30px 100px #0008;max-height:92dvh;overflow:auto}dialog::backdrop{background:#050d1bd9;backdrop-filter:blur(7px)}dialog h2{font-size:35px;letter-spacing:-1px;margin:16px 0}dialog>p:not(.eyebrow){font-size:13px;line-height:1.6;color:#bad0e5;margin-bottom:20px}dialog .primary,dialog .secondary{width:100%;margin-top:10px}.secondary{font-size:12px;min-height:46px;background:#20384e}dialog .quiet{margin-top:10px}.result-mark{color:var(--gold);font-size:60px;line-height:1;margin-top:20px}.result-medals{display:flex;gap:8px;justify-content:center;margin:24px 0}.result-medals div{flex:1;border:1px solid #35536a;background:#172d43;border-radius:10px;padding:12px 6px;color:#849ab2}.result-medals div.earned{border-color:#d8b76966;color:var(--gold);background:#393c31}.result-medals b{display:block;font-size:24px;margin-bottom:8px}.result-medals span{font-size:10px;line-height:1.5;display:block}#result-promotion{color:var(--mint);font-weight:bold}.storage-notice{color:var(--gold)!important}@keyframes hover-blade{50%{transform:translateY(-10px) rotate(-8deg)}}body.reduced-motion .hero-art img{animation:none}body.reduced-motion .stage-card{transition:none}
@media(max-width:1000px){.game-layout{gap:20px}.flight-panel{display:none}.mission-panel{max-width:180px}.stage-map{gap:8px}.stage-card{padding:14px 12px}.loadout{gap:20px}.hero-art img{width:210px;height:210px}.journey-heading h2{font-size:21px}}
@media(max-width:700px){.topbar{height:62px;padding:0 17px;gap:14px}.brand{font-size:9px}.brand b{width:30px;height:30px;font-size:20px}.sibling{display:none}.topbar nav{gap:5px}.topbar button{font-size:10px;padding:7px 9px;min-height:38px}#home-screen{padding:0 20px 30px}.home-hero{min-height:0;padding:28px 0;grid-template-columns:1fr .8fr;position:relative}.hero-copy>.eyebrow{font-size:8px;letter-spacing:1px;white-space:nowrap}h1{font-size:65px;letter-spacing:-4px;margin:20px 0}.subtitle{font-size:13px;line-height:1.6;width:190px}.hero-description{font-size:11px;margin:10px 0 20px;max-width:170px}.hero-copy .primary{width:calc(100vw - 40px);position:relative;margin-top:28px}.save-note{width:calc(100vw - 40px);text-align:center;font-size:10px}.hero-art{position:absolute;right:-20px;top:42px;width:51%;height:250px;pointer-events:none}.hero-art img{width:160px;height:160px;left:calc(50% - 70px);top:35px}.orbital{width:230px;height:210px;left:-10px;top:15px}.o2{width:160px;height:240px;left:15px;top:0}.a1{left:20%;top:205px;width:75px}.a2{right:-25px;top:150px;width:70px}.a3{display:none}.art-star{font-size:22px}.s1{left:27%;top:174px}.s2{right:0;top:119px}.s3{left:19%;top:20px}.art-label{display:none}.journey-heading{display:block;padding-top:22px}.journey-heading h2{font-size:21px}.rank-badge{margin-top:20px;padding:13px;background:#15283c;border:1px solid var(--line);border-radius:10px}.rank-badge>span:last-child{margin-left:auto}.tier-step{font-size:9px;display:block}.tier-step small{display:block;margin-top:5px;font-size:8px}.stage-map{grid-template-columns:repeat(2,1fr);gap:10px}.stage-card{min-height:155px;padding:14px}.stage-card .stage-symbol{font-size:30px;margin:10px 0 7px}.stage-card b{font-size:14px}.stage-card small{font-size:10px}.stage-card .medal-row{margin-top:9px}.loadout{display:block;padding:24px 0;margin:25px 0}.blade-choices{margin-top:18px;gap:7px}.blade-choice{padding:13px 9px}.blade-choice b{font-size:12px}.blade-choice small{font-size:9px}.how-strip{display:grid;gap:15px;font-size:11px}.mission-panel{display:none}.in-game .topbar{height:50px;padding:0 12px}.in-game .topbar button{min-height:36px;padding:6px 8px;font-size:9px}.in-game .brand span{display:none}.in-game .brand b{width:27px;height:27px;font-size:18px}.in-game .topbar nav{gap:6px}#play-screen{height:calc(100dvh - 50px);padding:0 12px}.play-top{min-height:60px;gap:9px}.play-top .quiet{padding:8px 5px;font-size:10px}.play-top small{font-size:7px;letter-spacing:.8px}.play-top h2{font-size:15px;margin-top:4px}.live-stars b{font-size:17px}.live-stars span{font-size:7px;letter-spacing:1px}.game-layout{gap:0}.canvas-wrap canvas{border-radius:12px}.controls{gap:7px;max-width:420px;padding-top:9px}.controls button{height:57px;padding:7px 10px}.play-caption{font-size:9px;padding:6px 0 calc(7px + var(--safe))}#coach{font-size:10px;left:12px;right:12px;padding:8px 9px;bottom:11px}#toast{font-size:11px;padding:8px}.altitude-track{right:6px;bottom:58px}dialog{padding:25px 22px}dialog h2{font-size:30px}}
@media(max-height:500px) and (min-width:600px){.in-game .topbar{height:44px}.in-game #play-screen{height:calc(100dvh - 44px);display:grid;grid-template-columns:190px 1fr;grid-template-rows:auto 1fr auto;gap:0 18px;padding:10px 25px}.play-top{grid-column:1;grid-row:1;flex-wrap:wrap;min-height:0;gap:6px}.play-top .quiet{width:100%;text-align:left;padding:4px 0;min-height:30px}.play-top h2{font-size:15px}.play-top small{font-size:7px}.live-stars b{font-size:16px}.live-stars span{font-size:7px}.game-layout{grid-column:2;grid-row:1/4;height:100%}.mission-panel,.flight-panel{display:none}.controls{grid-column:1;grid-row:2;align-self:end;display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:0}.controls button{height:49px}.controls #burst-button{grid-column:1/3;grid-row:2}.controls #drop-button{grid-column:1/3;grid-row:3;flex-direction:row;min-height:44px;height:44px;gap:10px}.play-caption{grid-column:1;grid-row:3;font-size:9px;padding-top:8px}#coach{font-size:9px;bottom:8px;padding:6px}.canvas-wrap canvas{border-radius:10px}dialog{padding:20px 26px}dialog h2{font-size:26px;margin:8px}.result-mark{display:none}.result-medals{margin:12px 0}.result-medals div{padding:8px 4px}.result-medals b{font-size:18px;margin-bottom:4px}dialog>p:not(.eyebrow){margin-bottom:10px}dialog .primary{min-height:46px;padding:12px}}
@media(prefers-reduced-motion:reduce){.hero-art img{animation:none}.stage-card{transition:none}}

.topbar button,.in-game .topbar button{min-height:44px}

/* Skybound shares the collection's materials with its own celadon accent. */
:root { --bg: var(--premium-bg); --ink: var(--premium-text); --muted: var(--premium-muted); --line: var(--premium-line); --blue: #abcdd1; --mint: #b8d4bd; --gold: #dfc594; }
body { font-family: var(--font-ui); background: radial-gradient(ellipse at 80% 2%, #45554340, transparent 55%), var(--bg); }
button { border-radius: 3px; background: var(--premium-panel); }
button:hover { background: var(--premium-raised); border-color: #b8c4b1; }
.topbar { border-color: var(--line); background: #0d171b9c; }.brand { font-weight: 600; letter-spacing: .12em; }
.brand b { background: transparent; border: 1px solid var(--premium-gold); border-radius: 0; color: var(--premium-gold); font: 500 26px var(--font-display); height: 38px; }
.brand small { color: var(--muted); letter-spacing: .2em; }.topbar button { border-color: var(--line); font-size: 11px; }
.eyebrow { color: var(--premium-gold); font-family: var(--font-ui); font-weight: 500; letter-spacing: .14em; }
.home-hero { padding-top: 48px; padding-bottom: 40px; }
h1 { font: 400 83px/1.07 var(--font-display); letter-spacing: -.055em; margin: 22px 0 24px; }
h1 em { color: #b9d4bd; }.subtitle { font-size: 17px; color: #d5dfd2; line-height: 1.65; }.hero-description { font-size: 13px; line-height: 1.8; }
.primary { background: #d8e1c9; border-color: #d8e1c9; color: #1b2d27; font-weight: 600; font-size: 12px; letter-spacing: .04em; box-shadow: inset 0 0 0 3px #d8e1c9, inset 0 0 0 4px #7a8b6d66; }
.primary:hover { background: #e7eedb; border-color: #e7eedb; }
.hero-art { background: radial-gradient(ellipse, #6a82632b, transparent 66%); }.orbital { border-color: #b8d4bd30; }.art-label { color: #adbca9; letter-spacing: .15em; font-size: 10px; }
.art-platform { border-radius: 2px; background: #506c6d; border-top-color: #b8d4bd; box-shadow: 0 8px 0 #253937; }.a2 { background: #998150; border-color: var(--gold); }
.journey-heading { padding-top: 32px; }.journey-heading h2, .loadout h2 { font: 400 28px/1.3 var(--font-display); letter-spacing: -.035em; margin-top: 10px; }
.rank-badge b { font-family: var(--font-display); font-size: 20px; font-weight: 500; }.rank-badge small { font-size: 9px; letter-spacing: .1em; }
.tier-track { margin: 26px 0; gap: 10px; }.tier-step { border-top-width: 2px; color: #92a7a1; padding-top: 11px; font-size: 11px; }.tier-step.earned { color: #c5dbc6; }
.stage-map { gap: 14px; }.stage-card { padding: 19px 16px; border-radius: 4px; border-color: #91a99e50; background: linear-gradient(160deg, color-mix(in srgb, var(--world) 60%, #172b2c), #16262b 85%); transition: border-color .15s, background .15s; }
.stage-card:hover:not(:disabled) { transform: none; background: linear-gradient(160deg, var(--world), #213835 85%); border-color: #bacdb8; }
.stage-card.next { border-color: #b8d4bd; box-shadow: inset 0 3px 0 #b8d4bd; }.stage-card:disabled { opacity: .6; }
.stage-card .stage-no { font-size: 10px; color: #becbc2; letter-spacing: .04em; }.stage-card .stage-no > span { font-size: 9px; }
.stage-card b { font: 500 17px/1.3 var(--font-display); letter-spacing: -.02em; }.stage-card small { font-size: 10px; color: #aabeb6; }.stage-card .medal-row { font-size: 13px; }
.loadout { padding: 32px 0; }.loadout h2 { font-size: 24px; }.loadout p { font-size: 12px; }
.blade-choice { background: #16272d; border-color: #91a99e40; border-radius: 3px; }.blade-choice[aria-pressed=true] { border-color: #b8d4bd; background: #293c32; box-shadow: inset 0 3px 0 #b8d4bd; }
.blade-choice b { font: 500 19px/1.3 var(--font-display); letter-spacing: -.025em; }.blade-choice small { font-size: 11px; }.blade-choice span { color: #c1d6bc; }
.how-strip { font-size: 12px; color: #bbcac2; }.how-strip b { font-size: 11px; font-weight: 500; color: var(--premium-gold); }.guide-link { font-size: 12px; color: #c4ccb9; }
body.in-game { background: #0e1b20; }.play-top small { color: var(--premium-gold); font-weight: 500; letter-spacing: .1em; }.play-top h2 { font: 500 19px/1.3 var(--font-display); letter-spacing: -.025em; }
.live-stars b { font-weight: 600; font-variant-numeric: tabular-nums; }.live-stars span { color: #b3c5bd; letter-spacing: .1em; }
.canvas-wrap canvas { border-color: #a4bead70; border-radius: 4px; box-shadow: 0 15px 50px #0004; }
.mission-panel h3, .flight-panel h3 { font: 400 25px/1.3 var(--font-display); letter-spacing: -.03em; }.mission-panel > p:not(.eyebrow), .flight-panel > p:not(.eyebrow) { color: #b1c3bf; }
.mission-medals { color: #cad6c8; }.checkpoint-info { border-radius: 3px; background: #203a32; border-left: 2px solid #a9c3a7; }.platform-guide { font-size: 11px; }
#coach { background: #13292dec; border-color: #9bb9a650; border-radius: 3px; color: #e0ebdf; }#toast { background: #182b29ed; border-radius: 3px; }
.controls button { border-color: #91a99e60; background: #20363a; }.controls button.held { background: #42605b; border-color: #c6d7bf; }
.controls #burst-button { border-color: #cbb58999; background: #3a3b2a; }.controls #burst-button.ready { background: #dfc594; border-color: #dfc594; color: #332f1d; }
#burst-button b { font-size: 12px; font-weight: 600; letter-spacing: .05em; }.controls small, #burst-button small { font-size: 9px; letter-spacing: .02em; }.play-caption { color: #a6bcb5; }
kbd { color: #c2d1c7; border-color: #92a69560; border-radius: 2px; }
dialog { background: radial-gradient(ellipse at 50% 0, #43503d66, var(--premium-panel) 65%); border: 1px solid #cbb58970; border-radius: 4px; }
dialog h2 { font: 400 34px/1.25 var(--font-display); letter-spacing: -.04em; }dialog > p:not(.eyebrow) { color: #b6c9bd; }.secondary { background: #25372f; border-color: #849b7c60; }
.result-medals div { background: #20312e; border-color: #8a9d7755; border-radius: 3px; }.result-medals div.earned { background: #343b2b; border-color: #cbb58970; }.result-medals span { font-size: 11px; }
button:focus-visible, a:focus-visible, canvas:focus-visible { outline: 2px solid var(--premium-gold); outline-offset: 4px; }
@media (max-width: 1000px) { .journey-heading h2 { font-size: 25px; }.stage-map { gap: 10px; }.stage-card b { font-size: 16px; } }
@media (max-width: 700px) {
  .brand b { font-size: 23px; height: 33px; }.brand { font-size: 10px; letter-spacing: .08em; }.topbar { gap: 12px; }.topbar button { font-size: 10px; }
  .home-hero { padding: 30px 0 32px; }.hero-copy > .eyebrow { font-size: 8px; letter-spacing: .08em; }
  h1 { font-size: clamp(49px, 10.2vw, 65px); letter-spacing: -.055em; line-height: 1.08; margin: 22px 0 18px; }.subtitle { font-size: 13px; width: 170px; line-height: 1.7; }.hero-description { font-size: 11px; max-width: 165px; }.hero-art { top: 67px; width: 48%; }
  .hero-copy .primary { margin-top: 29px; }.journey-heading h2 { font-size: 25px; }.rank-badge { background: #1b302f; border-radius: 3px; }.rank-badge b { font-size: 20px; }
  .tier-track { gap: 7px; }.tier-step { font-size: 10px; padding-top: 9px; }.tier-step small { font-size: 8px; }.stage-map { gap: 11px; }.stage-card { padding: 16px 14px; }.stage-card b { font-size: 18px; }.stage-card small { font-size: 11px; }
  .loadout h2 { font-size: 24px; }.blade-choice { padding: 14px 9px; }.blade-choice b { font-size: 17px; }.blade-choice small { font-size: 10px; }.how-strip { font-size: 12px; }
  .play-top h2 { font-size: 16px; }.play-top small { font-size: 8px; }.live-stars span { font-size: 8px; }.canvas-wrap canvas { border-radius: 4px; }
  .controls button { border-radius: 3px; }#burst-button b { font-size: 11px; }.controls small, #burst-button small { font-size: 8px; }.play-caption { font-size: 10px; }
  dialog h2 { font-size: 30px; }dialog > p:not(.eyebrow) { font-size: 13px; }.result-medals span { font-size: 10px; }
}
@media (max-width: 370px) { .topbar { gap: 8px; }.brand { font-size: 9px; }.topbar button { padding-left: 7px; padding-right: 7px; }.hero-copy > .eyebrow { font-size: 7px; }.hero-art { width: 44%; }.tier-step { font-size: 9px; }.stage-card .stage-no { font-size: 9px; } }
@media (max-height: 500px) and (min-width: 600px) { .play-top h2 { font-size: 15px; }dialog h2 { font-size: 26px; }.canvas-wrap canvas { border-radius: 3px; } }