:root{color-scheme:dark;--bg:#091320;--panel:#0e2130;--ink:#e9f7f5;--muted:#9aafb9;--mint:#86ffe1;--line:#253c49;--gold:#e9c989;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#183d3b70 0,transparent 44%),var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{opacity:.45;cursor:default}button,a,summary,canvas{outline-offset:5px}button:focus-visible,a:focus-visible,summary:focus-visible,canvas:focus-visible{outline:3px solid var(--mint)}.skip-link{position:fixed;top:8px;left:8px;padding:12px;background:var(--ink);color:var(--bg);z-index:100;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{max-width:1240px;margin:auto;padding:24px 24px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:2px;font-size:16px}.brand img{border-radius:50%}.brand small{display:block;margin-top:4px;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.back-link{color:var(--muted);font-size:13px}.back-link:hover{color:var(--mint)}.game-nav{max-width:1192px;margin:0 auto;padding:12px 16px;border:1px solid var(--line);border-radius:14px;background:#0c1b29cc;gap:9px;font-size:13px}.game-nav>span{font-size:11px;letter-spacing:1px;color:var(--muted)}.game-nav a[aria-current=page]{background:#153b3a;color:var(--mint);border-color:#427968}.game-nav .additional-games-list{background:var(--panel)}main{max-width:1240px;padding:0 24px 48px;margin:auto}.intro{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:37px 0 28px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--mint);line-height:1.6;margin:0 0 10px}.eyebrow>span{display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 15px var(--mint)}h1{font-size:clamp(42px,6.5vw,74px);letter-spacing:-4px;line-height:1; margin:0}h1 span{color:var(--mint)}.intro-text{margin:13px 0 0;color:var(--muted);font-size:15px}.intro-aside{text-align:right}.free-pill{display:inline-block;border:1px solid #3a5a57;border-radius:30px;padding:7px 13px;color:#c3e7d8;font-size:11px}.intro-aside p{font-size:12px;line-height:1.7;color:var(--muted)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:20px;align-items:start}.game-panel{overflow:hidden;border:1px solid #2c4d55;border-radius:22px;background:linear-gradient(130deg,#0d2430,#0e1c2d);box-shadow:0 28px 80px #0004}.hud{display:grid;grid-template-columns:1fr .8fr 1.25fr;padding:19px 23px;gap:20px;border-bottom:1px solid var(--line)}.metric>span{display:block;font-size:9px;letter-spacing:1.4px;font-weight:700;color:var(--muted);margin-bottom:7px}.metric strong{font-variant-numeric:tabular-nums;font-size:25px;line-height:1;letter-spacing:-1px}.metric strong small{font-size:13px;color:var(--muted);font-weight:400}.metric.crystals strong{color:#c9b4fc}.metric.reward strong{color:var(--mint);font-size:19px;letter-spacing:-.5px}.metric.reward>small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.playfield{position:relative;aspect-ratio:5/3;background:#0a2430;overflow:hidden;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.world-tag{position:absolute;top:15px;left:16px;display:flex;gap:9px;pointer-events:none;font-size:10px;color:#d7f7ee;letter-spacing:.2px}.world-tag span{padding:5px 8px;border:1px solid #d7f7ee22;border-radius:6px;background:#09172380}.pause-button{position:absolute;right:15px;top:12px;width:36px;height:36px;border:1px solid #a8ddd34d;border-radius:10px;background:#09222ccc;color:var(--mint);font-size:21px;font-weight:900;line-height:1}.pause-button[hidden]{display:none}.game-overlay{position:absolute;inset:0;z-index:5;display:grid;place-items:center;background:linear-gradient(90deg,#071923cf,#1022295e);backdrop-filter:blur(2px);padding:25px}.game-overlay[hidden]{display:none}.overlay-card{text-align:center;max-width:345px}.overlay-card .eyebrow{font-size:9px;color:#b6f8e4}.overlay-card h2{font-size:clamp(30px,4vw,48px);line-height:1.05;letter-spacing:-1.7px;margin:14px 0}.overlay-card>p:not(.eyebrow):not(.overlay-help){font-size:13px;line-height:1.6;color:#c0d7d8;margin:0 0 20px}.primary-button{border:0;border-radius:12px;background:var(--mint);color:#0a2729;font-size:14px;font-weight:850;min-height:49px;padding:13px 23px;box-shadow:0 8px 30px #80ffe330}.primary-button span{margin-left:14px}.primary-button:hover{background:#c7ffee}.overlay-help{color:#9ab8ba;font-size:10px;line-height:1.5;margin:14px 0 0}.toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%) translateY(8px);z-index:4;background:#0b2430e8;border:1px solid #84f3d376;padding:10px 15px;border-radius:10px;text-align:center;font-size:12px;font-weight:750;color:var(--mint);pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;white-space:nowrap}.toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.flight-progress{padding:15px 22px 13px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:10px;color:var(--muted);border-top:1px solid #51796944}.flight-progress b{color:var(--ink);font-weight:600;margin-left:4px}.progress-track{width:100%;height:4px;background:#304b54;border-radius:10px;overflow:hidden}.progress-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#6ad9c4,var(--mint));border-radius:inherit}.controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:15px;padding:6px 22px 8px}.flight-control{min-height:61px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #385d66;background:#142f3e;border-radius:13px;font-size:12px;font-weight:750;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.flight-control span{font-size:29px;line-height:1;color:var(--mint)}.flight-control.active,.flight-control:active{background:#28534e;border-color:var(--mint);box-shadow:inset 0 0 0 1px var(--mint)}.control-hint{text-align:center;font-size:10px;line-height:1.5;color:#c0d4d8}.control-hint span{font-size:9px;color:var(--muted)}.game-status{text-align:center;font-size:10px;line-height:1.5;color:var(--muted);margin:5px 20px 13px;min-height:15px}.flight-notes{display:flex;flex-direction:column;gap:14px}.note-card{border:1px solid var(--line);border-radius:17px;background:#101f2dcc;padding:22px}.note-card h2{font-size:20px;letter-spacing:-.5px;line-height:1.25;margin:0 0 20px}.personal-stats dl{margin:0}.personal-stats dl>div{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #243b48;padding:12px 0;font-size:11px}.personal-stats dt{color:var(--muted)}.personal-stats dd{margin:0;white-space:nowrap;font-size:13px;font-weight:750;font-variant-numeric:tabular-nums}.personal-stats dl>div:first-child dd{color:var(--mint);font-size:18px}.small{font-size:10px;line-height:1.7;color:var(--muted);margin-bottom:0}.rules ol{padding:0;margin:0;list-style:none;counter-reset:rules}.rules li{position:relative;padding:0 0 16px 28px;counter-increment:rules;font-size:11px;line-height:1.7;color:var(--muted)}.rules li:last-child{padding-bottom:0}.rules li:before{content:counter(rules);position:absolute;left:0;top:2px;display:grid;place-items:center;width:18px;height:18px;border:1px solid #486264;border-radius:50%;color:var(--mint);font-size:9px;font-weight:750}.rules li b{display:block;color:var(--ink);font-size:12px;font-weight:700}.game-tools{display:flex;gap:10px}.game-tools button{flex:1;min-height:40px;border:1px solid var(--line);border-radius:10px;background:#122533;font-size:11px;color:var(--muted)}.game-tools button[aria-pressed=true]{color:var(--mint);border-color:#578d80}.game-tools button span{font-size:16px;margin-right:5px}.reward-note{display:flex;gap:20px;margin-top:26px;border:1px solid #2d464b;border-radius:16px;padding:23px;background:linear-gradient(95deg,#16343080,#10273540)}.note-symbol{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:11px;background:#345e5238;color:var(--mint);font-size:23px}.reward-note h2{font-size:15px;margin:0 0 8px}.reward-note p{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 12px;max-width:850px}.reward-note p strong{color:#c6deda;font-weight:600}.reward-note a{font-size:12px;color:var(--mint)}footer{border-top:1px solid var(--line);max-width:1192px;margin:0 auto;padding:23px 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;font-size:10px;color:var(--muted)}footer>div{display:flex;gap:16px}footer>a{color:var(--ink)}.game-panel:fullscreen{display:flex;flex-direction:column;border:0;border-radius:0;max-width:none;height:100%;background:#09131f}.game-panel:fullscreen .playfield{aspect-ratio:auto;flex:1;min-height:0}.game-panel:fullscreen .hud{padding:12px 24px}.game-panel:fullscreen .controls{padding-bottom:max(6px,env(safe-area-inset-bottom))}.game-panel:fullscreen .game-status{margin:3px 0 5px}.game-panel:fullscreen .flight-progress{padding:8px 24px}.game-panel:fullscreen canvas{width:100%;height:100%}@media(min-width:1400px){.playfield{aspect-ratio:5/3}.intro{padding-top:42px}}@media(max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr) 240px;gap:16px}.hud{padding:17px;gap:15px}.metric strong{font-size:22px}.metric.reward strong{font-size:17px}.note-card{padding:18px}.controls{padding-left:16px;padding-right:16px;gap:10px}.control-hint span{display:none}.overlay-card h2{font-size:36px}}@media(max-width:780px){.site-header{padding:18px 18px 15px}.game-nav{margin:0 18px}.game-layout{display:block}.flight-notes{margin-top:19px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-tools{grid-column:1/-1}.game-tools button{flex:0 1 160px}.intro{padding:26px 0 23px}.intro h1{font-size:52px}.intro-aside{display:none}main{padding:0 18px 28px}.playfield{aspect-ratio:5/3}.note-card h2{font-size:18px}.rules .small{display:none}.reward-note{margin-top:20px;padding:20px;gap:14px}.reward-note p{font-size:11px}footer{margin:0 18px;padding:18px 0}}@media(max-width:520px){.brand{font-size:13px;letter-spacing:1.6px}.brand small{font-size:8px;letter-spacing:1px}.brand img{width:36px;height:36px}.back-link{font-size:11px}.site-header{padding:15px 14px}.game-nav{margin:0 12px;padding:9px 10px;gap:6px;font-size:11px}.game-nav>span{display:none}main{padding:0 12px 23px}.intro{padding:23px 3px 20px}.intro h1{font-size:46px;letter-spacing:-2.5px}.intro-text{font-size:12px;margin-top:10px}.intro .eyebrow{font-size:8px;letter-spacing:1.4px}.hud{gap:10px;padding:15px 14px}.metric>span{font-size:8px;letter-spacing:.6px}.metric strong{font-size:22px}.metric.reward strong{font-size:16px}.metric.reward>small{font-size:8px}.playfield{aspect-ratio:1/1;min-height:300px}.game-overlay{padding:28px 22px}.overlay-card h2{font-size:37px}.overlay-card>p:not(.eyebrow):not(.overlay-help){font-size:12px}.flight-progress{font-size:9px;padding:12px 14px}.controls{grid-template-columns:1fr 1fr;gap:11px;padding:7px 14px}.flight-control{min-height:66px;font-size:12px}.control-hint{display:none}.flight-notes{grid-template-columns:1fr}.personal-stats h2{font-size:20px}.personal-stats dl{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.personal-stats dl>div{display:block;padding:12px 0}.personal-stats dl>div:last-child{grid-column:1/-1;display:flex}.personal-stats dd{margin-top:5px}.personal-stats dl>div:last-child dd{margin-top:0}.game-tools{grid-column:auto}.game-tools button{flex:1}.rules{padding:18px}.rules ol{display:grid;grid-template-columns:1fr 1fr;gap:8px 17px}.rules li{font-size:10px;line-height:1.6;padding-left:25px;padding-bottom:10px}.rules li b{font-size:11px}.reward-note{padding:18px 15px;gap:11px}.note-symbol{width:26px;height:26px;font-size:18px;border-radius:8px}.reward-note h2{font-size:13px;line-height:1.5}footer{margin:0 14px;gap:13px}footer>span{flex-basis:100%;order:3}.toast{font-size:10px;padding:9px 11px;bottom:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

/* Flight audio stays available inside fullscreen and on small screens. */
.flight-audio{padding:0 14px 14px;flex-wrap:wrap;gap:8px}.flight-audio button{flex:1 1 90px;min-height:44px;padding:8px 10px}.flight-audio button[hidden]{display:none}.world-tag{max-width:calc(100% - 62px);flex-wrap:wrap;gap:5px}.world-tag #difficultyValue{font-size:8px;letter-spacing:.8px;color:#b4c9c8}.hard-mode .world-tag #difficultyValue{color:#ffd2a1;border-color:#e9a7638c;background:#402918dc}.hard-mode{border-color:#856443}.toast{white-space:normal;max-width:calc(100% - 30px);width:max-content;line-height:1.5}.game-panel:fullscreen .flight-audio{padding:4px 14px max(10px,env(safe-area-inset-bottom));flex-shrink:0}.pause-button{width:44px;height:44px;top:9px;right:9px}@media(max-width:520px){.flight-audio button{font-size:10px}.flight-audio button span{font-size:14px;margin-right:3px}.world-tag{top:10px;left:10px;font-size:9px}.world-tag span{padding:4px 6px}.rules ol{gap:12px 17px}}

.crystal-legend{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 20px}.crystal-legend>div{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#1025339c;border-radius:12px;padding:13px 17px;font-size:11px}.crystal-legend b{display:block;color:var(--ink);font-size:12px;margin-top:4px}.gem{display:block;width:15px;height:24px;flex-shrink:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);background:linear-gradient(135deg,#ebfff3,#3eea89,#168855)}.gem.red{background:linear-gradient(135deg,#ffdfe4,#ff6b78,#a42352)}.gem.silver{background:linear-gradient(135deg,#fff,#d2e1ef,#738caa)}.gem.gold{background:linear-gradient(135deg,#fffbc9,#ffdc61,#ba821c)}.spell-control{display:flex;align-items:center;gap:12px;padding:5px 14px 9px}.spell-control button{min-height:44px;flex-shrink:0;padding:9px 17px;border:1px solid #65805b;border-radius:11px;background:#263d33;color:#dcffc0;font-size:11px;font-weight:750}.spell-control small{font-size:10px;color:var(--muted);line-height:1.5}.world-tag #lifeValue{color:#f8c1cf}.upgrade-preview{margin-top:25px;padding:27px;border:1px solid #345658;border-radius:20px;background:linear-gradient(135deg,#102a33,#162236)}.upgrade-heading{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:20px}.upgrade-heading h2{font-size:28px;letter-spacing:-1px;margin:0 0 10px}.upgrade-heading p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.7;margin:0}.point-purse{min-width:145px;display:flex;flex-direction:column;gap:6px;padding:17px 21px;background:#1e423d73;border:1px solid #4d7764;border-radius:13px}.point-purse>span{font-size:9px;letter-spacing:1px;color:var(--muted)}.point-purse strong{font-size:29px;color:var(--mint);font-variant-numeric:tabular-nums}.point-purse small{font-size:9px;color:var(--muted)}.upgrade-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.upgrade-card{padding:22px;border:1px solid #38555e;border-radius:15px;background:#0d202c;display:flex;flex-direction:column}.upgrade-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#beaa5333;font-size:25px;color:#ffd98a}.upgrade-icon.life{color:#ffacb8;background:#a3536b2e}.upgrade-icon.magic{color:#baf797;background:#7aaf6730}.upgrade-card h3{font-size:16px;margin:17px 0 10px}.upgrade-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 13px}.upgrade-card .upgrade-cost{font-size:11px;color:#c9e4d7;margin-top:auto}.upgrade-card button{min-height:44px;border:1px solid #577968;border-radius:10px;background:#25453e;color:var(--mint);padding:10px;font-weight:750;font-size:11px}.upgrade-card small{margin-top:11px;min-height:30px;font-size:10px;line-height:1.5;color:var(--muted)}.shop-status{font-size:11px;line-height:1.7;color:#c7dadd;margin:18px 0}.coin-exchange{display:flex;align-items:center;gap:22px;justify-content:space-between;padding:19px;border:1px dashed #5d606a;border-radius:13px;background:#0b1b2b70}.coin-exchange h3{margin:10px 0 8px;font-size:17px}.coin-exchange p{font-size:11px;line-height:1.7;color:var(--muted);max-width:620px;margin:0}.preview-pill{font-size:8px;letter-spacing:1.5px;border:1px solid #606c78;border-radius:20px;padding:4px 8px;color:#c0cbd4}.coin-exchange button{min-height:44px;padding:11px 15px;border:1px solid var(--line);border-radius:10px;background:#162732;flex-shrink:0;font-size:11px}.game-panel:fullscreen .spell-control{padding-top:0;padding-bottom:3px;flex-shrink:0}.game-panel:fullscreen .world-tag{top:8px}@media(max-width:780px){.crystal-legend{grid-template-columns:repeat(2,1fr)}.upgrade-preview{padding:22px}.upgrade-grid{gap:10px}.upgrade-card{padding:16px}.coin-exchange{align-items:flex-start;flex-direction:column;gap:14px}}@media(max-width:520px){.crystal-legend{gap:7px;margin-bottom:16px}.crystal-legend>div{padding:10px 12px;gap:10px;font-size:10px}.crystal-legend b{font-size:10px}.upgrade-preview{padding:18px 14px}.upgrade-heading{align-items:stretch;flex-direction:column;gap:15px}.upgrade-heading h2{font-size:25px}.point-purse{display:grid;grid-template-columns:1fr auto;gap:5px 12px;padding:12px 15px}.point-purse strong{grid-row:1/3;grid-column:2;align-self:center}.upgrade-grid{grid-template-columns:1fr}.upgrade-card{padding:19px}.upgrade-card small{min-height:0}.spell-control{gap:9px}.spell-control button{padding:9px 12px;font-size:10px}.spell-control small{font-size:9px}.coin-exchange{padding:15px}.coin-exchange button{width:100%}}

/* v83: an intentional studio frame and a full viewport game surface. */
:root{--mint:#a3ffe9;--line:#304051;--panel:#101f30;--violet:#b6a3ff}
body{background:radial-gradient(ellipse at 85% 2%,#55328436,transparent 42%),radial-gradient(ellipse at 0% 20%,#16787a22,transparent 50%),#080f1d}
.game-panel{border-color:#485066;background:linear-gradient(140deg,#192b3b,#111c31);box-shadow:0 26px 80px #0005,0 0 45px #7260c10d}
.game-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:56px;padding:9px 14px;border-bottom:1px solid #ffffff0c;background:#080f1d55}
.studio-mark{display:flex;align-items:center;gap:7px;font-size:17px;font-weight:850;letter-spacing:2px;color:#eee9ff}
.studio-mark b{font-size:7px;font-weight:650;letter-spacing:2px;color:#a99abe}
#fullscreenButton{display:flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:9px 13px;border:1px solid #8272ac91;border-radius:9px;background:#372c5080;color:#e3d5ff;font-size:11px;font-weight:750;white-space:nowrap}
#fullscreenButton span{font-size:16px;line-height:1}
#fullscreenButton:hover{border-color:#c8baff;background:#544371}
#fullscreenButton[aria-pressed=true]{border-color:#b5d5db;background:#223545;color:#fff}
.world-tag #dayNightValue{font-size:8px;letter-spacing:1px;color:#ffdc99}
.metric.crystals strong{color:#ddd0ff}
.flight-control{background:linear-gradient(160deg,#283b51,#182a3f);border-color:#5c6584}
.flight-control span{color:#dbceff}
.flight-control.active,.flight-control:active{background:#423964;border-color:#d5bcff;box-shadow:inset 0 0 0 1px #d5bcff}
.primary-button{background:linear-gradient(120deg,#bdffeb,#90ecdf);box-shadow:0 8px 30px #84ffee2b}
.fairy-fullscreen-open{overflow:hidden;overscroll-behavior:none}
.game-panel.fairy-expanded{position:fixed;inset:0;z-index:1000;width:100%;height:100vh;height:var(--fairy-viewport-height,100dvh);max-width:none;max-height:none;margin:0;border:0;border-radius:0;background:#070d18;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);grid-template-rows:calc(44px + env(safe-area-inset-top,0px)) auto minmax(0,1fr) calc(68px + env(safe-area-inset-bottom,0px));overflow:hidden;isolation:isolate}
.game-panel.fairy-expanded .game-toolbar{grid-column:1/-1;grid-row:1;min-height:0;padding:calc(4px + env(safe-area-inset-top,0px)) max(10px,env(safe-area-inset-right,0px)) 4px max(10px,env(safe-area-inset-left,0px));gap:8px}
.game-panel.fairy-expanded .studio-mark{font-size:15px}
.game-panel.fairy-expanded .studio-mark b{font-size:6px;letter-spacing:1.3px}
.game-panel.fairy-expanded #fullscreenButton{min-height:36px;font-size:11px;padding:7px 10px;margin-left:auto}
.game-panel.fairy-expanded .hud{grid-column:1/-1;grid-row:2;min-height:0;gap:15px;padding:9px max(18px,env(safe-area-inset-right,0px)) 10px max(18px,env(safe-area-inset-left,0px));background:#0d192b;align-items:center}
.game-panel.fairy-expanded .metric>span{margin-bottom:4px;font-size:8px}
.game-panel.fairy-expanded .metric strong{font-size:22px}
.game-panel.fairy-expanded .metric.reward strong{font-size:17px}
.game-panel.fairy-expanded .metric.reward>small{font-size:8px;margin-top:3px}
.game-panel.fairy-expanded .playfield{grid-column:1/-1;grid-row:3;aspect-ratio:auto;min-height:0;height:100%;width:100%}
.game-panel.fairy-expanded canvas{width:100%;height:100%}
.game-panel.fairy-expanded .flight-progress,.game-panel.fairy-expanded .game-status,.game-panel.fairy-expanded .control-hint,.game-panel.fairy-expanded .spell-control small{display:none}
.game-panel.fairy-expanded .controls{grid-column:1;grid-row:4;grid-template-columns:1fr 1fr;gap:8px;min-height:0;padding:8px 4px calc(8px + env(safe-area-inset-bottom,0px)) max(12px,env(safe-area-inset-left,0px));align-items:stretch;background:#0d192b}
.game-panel.fairy-expanded .flight-control{min-height:44px;height:100%;gap:9px;font-size:11px;border-radius:11px}
.game-panel.fairy-expanded .flight-control span{font-size:25px}
.game-panel.fairy-expanded .spell-control{grid-column:2;grid-row:4;min-height:0;padding:8px max(12px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) 4px;background:#0d192b}
.game-panel.fairy-expanded .spell-control button{width:100%;height:100%;min-height:44px;padding:8px;font-size:11px;white-space:nowrap}
.game-panel.fairy-expanded .flight-audio{position:absolute;z-index:8;top:calc(4px + env(safe-area-inset-top,0px));left:max(210px,env(safe-area-inset-left,0px));right:max(164px,env(safe-area-inset-right,0px));padding:0;margin:0;gap:7px;flex-wrap:nowrap}
.game-panel.fairy-expanded .flight-audio button{flex:1;min-width:0;min-height:36px;padding:6px;font-size:10px;white-space:nowrap}
.game-panel.fairy-expanded .flight-audio button span{font-size:13px;margin-right:3px}
.game-panel.fairy-expanded .game-overlay{padding:18px}
.game-panel.fairy-expanded .world-tag{top:9px;left:max(12px,env(safe-area-inset-left,0px));font-size:9px}
.game-panel.fairy-expanded .pause-button{right:max(9px,env(safe-area-inset-right,0px));top:8px}
.game-panel.fairy-expanded .toast{bottom:12px}
@media(max-width:680px){.game-panel.fairy-expanded .studio-mark{display:none}.game-panel.fairy-expanded .flight-audio{left:max(10px,env(safe-area-inset-left,0px));right:max(155px,env(safe-area-inset-right,0px))}.game-panel.fairy-expanded .hud{padding-left:12px;padding-right:12px;gap:8px}.game-panel.fairy-expanded .metric>span{font-size:7px;letter-spacing:.3px}.game-panel.fairy-expanded .metric strong{font-size:20px}.game-panel.fairy-expanded .metric.reward strong{font-size:15px}.game-panel.fairy-expanded .spell-control button{font-size:10px}.game-panel.fairy-expanded .flight-control{font-size:10px;gap:5px}}
@media(max-width:350px){.studio-mark{font-size:14px;gap:5px}.studio-mark b{font-size:6px;letter-spacing:1px}.game-panel.fairy-expanded .flight-audio button{font-size:9px;padding:5px 3px}.game-panel.fairy-expanded .flight-control{font-size:9px}.game-panel.fairy-expanded .spell-control button{font-size:9px}}
@media(max-height:500px){.game-panel.fairy-expanded{grid-template-rows:calc(42px + env(safe-area-inset-top,0px)) auto minmax(0,1fr) calc(56px + env(safe-area-inset-bottom,0px))}.game-panel.fairy-expanded .hud{padding-top:6px;padding-bottom:6px}.game-panel.fairy-expanded .metric>span{font-size:7px}.game-panel.fairy-expanded .metric strong{font-size:18px}.game-panel.fairy-expanded .metric.reward strong{font-size:15px}.game-panel.fairy-expanded .metric.reward>small{display:none}.game-panel.fairy-expanded .controls,.game-panel.fairy-expanded .spell-control{padding-top:5px;padding-bottom:calc(5px + env(safe-area-inset-bottom,0px))}.game-panel.fairy-expanded .game-overlay{padding:10px 20px}.game-panel.fairy-expanded .overlay-card{max-width:660px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 18px;text-align:left;align-items:center}.game-panel.fairy-expanded .overlay-card .eyebrow,.game-panel.fairy-expanded .overlay-help{display:none}.game-panel.fairy-expanded .overlay-card h2{grid-column:1;grid-row:1;font-size:25px;margin:0}.game-panel.fairy-expanded .overlay-card>p:not(.eyebrow):not(.overlay-help){grid-column:1;grid-row:2;font-size:10px;line-height:1.4;margin:0}.game-panel.fairy-expanded .primary-button{grid-column:2;grid-row:1/3;min-height:44px;font-size:12px;padding:11px 15px}}

/* The account is part of the game page, not an overlay in the flight. */
.player-account{margin-top:26px;padding:27px;border:1px solid #5a4b74;border-radius:20px;background:radial-gradient(ellipse at 95% 0%,#71579029,transparent 55%),linear-gradient(130deg,#141f32,#1a2035)}
.player-account [hidden]{display:none!important}
.account-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:23px}
.account-heading h2{font-size:28px;letter-spacing:-1px;margin:0 0 10px}
.account-heading p:not(.eyebrow){font-size:12px;line-height:1.7;color:var(--muted);margin:0;max-width:700px}
.account-emblem{display:grid;place-items:center;flex-shrink:0;width:65px;height:65px;border:1px solid #9e84cd55;border-radius:20px;color:#e6ceff;font-size:44px;background:#4932574a;box-shadow:0 0 32px #9a76cc12}
.account-guest{display:flex;align-items:center;justify-content:space-between;gap:25px;background:#0d172780;border:1px solid #554665;border-radius:13px;padding:20px}
.account-guest h3,.account-form h3{margin:0 0 9px;font-size:16px}
.account-guest p{margin:0;max-width:650px;font-size:12px;line-height:1.7;color:#b4bacc}
.account-primary{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;flex-shrink:0;border:1px solid #ab93c9;border-radius:10px;background:#685185;color:#fff;padding:11px 18px;font-size:12px;font-weight:750}
.account-primary:hover{background:#7b6099}
.account-form,.account-signed-in{padding-top:8px}
.account-form label,.character-form label{display:block;font-size:12px;color:#d5d8e3;line-height:1.5;margin-bottom:8px}
.account-input-row{display:flex;gap:10px;align-items:stretch;max-width:720px}
.account-input-row input{width:100%;min-width:0;min-height:44px;border:1px solid #64708b;border-radius:10px;padding:11px 13px;background:#101a2b;color:#fff;font:inherit;font-size:14px}
.account-input-row input:focus-visible{outline:2px solid #cfbaff;outline-offset:2px}
.account-input-row input::placeholder{color:#8693ab}
.account-help{font-size:10px;line-height:1.6;color:var(--muted);margin:9px 0 15px}
.account-form .account-consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;line-height:1.7}
.account-consent input{flex-shrink:0;width:18px;height:18px;margin:2px 0 0;accent-color:#b299d3}
.account-consent a{color:#dec7ff;text-decoration:underline;text-underline-offset:3px}
.account-identity{display:flex;align-items:center;gap:12px;border-bottom:1px solid #3f4256;padding-bottom:18px;margin-bottom:19px;flex-wrap:wrap}
.account-identity>span{font-size:9px;letter-spacing:1px;color:var(--muted)}
.account-identity strong{font-size:20px;color:#e0c9ff;overflow-wrap:anywhere}
.account-identity>a{margin-left:auto;min-height:36px;display:flex;align-items:center;font-size:11px;color:#c5cbd8;text-decoration:underline;text-underline-offset:3px}
.character-form button,.account-sync button{min-height:44px;flex-shrink:0;padding:10px 15px;border:1px solid #667b8d;border-radius:10px;background:#253748;font:inherit;font-size:11px;color:#d9eff3}
.account-sync{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:19px}
.account-sync p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;max-width:690px}
.account-status{font-size:11px;line-height:1.7;color:#d3c6e8;margin:17px 0 0;min-height:19px;overflow-wrap:anywhere}
@media(max-width:780px){.player-account{padding:22px}.account-guest{align-items:flex-start;flex-direction:column;gap:16px}.account-sync{align-items:flex-start;flex-direction:column;gap:13px}}
@media(max-width:520px){.player-account{padding:20px 15px}.account-heading{gap:15px;margin-bottom:18px}.account-heading h2{font-size:25px}.account-heading p:not(.eyebrow){font-size:11px}.account-emblem{width:43px;height:43px;border-radius:13px;font-size:30px}.account-guest{padding:16px}.account-guest p{font-size:11px}.account-guest .account-primary{width:100%;font-size:11px}.account-input-row{flex-direction:column;gap:8px}.account-input-row button{width:100%}.account-form .account-consent{font-size:10px}.account-identity{gap:10px}.account-identity>span{flex-basis:100%}.account-sync button{width:100%}.account-sync p{font-size:10px}.account-status{font-size:10px}}

.leaderboard{background:linear-gradient(155deg,#25223a,#111f30);border-color:#625476}
.leaderboard-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}
.leaderboard-heading h2{font-size:23px;margin:0;letter-spacing:-.8px}
.leaderboard-heading .eyebrow{font-size:8px;letter-spacing:1.4px;color:#d0b6fa;margin-bottom:8px}
.leaderboard-heading>span{color:#e9cc98;font-size:27px}
.leaderboard-table{border-collapse:collapse;width:100%;table-layout:fixed;font-size:11px;font-variant-numeric:tabular-nums}
.leaderboard-table th{padding:9px 0;text-align:left;font-size:8px;font-weight:650;letter-spacing:.4px;color:#a6acbf;border-bottom:1px solid #5e506e}
.leaderboard-table th:first-child{width:24px}
.leaderboard-table th:last-child{width:64px;text-align:right}
.leaderboard-table td{padding:11px 0;border-bottom:1px solid #44435875;vertical-align:middle}
.leaderboard-table td:first-child{color:#aeb1c4;font-size:10px}
.leaderboard-table td:nth-child(2){padding-right:8px;font-weight:700;color:#eee6fa;overflow-wrap:anywhere}
.leaderboard-table td:last-child{text-align:right;white-space:nowrap;font-size:10px;color:#a5f2df}
.leaderboard-table tr:first-child td:first-child{color:#ffe09c;font-weight:850}
.leaderboard-table td.leaderboard-empty{font-size:11px!important;line-height:1.6;text-align:left;white-space:normal;color:#afb5ca!important;font-weight:400!important;padding:15px 0}
.leaderboard-table tr[data-self=true]{background:#68548830}
.leaderboard-status{font-size:9px;line-height:1.7;color:#acaec4;margin:14px 0 10px;overflow-wrap:anywhere}
#leaderboardRefresh{width:100%;min-height:44px;padding:10px;border:1px solid #786488;border-radius:9px;background:#43365180;color:#ded0ee;font-size:10px;font-weight:700}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:780px){.flight-notes .leaderboard{grid-column:1/-1}.leaderboard-table{font-size:12px}.leaderboard-table th:first-child{width:33px}.leaderboard-table th:last-child{width:90px}.leaderboard-table td:last-child{font-size:12px}.leaderboard-heading h2{font-size:23px}.leaderboard-status{font-size:10px}}