*{box-sizing:border-box}html,body{margin:0;background:#020611;color:#e7edf9;font:16px system-ui;min-height:100%}button,a{touch-action:manipulation}button{border:1px solid #689dd6;border-radius:12px;background:#10274d;color:#eaf3ff;padding:13px 20px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:default}main{min-height:100dvh;position:relative;display:flex;align-items:center;padding:clamp(22px,5vw,70px);background:linear-gradient(90deg,#020611ea,#02061140),url('assets/brand/feature.jpg') center/cover}section.hero{position:relative;max-width:600px}h1{font:clamp(34px,7vw,70px) Georgia;line-height:1.05;margin:18px 0;color:#f1d291}h1 span{color:#79bfff}p{line-height:1.6}.logo{width:88px}.actions{display:flex;gap:12px;flex-wrap:wrap}.fine{font-size:13px;color:#b8c9df}#world{position:fixed;inset:0;z-index:10}#world iframe{width:100%;height:100%;border:0}#world[hidden]{display:none}#merchant{position:fixed;inset:0;z-index:20;background:#020611ea;overflow:auto;padding:15px}#merchant:empty{display:none}#status{color:#b5d8ff}dialog{background:#071126;color:#e7edf9;border:1px solid #689dd6;border-radius:18px;max-width:520px;padding:28px}dialog::backdrop{background:#000b}.trial{font-size:14px;color:#aacff9}input{display:block;width:100%}a{color:#8bcaff}@media(prefers-reduced-motion:no-preference){.logo{animation:breathe 6s ease-in-out infinite}@keyframes breathe{50%{filter:drop-shadow(0 0 10px #559fff55)}}}

[hidden]{display:none!important}

.runner-transition{display:block;width:100%;max-height:38dvh;object-fit:contain;border-radius:14px}#runner-portal{width:min(94vw,560px);max-height:92dvh;overflow:auto;padding:20px}.focused-drill{outline:2px solid #d6b367}

#battle-preview{position:fixed;inset:0;z-index:200;background:#090d1b}#battle-preview iframe{border:0;width:100%;height:100%;display:block}

.wat-gameplay-offer{position:fixed;left:12px;right:12px;top:56px;z-index:250;max-height:40svh;overflow:auto;display:flex;gap:14px;padding:14px;background:#13243af5;border:1px solid #e2c178;border-radius:14px;color:#f4ebd4;box-shadow:0 8px 30px #0009}.wat-gameplay-offer>img{width:84px;height:84px;object-fit:contain}.wat-gameplay-offer>div{flex:1;min-width:0}.wat-gameplay-offer p{font-size:13px;margin:6px 0}.wat-gameplay-offer button{min-height:44px;padding:8px 12px;margin:4px;font-size:14px}.wat-gameplay-offer strong{font:20px Georgia,serif}@media(orientation:landscape) and (max-height:500px){.wat-gameplay-offer{gap:8px;padding:8px;top:52px;max-height:40svh}.wat-gameplay-offer p{display:none}.wat-gameplay-offer>img{width:64px;height:64px}.wat-gameplay-offer button{margin:2px;padding:6px 10px;font-size:12px}.wat-gameplay-offer strong{font-size:17px}}

#runner-intro-w423{position:fixed;inset:0;z-index:2000;background:#071321;color:#f4e5b8;padding:16px;overflow:auto;box-sizing:border-box;text-align:center}#runner-intro-w423[hidden]{display:none}#runner-intro-w423>img,.drill-cash-review-w423 img{max-width:100%;width:270px;max-height:34dvh;object-fit:contain}#runner-intro-w423 button,.drill-cash-review-w423 button{min-height:44px;margin:5px}.intro-controls-w423{height:52px;display:flex;justify-content:space-between}#runner-intro-w423 iframe{border:0;width:100%;height:calc(100dvh - 88px)}.drill-cash-review-w423{max-width:440px;max-height:90dvh;overflow:auto}.cash-price{color:#e9c765;font-size:24px;font-weight:bold}.drill-cash-review-w423 .gold{color:#e9c765}body:has(#world:not([hidden])) .wat-gameplay-offer{top:112px}@media(min-width:700px) and (max-height:550px){body:has(#world:not([hidden])) .wat-gameplay-offer{top:64px}}

/* W430 · account, wallet totals and update dialogs */
.w430-dialog{width:min(520px,calc(100vw - 32px));box-sizing:border-box;z-index:1000}
.w430-dialog button{min-height:44px;margin:12px 8px 0 0}
.w430-balance{font-size:1.25rem;font-weight:700;color:#e9c765}
.w430-totals{display:grid;grid-template-columns:1fr auto;gap:6px 16px;margin:14px 0;padding:12px 14px;border:1px solid #2a4d7c;border-radius:12px;background:#0b1a36}
.w430-totals dt{color:#a9bbd8}.w430-totals dd{margin:0;text-align:right;font-variant-numeric:tabular-nums;font-weight:600}
#account-sign-in{border-color:#e9c765}
#account-status{margin-top:4px}
#app-version{opacity:.75}
/* W430 · Rochelle's Market header + LOTUS exchange (first page) */
.wat-merchant header .market-keeper{width:72px;height:72px;object-fit:cover;object-position:top;border-radius:50%;border:2px solid #e9c765;float:left;margin:0 12px 6px 0}
.lotus-exchange{margin:0 0 18px;padding:16px;border:1px solid #e9c765;border-radius:16px;background:linear-gradient(160deg,#16244a,#0b1a36)}
.lotus-exchange .exchange-art{width:64px;height:64px;object-fit:contain;float:right;margin-left:10px}
.lotus-exchange h2{margin:0 0 8px;color:#e9c765}
.exchange-totals{display:grid;grid-template-columns:1fr auto;gap:4px 16px;margin:8px 0 12px}
.exchange-totals dt{color:#a9bbd8}.exchange-totals dd{margin:0;text-align:right;font-weight:700;font-variant-numeric:tabular-nums}
.lotus-exchange label{display:flex;gap:10px;align-items:center}
.lotus-exchange input{min-height:44px;width:9em;font-size:1rem;padding:0 10px;border-radius:10px;border:1px solid #689dd6;background:#071126;color:#e7edf9}
.exchange-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.exchange-actions button{min-height:44px;flex:1 1 140px}
.exchange-status{min-height:1.3em}
/* W432 · home = three options */
.home-three{display:grid;gap:12px;max-width:440px}
.home-three .home-main{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left;min-height:64px;padding:12px 18px;width:100%}
.home-three .home-main b{font-size:1.12rem}
.home-three .home-main small{font-size:.84rem;opacity:.8;font-weight:400}
.home-three #enter-world{background:linear-gradient(180deg,#f1d78a,#c99a35);color:#1a1408;border-color:transparent}
.demo-dialog{width:min(560px,calc(100vw - 24px))}
.demo-dialog video{width:100%;aspect-ratio:9/16;max-height:70vh;background:#000;border-radius:12px;display:block;margin:8px 0}
.more-grid article h3{margin:.2em 0}
/* W432 · RUNNER portal selling points */
.runner-pitch{text-align:left;margin:8px auto 12px;max-width:420px;padding-left:1.2em;line-height:1.5}
.runner-pitch li::marker{color:#e9c765}
.runner-sell{color:#e9c765;font-weight:600}
/* W432 · high-graphics home: animated key art, glass buttons, auto-start, demo pop-up */
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.home-w432 main{background:#020611;overflow:hidden;isolation:isolate}
.home-bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.home-bg img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;transform-origin:55% 45%;animation:homeDrift 22s ease-in-out infinite alternate;filter:saturate(1.12) contrast(1.05)}
@keyframes homeDrift{from{transform:scale(1.04) translate3d(0,0,0)}to{transform:scale(1.16) translate3d(-2%,-1.5%,0)}}
.home-shade{position:absolute;inset:0;background:radial-gradient(120% 70% at 50% 18%,transparent 0 35%,#02061199 70%),linear-gradient(180deg,#02061133 0%,#020611aa 48%,#020611f2 78%,#020611 100%)}
.home-motes i{position:absolute;bottom:-12px;width:6px;height:6px;border-radius:50%;background:radial-gradient(circle,#ffe7a3,#e9c76500 70%);opacity:0;animation:mote 9s linear infinite}
.home-motes i:nth-child(1){left:8%;animation-delay:0s}.home-motes i:nth-child(2){left:22%;animation-delay:2.2s;width:4px;height:4px}.home-motes i:nth-child(3){left:37%;animation-delay:4.1s}.home-motes i:nth-child(4){left:51%;animation-delay:1.3s;width:8px;height:8px}.home-motes i:nth-child(5){left:63%;animation-delay:5.6s}.home-motes i:nth-child(6){left:74%;animation-delay:3.3s;width:4px;height:4px}.home-motes i:nth-child(7){left:86%;animation-delay:6.8s}.home-motes i:nth-child(8){left:94%;animation-delay:7.7s;width:5px;height:5px}
@keyframes mote{0%{transform:translateY(0);opacity:0}12%{opacity:.9}100%{transform:translateY(-92vh) translateX(18px);opacity:0}}
@media (prefers-reduced-motion:reduce){.home-bg img,.home-motes i{animation:none}}
.home-w432 .hero{max-width:520px;margin-top:auto;padding-bottom:8px}
.home-lockup{width:min(100%,420px);height:auto;display:block;filter:drop-shadow(0 6px 22px #000a)}
.home-tag{font-size:1.06rem;line-height:1.45;color:#eaf1ff;text-shadow:0 2px 10px #000c;margin:10px 0 6px}
.home-w432 .home-three .home-main{background:#0b1c3acc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid #9fc3ff55;box-shadow:0 10px 30px #0008}
.home-w432 .home-three #enter-world{background:linear-gradient(180deg,#f6e2a0,#cc9a33);color:#1a1408;box-shadow:0 0 0 1px #ffe9a8aa,0 12px 34px #c99a3555;animation:playGlow 2.8s ease-in-out infinite}
@keyframes playGlow{50%{box-shadow:0 0 0 1px #ffe9a8,0 14px 44px #e9c76599}}
.auto-start{display:flex;align-items:center;gap:10px;margin:10px 0 0;color:#dfe8ff;font-size:.95rem}
.auto-start button{min-height:36px;padding:4px 12px;margin:0;font-size:.85rem;background:#0b1c3acc}
.auto-ring{width:22px;height:22px;border-radius:50%;border:3px solid #e9c76533;border-top-color:#e9c765;animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.demo-pop{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);z-index:900;width:min(340px,calc(100vw - 40px));padding:20px 20px 16px;border-radius:20px;background:#06102488;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e9c76566;color:#f3f6ff;text-align:center;box-shadow:0 20px 60px #000a;animation:popIn .35s ease-out}
.demo-pop h2{font:600 1.2rem Georgia;margin:2px 0 12px;color:#f1d291}.demo-pop-kicker{margin:0;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;color:#9fc3ff}
.demo-pop .gold{background:linear-gradient(180deg,#f6e2a0,#cc9a33);color:#1a1408;border:0;font-weight:700;width:100%}
.demo-pop-x{position:absolute;top:6px;right:8px;min-height:36px;width:36px;padding:0;margin:0;border-radius:50%;background:#0008;font-size:22px;line-height:1}
.demo-pop-never{display:flex;gap:6px;align-items:center;justify-content:center;margin-top:10px;font-size:.82rem;opacity:.85}
@keyframes popIn{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}}
.review-dialog{text-align:center}
/* W436 owned drill player */
#drill-play-w436{position:fixed;inset:0;z-index:60;background:#091421}
#drill-play-w436 iframe{width:100%;height:100%;border:0;display:block}
.drill-toast-w436{position:fixed;left:50%;top:14px;transform:translateX(-50%);z-index:61;padding:10px 16px;border-radius:12px;background:#10243bee;border:1px solid #e2c178;color:#ffe9b8;font:600 14px Inter,system-ui,sans-serif;box-shadow:0 8px 24px #0008;max-width:90vw;text-align:center}

.drill-result-w460{width:min(480px,94vw);max-height:94dvh;overflow:auto;background:#0b1935;color:#f4e6c9;border:1px solid #d3b575;border-radius:18px;text-align:center;padding:20px}.drill-result-w460::backdrop{background:#020916dd}.drill-result-w460 img{display:block;width:100%;height:min(40dvh,300px);object-fit:contain}.drill-result-w460 blockquote{margin:16px 0;font:italic 20px/1.5 Georgia}.drill-result-w460 button{min-height:44px;margin:8px;padding:10px 18px;background:#19365c;color:#fff0c9;border:1px solid #d3b575;border-radius:10px;font:inherit}
.result-blossom{position:relative;height:90px;width:120px;margin:10px auto}.result-blossom i{position:absolute;left:40px;top:12px;width:40px;height:64px;border-radius:80% 15% 70% 25%;background:linear-gradient(30deg,#a85a91,#ffe4f0);transform-origin:50% 85%;transform:rotate(calc(var(--petal)*45deg)) scale(.15);animation:blossom-w460 1.5s ease-out forwards;animation-delay:calc(var(--petal)*.06s)}@keyframes blossom-w460{to{transform:rotate(calc(var(--petal)*45deg)) scale(1)}}@media(prefers-reduced-motion:reduce){.result-blossom i{animation:none;transform:rotate(calc(var(--petal)*45deg)) scale(1)}}