:root{color-scheme:dark;font-family:system-ui,-apple-system,sans-serif;color:#f6f1ff;background:#100c20}*{box-sizing:border-box}body{margin:0;overflow:hidden;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button,a.button{font:700 15px/1.2 system-ui;cursor:pointer;border:1px solid #ffffff26;background:#33264c;color:#fff;border-radius:13px;min-height:46px;padding:12px 18px;text-decoration:none}button:hover,a.button:hover{background:#4a3669}button:focus-visible,a:focus-visible{outline:3px solid #94ffcf;outline-offset:3px}button.primary{background:#9effd5;color:#152b2b;border:0;box-shadow:0 5px 22px #81ffd225}button:disabled{opacity:.5;cursor:wait}a{color:#d9ffec}main{height:100dvh;display:grid;grid-template-rows:64px minmax(0,1fr) 26px;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 24px;font-size:12px;letter-spacing:1.5px}header>a{font-size:13px;letter-spacing:0;text-decoration:none;padding:12px 0}header b{color:#91ffd0;margin:0 8px}header button{min-height:42px;padding:10px 14px}#arena{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 30%,#614c8c55,transparent 65%),linear-gradient(140deg,#191027,#30214a 55%,#113738)}#board{height:100%;width:min(100%,calc((100dvh - 90px) * .5634));margin:auto;position:relative;background:#17152d}iframe{width:100%;height:100%;border:0;display:block;touch-action:none}#toolbar{position:absolute;top:10px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}#toolbar>*{pointer-events:auto;background:#211633ed;box-shadow:0 3px 15px #0003}#toolbar output{font-size:13px;line-height:1.6;border:1px solid #ffffff24;border-radius:14px;padding:9px 15px;text-align:center}#drive-tip{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #ffffff26;border-radius:20px;background:#211633d9;padding:8px 16px;font-size:12px;pointer-events:none}#panel{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:#130d23d9;backdrop-filter:blur(12px);overflow:auto}.card{width:min(100%,590px);background:linear-gradient(150deg,#302345,#1a182b);border:1px solid #d5bdff38;border-radius:24px;overflow:hidden;box-shadow:0 28px 70px #0005}.banner{display:block;width:100%;aspect-ratio:2.2;object-fit:cover}.body{padding:23px 28px 26px}h1{font-size:clamp(28px,5vw,40px);letter-spacing:-1.5px;line-height:1.1;margin:7px 0 12px}h2{margin:0 0 18px;font-size:28px}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#9effd5;font-weight:800;margin:0}p{color:#d3c8e5;line-height:1.55;margin:10px 0 18px;font-size:14px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions .primary,.actions .wide{grid-column:1/-1}.facts{display:flex;gap:9px;margin:15px 0}.facts span{flex:1;background:#100d1d70;padding:10px;border:1px solid #ffffff16;border-radius:12px;color:#bdb1d5;font-size:12px}.facts b{display:block;color:#fff;font-size:21px;margin-top:4px}.help{display:grid;gap:10px;margin:18px 0}.help p{margin:0;background:#100d1d55;border-radius:12px;padding:12px;font-size:13px}.help strong{color:#aaffd9}footer{text-align:center;align-content:center;font-size:9px;letter-spacing:2px;color:#a69abf}progress{width:100%;accent-color:#9effd5} [hidden]{display:none!important}
@media(max-width:600px){main{grid-template-rows:56px minmax(0,1fr) 20px}header{padding:6px 12px}header span{display:none}#board{width:100%;max-width:calc((100dvh - 76px) * .5634)}#panel{padding:12px}.body{padding:20px}.banner{aspect-ratio:2}.card{border-radius:20px}#toolbar{left:8px;right:8px;top:7px}#toolbar button{padding:10px 12px;font-size:13px}#toolbar output{font-size:11px;padding:7px 9px}#drive-tip{font-size:10px;bottom:9px;padding:8px 10px}}
@media(max-height:600px){.banner{display:none}.body{padding:18px}#panel{padding:10px;align-items:start}.card{margin:auto}.help{gap:5px;margin:10px 0}.help p{padding:8px}h1{font-size:27px}.body>p{margin-bottom:10px}.facts{margin:10px 0}.actions{gap:7px}footer{display:none}main{grid-template-rows:52px minmax(0,1fr)}#board{max-width:calc((100dvh - 52px) * .5634)}#toolbar{right:10px;left:10px;flex-direction:column;align-items:flex-start}#toolbar button:last-child{margin-top:4px}#drive-tip{left:auto;right:12px;transform:none;max-width:110px;white-space:normal;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Shift the original sea/sky toward the approved sunset-purple palette. */
#engine{filter:none}#panel:focus{outline:none}
header button{min-height:44px}
@media(min-width:600px) and (max-height:600px){.card{width:min(100%,740px)}.body:has(.facts){display:grid;grid-template-columns:1fr 1fr;column-gap:26px;align-items:center}.body:has(.facts)>.actions{grid-column:2;grid-row:1/6;align-content:center}.body:has(.facts)>:not(.actions){grid-column:1}.body:has(.facts) h1{font-size:30px}.body:has(.facts) .facts{margin-bottom:0}.body:has(.facts)>p{margin-top:0}}
@media(orientation:portrait) and (max-height:600px){#toolbar{flex-direction:row;align-items:center}#toolbar button:last-child{margin-top:0}#drive-tip{left:50%;right:auto;transform:translateX(-50%);max-width:none;white-space:nowrap}}
/* Auto margins center fitting cards and keep overflowing cards scrollable from the top. */
#panel{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.card{flex-shrink:0;margin:auto 0}
@media(min-width:601px) and (min-height:601px){.banner{aspect-ratio:2.5}.body{padding:20px 28px}}
html,body{width:100%;height:100%;overflow:hidden}body{position:fixed;inset:0}
/* Garage: native prices and ownership, presented in accessible controls. */
.garage-card{width:min(100%,720px)}.garage-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.garage-head h1{margin-bottom:0}.wallet{background:#0c191f;border:1px solid #9effd540;border-radius:15px;padding:12px 18px;min-width:100px}.wallet span{display:block;font-size:9px;letter-spacing:1.5px;color:#b8dbcf}.wallet b{display:block;font-size:26px;color:#abffda;margin-top:3px}.garage-intro{display:flex;align-items:center;gap:16px;padding:12px 0}.garage-intro img{width:60px;height:60px}.garage-intro p{margin:0;font-size:13px}.upgrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:14px}.upgrade-card{display:grid;grid-template-columns:40px 1fr;gap:8px 10px;border:1px solid #b19fd13d;border-radius:17px;background:linear-gradient(145deg,#382c53,#211e37);padding:17px}.upgrade-icon{display:grid;place-items:center;width:40px;height:40px;background:#9effd519;border:1px solid #9effd540;border-radius:12px;font-size:25px;color:#a9ffdc}.upgrade-icon.gold{color:#ffda96;border-color:#ffda9640;background:#ffda9619}.upgrade-card h2{font-size:16px;margin:1px 0 4px;letter-spacing:-.3px}.upgrade-card small{font-size:10px;letter-spacing:1.2px;color:#bfb2d6}.upgrade-card p{grid-column:1/-1;margin:4px 0 0;font-size:12px}.upgrade-card>strong{grid-column:1/-1;font-size:18px;color:#f7deb0}.upgrade-card>button{grid-column:1/-1;background:#a8ffda;color:#163430;border:0;font-size:13px}.upgrade-card>button:disabled{background:#ffffff0d;color:#bcb0d1;opacity:1;cursor:default}.powerups{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px}.powerups>div{display:flex;flex-direction:column;gap:6px;border:1px solid #ffffff1c;border-radius:14px;padding:12px}.powerups strong{font-size:13px}.powerups span{font-size:11px;color:#c7badc}.powerups button{margin-top:4px;padding:9px;font-size:12px}.powerups button:disabled{opacity:1;color:#a8ffda;border-color:#a8ffda40;cursor:default}
@media(max-width:420px){.garage-card .body{padding:15px}.garage-head h1{font-size:28px}.wallet{padding:10px;min-width:78px}.garage-head .eyebrow{font-size:8px;letter-spacing:1.4px}.upgrade-card{grid-template-columns:1fr;padding:12px;gap:8px}.upgrade-icon{display:none}.upgrade-card h2{font-size:14px}.upgrade-card>button{padding:9px}.garage-intro{padding:12px 0}.powerups{gap:8px}.powerups>div{padding:10px}.powerups span{min-height:26px}.garage-card .actions{gap:8px}}
@media(min-width:600px) and (max-height:600px){.garage-card{width:min(100%,780px)}.garage-card .body{display:grid;grid-template-columns:1fr 1fr;gap:10px 18px}.garage-head{grid-column:1}.garage-intro{display:none}.upgrade-grid{grid-column:1;grid-row:2/4;margin:0}.powerups{grid-column:2;grid-row:1/3;margin:0;align-self:center}.garage-card .actions{grid-column:2;grid-row:3;align-self:center}.upgrade-card{padding:10px;grid-template-columns:1fr}.upgrade-icon{display:none}.wallet b{font-size:22px}.garage-head h1{font-size:25px}.garage-head .eyebrow{font-size:8px}}
@media(max-width:600px){.garage-card .body{padding:16px}.garage-head h1{font-size:28px}.garage-intro{padding:10px 0}.garage-intro img{width:48px;height:48px}.upgrade-card{padding:12px;gap:6px 8px}.upgrade-icon{width:32px;height:32px;font-size:22px}.upgrade-card p{min-height:32px}.powerups{margin-bottom:12px}.powerups>div{padding:10px}.powerups span{min-height:28px}}