:root{--bg: #070b16;--panel: rgba(14, 20, 36, .92);--accent: #7fd7ff;--good: #4ade80;--bad: #ff5050;--text: #e6eefc;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;user-select:none}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#game-canvas{position:absolute;inset:0}#game-canvas canvas{display:block}#ui-root{position:absolute;inset:0;pointer-events:none;z-index:10}#loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);z-index:50}.wd-hud{position:absolute;inset:0;pointer-events:none}.wd-hud-top{position:absolute;top:env(safe-area-inset-top,8px);left:50%;transform:translate(-50%);display:flex;gap:10px;background:var(--panel);border-radius:12px;padding:6px 12px;font-weight:700;font-size:15px;white-space:nowrap}.wd-timer{color:#ffd861}.wd-hint{position:absolute;top:54px;left:50%;transform:translate(-50%);background:#000000b3;padding:5px 12px;border-radius:10px;font-size:13px;opacity:0;transition:opacity .15s}.wd-hint.show{opacity:1}.wd-actionbar{position:absolute;bottom:calc(env(safe-area-inset-bottom,10px) + 6px);right:10px;display:flex;flex-wrap:wrap;gap:8px;max-width:86%;justify-content:flex-end;pointer-events:auto}.wd-book-btn{position:absolute;top:env(safe-area-inset-top,8px);left:8px;pointer-events:auto;z-index:12}.wd-drawer{position:absolute;bottom:calc(env(safe-area-inset-bottom,10px) + 60px);right:10px;display:none;flex-direction:column;gap:8px;padding:10px;max-width:88%;background:var(--panel);border-radius:14px;box-shadow:0 8px 30px #00000080;pointer-events:auto}.wd-drawer.show{display:flex}.wd-drawer-title{font-size:11px;color:#9fb0c8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.wd-drawer-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.wd-drawer-btn{min-width:52px;height:52px;font-size:20px;line-height:1.05;white-space:pre-line;display:flex;align-items:center;justify-content:center}.wd-drawer-grp+.wd-drawer-grp{border-top:1px solid rgba(255,255,255,.07);padding-top:6px}.wd-modal{position:absolute;inset:0;display:none;align-items:center;justify-content:center;background:#0009;pointer-events:auto;z-index:40}.wd-modal.show{display:flex}.wd-modal-card{width:min(94vw,460px);max-height:86vh;overflow-y:auto;background:var(--panel);border-radius:18px;padding:20px 18px;box-shadow:0 12px 40px #0009}.wd-modal-title{margin:0 0 12px;font-size:22px;text-align:center}.wd-book-grp{margin:14px 0 6px;font-size:13px;font-weight:700;color:var(--accent)}.wd-book-row{display:flex;gap:10px;padding:7px 0;border-top:1px solid rgba(255,255,255,.05)}.wd-book-icon{font-size:22px;flex:0 0 28px;text-align:center}.wd-book-name{font-weight:700;font-size:14px}.wd-book-desc{font-size:12px;color:#9fb0c8;margin-top:2px}.wd-book-close{margin-top:16px}.wd-btn{pointer-events:auto;min-width:46px;height:46px;border:none;border-radius:12px;background:var(--panel);color:var(--text);font-size:18px;font-weight:700;cursor:pointer;padding:0 10px}.wd-btn.sel{outline:2px solid var(--accent);background:#7fd7ff2e}.wd-btn.wd-find{background:#7fd7ff2e;font-size:13px}.wd-btn:active{transform:scale(.94)}.wd-dim{opacity:.38;filter:grayscale(.6)}.wd-coach{position:absolute;top:64px;left:50%;transform:translate(-50%);max-width:88%;background:linear-gradient(180deg,#7fd7fff2,#5aaae6f2);color:#06223a;font-weight:700;font-size:14px;line-height:1.25;text-align:center;padding:10px 30px 10px 14px;border-radius:14px;box-shadow:0 8px 24px #0006;pointer-events:none;z-index:30}.wd-coach-close{position:absolute;top:4px;right:6px;width:22px;height:22px;border:none;border-radius:50%;background:#06223a2e;color:#06223a;font-size:13px;font-weight:700;line-height:1;cursor:pointer;pointer-events:auto}.wd-coach-pop{animation:wd-coach-pop .4s ease}@keyframes wd-coach-pop{0%{transform:translate(-50%) scale(1)}40%{transform:translate(-50%) scale(1.08)}to{transform:translate(-50%) scale(1)}}.wd-tutorial{width:100%;margin-top:6px;margin-bottom:8px;padding:12px;border:1px solid rgba(127,215,255,.5);border-radius:14px;background:#7fd7ff24;color:var(--text);font-size:16px;font-weight:700;cursor:pointer}.wd-tutorial:active{transform:scale(.98)}.wd-pulse{animation:wd-pulse 1.4s ease-in-out infinite}@keyframes wd-pulse{0%,to{box-shadow:0 0 #7fd7ff80}50%{box-shadow:0 0 0 8px #7fd7ff00}}.wd-minimap{position:absolute;top:env(safe-area-inset-top,8px);right:8px;width:140px;height:96px;background:#070b16d9;border:1px solid rgba(255,255,255,.12);border-radius:8px;pointer-events:none}.wd-joy{position:absolute;bottom:calc(env(safe-area-inset-bottom,10px) + 12px);left:18px;width:120px;height:120px;border-radius:50%;background:#141c308c;border:2px solid rgba(127,215,255,.25);pointer-events:auto;touch-action:none}.wd-joynub{position:absolute;left:50%;top:50%;width:52px;height:52px;margin-left:-26px;margin-top:-26px;border-radius:50%;background:#7fd7ff80;pointer-events:none}.wd-menu{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 30%,#142036,#070b16 70%);pointer-events:auto}.wd-menu-card{width:min(92vw,380px);background:var(--panel);border-radius:18px;padding:24px 20px 20px;text-align:center;box-shadow:0 12px 40px #00000080}.wd-menu-card h1{margin:0 0 4px;font-size:32px;letter-spacing:1px}.wd-sub{margin:0 0 18px;font-size:14px;color:#9fb0c8}.wd-group{margin-bottom:16px;text-align:left}.wd-label{font-size:12px;color:#9fb0c8;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.wd-seg{display:flex;gap:8px}.wd-seg-wrap{flex-wrap:wrap}.wd-seg-wrap button{flex:1 1 30%;font-size:13px;padding:10px 4px}.wd-seg button{flex:1;padding:12px 6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0a;color:var(--text);font-size:14px;font-weight:600;cursor:pointer}.wd-seg button.sel{background:#7fd7ff33;border-color:var(--accent)}.wd-play{width:100%;margin-top:6px;padding:14px;border:none;border-radius:14px;background:linear-gradient(180deg,#4ade80,#2bbf63);color:#07210f;font-size:18px;font-weight:800;cursor:pointer}.wd-play:active{transform:scale(.98)}.wd-play.wd-secondary{margin-top:8px;background:linear-gradient(180deg,#5b8cff,#3a63d6);color:#061029}.wd-connecting .wd-menu-card{text-align:center}.wd-spinner{width:36px;height:36px;margin:18px auto;border:4px solid rgba(91,140,255,.25);border-top-color:#5b8cff;border-radius:50%;animation:wd-spin .8s linear infinite}@keyframes wd-spin{to{transform:rotate(360deg)}}.wd-tip{margin-top:12px;font-size:12px;color:#7f93ad}.wd-result-emoji{font-size:64px;line-height:1;margin-bottom:8px}.wd-bounce{animation:wd-bounce .7s ease infinite}@keyframes wd-bounce{0%,to{transform:translateY(0) scale(1)}35%{transform:translateY(-14px) scale(1.12)}}.wd-mute{position:absolute;top:10px;right:12px;border:none;background:#ffffff14;color:var(--text);font-size:18px;width:36px;height:36px;border-radius:10px;cursor:pointer}.wd-menu-card{position:relative}.wd-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.wd-confetti span{position:absolute;top:-10%;font-size:26px;animation:wd-fall 2.4s linear infinite}@keyframes wd-fall{0%{transform:translateY(-10vh) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(420deg);opacity:.9}}.wd-profile-btn{right:56px}.wd-panel{background:#070b16eb}.wd-panel-card{width:min(94vw,420px);max-height:86vh;display:flex;flex-direction:column;padding-top:18px}.wd-tabs{display:flex;gap:6px;margin:4px 0 14px}.wd-tabs button{flex:1;padding:10px 0;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0a;color:var(--text);font-size:18px;cursor:pointer}.wd-tabs button.sel{background:#7fd7ff33;border-color:var(--accent)}.wd-panel-body{overflow-y:auto;text-align:left;min-height:120px}.wd-pp-head{font-size:20px;font-weight:800;margin-bottom:12px;text-align:center}.wd-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.wd-stat{background:#ffffff0a;border-radius:12px;padding:12px 4px;text-align:center}.wd-stat b{display:block;font-size:20px}.wd-stat span{font-size:11px;color:#9fb0c8}.wd-board{list-style:none;margin:0;padding:0}.wd-board li{display:flex;align-items:center;gap:10px;padding:9px 6px;border-bottom:1px solid rgba(255,255,255,.06)}.wd-rank{width:22px;color:#9fb0c8;font-weight:700}.wd-bname{flex:1}.wd-bmmr{font-weight:700;color:var(--accent)}.wd-quest,.wd-item{display:flex;align-items:center;gap:10px;padding:11px 8px;border-radius:10px;background:#ffffff0a;margin-bottom:8px}.wd-quest>span:first-child{flex:1}.wd-claim,.wd-equip,.wd-buy{border:none;border-radius:9px;padding:8px 12px;font-weight:700;cursor:pointer;background:linear-gradient(180deg,#4ade80,#2bbf63);color:#07210f}.wd-buy{background:linear-gradient(180deg,#ffd54a,#f0b400)}.wd-buy:disabled{opacity:.6}.wd-consent-text{font-size:13px;line-height:1.4;color:#cdd8ea;margin:8px 0 16px}.wd-consent-text a{color:var(--accent)}.wd-prog,.wd-claimed,.wd-price{font-size:13px;color:#9fb0c8}.wd-claimed{color:#4ade80}.wd-price{color:#ffd54a;font-weight:700}.wd-item{flex-direction:column;align-items:stretch;text-align:left}.wd-iname{font-weight:700}.wd-iblurb{font-size:12px;color:#9fb0c8;margin:2px 0 6px}.wd-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wd-menu-card{position:relative;z-index:1}.wd-facade{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.wd-building{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(98vw,560px);height:82vh;background:linear-gradient(180deg,#1a2742,#111a30);border-radius:20px 20px 0 0;box-shadow:inset 0 0 60px #00000080}.wd-roof{position:absolute;top:-22px;left:-4%;width:108%;height:30px;background:#233355;border-radius:12px 12px 0 0;clip-path:polygon(6% 100%,0 100%,12% 0,88% 0,100% 100%,94% 100%)}.wd-windows{position:absolute;inset:26px 18px 90px;display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:1fr;gap:10px}.wd-window{border-radius:6px;background:#080e1ce6;border:1px solid rgba(255,255,255,.05)}.wd-window.lit{background:radial-gradient(circle at 50% 35%,#ffd878d9,#b482288c);border-color:#ffd87840}.wd-window.flicker{animation:wd-flicker 4s steps(1,end) infinite}@keyframes wd-flicker{0%,46%,52%,to{background:#080e1ce6}48%,50%{background:radial-gradient(circle at 50% 35%,#ffd878b3,#b4822866)}}.wd-window-promo{pointer-events:auto;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;color:var(--text);background:radial-gradient(circle at 50% 35%,#7fd7ffd9,#3a63d699);border:1px solid rgba(127,215,255,.6);box-shadow:0 0 12px #7fd7ff73;animation:wd-window-glow 2.2s ease-in-out infinite}.wd-window-promo:active{transform:scale(.92)}@keyframes wd-window-glow{0%,to{box-shadow:0 0 8px #7fd7ff59}50%{box-shadow:0 0 16px #7fd7ffb3}}.wd-window-glyph{font-size:18px;line-height:1}.wd-window-cap{font-size:8px;font-weight:700;opacity:.9;white-space:nowrap}.wd-bld-door{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:64px;height:78px;background:linear-gradient(180deg,#3a2a18,#5a4226);border-radius:8px 8px 0 0;border:2px solid rgba(255,216,120,.2)}.wd-menu-icons{display:flex;gap:8px;margin-bottom:16px}.wd-menu-icons button{flex:1;padding:10px 6px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff0d;color:var(--text);font-size:13px;font-weight:700;cursor:pointer}.wd-menu-icons button:active{transform:scale(.97)}.wd-set-card{text-align:left}.wd-set-row{display:flex;align-items:center;gap:12px;padding:12px 2px;border-top:1px solid rgba(255,255,255,.06);font-size:15px;font-weight:600}.wd-set-row>span{flex:0 0 130px}.wd-set-row input[type=range]{flex:1;accent-color:var(--accent)}.wd-set-row>b{flex:0 0 30px;text-align:right;color:var(--accent)}.wd-set-toggle{justify-content:space-between}.wd-set-toggle input[type=checkbox]{width:22px;height:22px;accent-color:var(--accent)}.wd-set-note{font-size:11px;color:#7f93ad;margin:-4px 0 8px}.wd-col-card{display:flex;gap:12px;align-items:center;padding:10px 6px;border-top:1px solid rgba(255,255,255,.05)}.wd-col-glyph{flex:0 0 40px;font-size:30px;text-align:center}.wd-col-name{font-weight:700;font-size:14px}.wd-col-desc{font-size:12px;color:#9fb0c8;margin-top:2px}.wd-prog-row{display:flex;align-items:center;gap:10px;padding:8px 4px}.wd-prog-glyph{flex:0 0 26px;font-size:20px;text-align:center}.wd-prog-name{flex:0 0 92px;font-size:13px;font-weight:600}.wd-prog-bar{flex:1;height:8px;background:#ffffff14;border-radius:5px;overflow:hidden}.wd-prog-bar>span{display:block;height:100%;background:linear-gradient(90deg,#4ade80,#7fd7ff);border-radius:5px}.wd-prog-n{flex:0 0 24px;text-align:right;font-weight:700;color:var(--accent)}