*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;width:100%;height:100%;overflow:hidden;overscroll-behavior:none;background:#102a32;color:#effff9;font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;touch-action:none;user-select:none}button,a{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #afd6c54d;background:#203e48;border-radius:15px;min-height:46px;font-weight:800;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:3px solid #ffe7a2;outline-offset:3px}button:active{transform:scale(.97)}button:disabled{cursor:default;opacity:.5}button small{display:block;font-size:10px;letter-spacing:.6px}button.primary{background:#fbd68b;color:#24353c;box-shadow:0 4px 0 #ab854a;border:0;font-size:18px;padding:13px 22px;width:100%;margin:7px 0}button.secondary{width:100%;margin:5px 0;padding:10px}button.quiet{background:transparent;border:0;color:#b6cfd2;font-size:13px}canvas{display:block;width:100%;height:100%}[hidden]{display:none!important}#hud{position:absolute;left:max(12px,env(safe-area-inset-left));right:max(12px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));pointer-events:none;max-width:690px;margin:auto}#hud button{pointer-events:auto}.topline{display:flex;gap:9px;align-items:center;background:#102b35ed;border:1px solid #b9ecdd26;padding:8px 10px;border-radius:17px;box-shadow:0 5px 22px #0003}.world-label{display:flex;flex-direction:column;flex:1;min-width:0}.world-label small{color:#98beae;font-size:9px;letter-spacing:2px}.world-label strong{font-size:16px;white-space:nowrap}.square{width:44px;min-height:40px;border-radius:11px;font-size:20px}#gold{font-size:15px;color:#ffde93;white-space:nowrap}.status{display:flex;align-items:center;gap:10px;padding:7px 5px;background:#132d365e;border-radius:0 0 10px 10px}.health{position:relative;border-radius:8px;background:#233841;width:145px;height:20px;overflow:hidden}.health i,.boss-health i{display:block;background:#90e4b3;height:100%;transition:width .15s}.health span{position:absolute;inset:1px 0 0;text-align:center;font-size:11px;font-weight:900;color:#132e32;text-shadow:0 1px #fff3}#gear{font-size:11px;font-weight:bold;text-shadow:0 1px 4px #000}#objective{text-align:center;background:#173139e8;border:1px solid #b9ecdd26;border-radius:12px;padding:9px 7px;font-size:12px;line-height:1.3;color:#ffebb8}#bossHud{max-width:420px;margin:8px auto;text-align:center;font-size:13px;text-shadow:0 1px 3px #000}.boss-health{background:#202332;border:1px solid #ffe2d76e;border-radius:9px;overflow:hidden;height:10px;margin-top:4px}.boss-health i{background:#ffb29a}#saveWarning{font-size:11px;color:#ffcfab;text-align:center;background:#522d37;padding:4px}#toast{position:absolute;top:37%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:90%;text-align:center;padding:13px 18px;background:#132b36f0;border:1px solid #ffe0a27a;border-radius:14px;color:#ffe9b5;font-size:15px;font-weight:bold;opacity:0;transition:opacity .15s;pointer-events:none;z-index:4}#toast.show{opacity:1}#controls{position:absolute;inset:0;pointer-events:none}#stick{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(30px,env(safe-area-inset-bottom));width:120px;height:120px;border-radius:50%;border:2px solid #c8eae83e;background:#1936408f;pointer-events:auto;touch-action:none;box-shadow:inset 0 0 20px #06232b77}#knob{position:absolute;width:54px;height:54px;left:31px;top:31px;border-radius:50%;background:#d1eee69c;border:3px solid #f0fff56b;pointer-events:none}#stick span{position:absolute;left:0;right:0;bottom:10px;text-align:center;font-size:9px;letter-spacing:2px;color:#e6fff7a6;pointer-events:none}.action-group{position:absolute;right:max(18px,env(safe-area-inset-right));bottom:max(30px,env(safe-area-inset-bottom));display:flex;align-items:flex-end;gap:10px;pointer-events:auto}#action{width:118px;height:96px;border-radius:26px;background:linear-gradient(#ffe3a1,#e6b976);color:#21333b;border:3px solid #fff2ce8c;box-shadow:0 5px 0 #875f4499;touch-action:none}#action b{font-size:17px;letter-spacing:.7px}#action small{font-size:9px;letter-spacing:0;margin-top:5px}#dodge{width:59px;height:65px;background:#254451d9;border:2px solid #bdd5df5c;font-size:26px;border-radius:21px}#dodge small{font-size:8px}.desktop-hint{position:absolute;bottom:9px;width:100%;text-align:center;font-size:10px;color:#d1e7e18f;display:none}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#0b1d2994;backdrop-filter:blur(5px);z-index:10}.panel{width:100%;max-width:430px;max-height:100%;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;background:linear-gradient(155deg,#244b53,#162d3c);border:1px solid #b9e9d351;box-shadow:0 20px 90px #02111fcc;border-radius:27px;padding:25px;text-align:center}.eyebrow{color:#acd7c3;text-transform:uppercase;letter-spacing:3px;font-size:10px;font-weight:900}h1{font-size:43px;line-height:.95;letter-spacing:-1.8px;margin:12px 0 4px;color:#fff1c9;text-shadow:0 3px #715a5366}h1 em{font-style:normal;color:#97e3c6}h2{font-size:27px;margin:9px 0;color:#fff0c8}.subtitle{font-size:11px;letter-spacing:4px;color:#a4cdd0;margin:10px 0 17px}.panel p{font-size:13px;color:#c7dddd;line-height:1.55;margin:11px 0}.steps{display:flex;gap:7px;margin:16px 0}.steps>div{flex:1;background:#0d263969;border:1px solid #cbe5d921;border-radius:12px;padding:10px 3px;font-size:11px;font-weight:bold}.steps b{display:block;color:#ffdd99;font-size:22px;margin-bottom:5px}.panel a{display:inline-block;color:#b9d8d7;font-size:12px;padding:12px}.crest-row{display:flex;justify-content:center;gap:12px;font-size:24px;margin:18px 0;color:#ffdd98}.crest-row .empty{opacity:.2}.shop-row{display:flex;align-items:center;text-align:left;gap:12px;background:#132f3d99;border:1px solid #c5e6db26;border-radius:14px;padding:12px;margin:9px 0}.weapon-glyph{width:35px;font-size:30px;text-align:center;flex-shrink:0}.shop-info{flex:1}.shop-info b{font-size:13px}.shop-info small{display:block;font-size:10px;color:#bbd3d4;margin-top:4px}.shop-row button{min-width:75px;padding:6px 8px;font-size:12px;background:#efd191;color:#213641}.shop-row button:disabled{background:#284b56;color:#d3e1df}.tip{background:#163341;border:1px solid #c7dfd829;border-radius:12px;padding:10px;font-size:12px;color:#ffe3a1}.menu-art{height:82px;position:relative;margin:0 auto 9px;width:155px}.menu-portal{position:absolute;left:44px;top:0;width:68px;height:82px;border:7px solid #97e5cd;border-radius:50%;box-shadow:0 0 32px #72ead766,inset 0 0 20px #9bdfea;background:radial-gradient(ellipse,#d9bcff 0,#7564b3 40%,#283651 75%);transform:rotate(12deg)}.menu-art:before,.menu-art:after{content:'✦';position:absolute;color:#ffe6a7;font-size:35px;left:10px;top:26px}.menu-art:after{left:auto;right:1px;top:2px;font-size:24px}@media(min-width:1000px){.desktop-hint{display:block}#stick{opacity:.6}#hud{top:16px}.panel{max-width:450px;padding:30px}}@media(max-width:350px){.panel{padding:20px}h1{font-size:37px}.world-label strong{font-size:14px}#gold{font-size:13px}#stick{width:105px;height:105px;left:16px}#knob{left:24px;top:24px}#action{width:105px;height:90px}#dodge{width:48px;height:60px}.action-group{right:12px;gap:7px}#objective{font-size:11px}}@media(max-height:500px){#hud{max-width:540px;top:7px}#objective{padding:5px}.topline{padding:4px 8px}.world-label strong{font-size:14px}.status{padding:3px 5px}.square{min-height:34px}.world-label small{font-size:8px}#stick{width:100px;height:100px;bottom:17px;left:20px}#knob{left:21px;top:21px}.action-group{bottom:17px}#action{height:78px;width:111px}#dodge{height:60px}#bossHud{margin:3px auto}#toast{top:48%;font-size:12px}.panel{max-width:530px;padding:17px 24px}.menu-art{display:none}h1{font-size:31px;margin-top:7px}.subtitle{margin:7px 0}.steps{margin:8px 0}.steps>div{padding:6px}.steps b{font-size:17px;margin:0}.panel p{margin:6px 0}button.primary{padding:10px;min-height:42px}.desktop-hint{display:none}}
.crest{display:inline-block;width:31px;height:31px;background:#ffdf9b;clip-path:polygon(50% 0,62% 34%,100% 50%,62% 63%,50% 100%,37% 63%,0 50%,37% 34%)}.menu-art:before,.menu-art:after{content:'';width:27px;height:27px;background:#ffe6a7;clip-path:polygon(50% 0,62% 34%,100% 50%,62% 63%,50% 100%,37% 63%,0 50%,37% 34%)}.menu-art:after{width:19px;height:19px}.steps svg{display:block;margin:0 auto}.square svg,#dodge svg{vertical-align:middle}