:root{--ice:#b9e8ff;--violet:#8178ef;--deep:#08091f;--panel:rgba(10,10,37,.94);--line:#5f59a8}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--deep);color:#e9ebff;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;touch-action:none}canvas#gameCanvas{display:block;width:100%;height:100%;image-rendering:pixelated}header{position:fixed;z-index:4;inset:0 0 auto;padding:max(14px,env(safe-area-inset-top)) 20px 20px;display:flex;justify-content:space-between;align-items:start;background:linear-gradient(#050619f5,transparent);pointer-events:none}.brand{display:grid;text-shadow:3px 3px #171342,0 0 18px #6d65dc}.brand b{font-size:clamp(18px,3vw,30px);letter-spacing:.13em}.brand span,.eyebrow{font-size:9px;letter-spacing:.38em;color:#a7a0ff;margin-top:3px}button{pointer-events:auto;min-height:44px;font:800 10px inherit;letter-spacing:.13em;color:#f4f5ff;background:linear-gradient(#363278,#211f54);border:1px solid #8b85dd;padding:11px 15px;box-shadow:4px 4px 0 #050617,inset 1px 1px #5953a0;cursor:pointer}button:hover{filter:brightness(1.2);border-color:var(--ice)}button:disabled{opacity:.45;cursor:not-allowed}#hud{position:fixed;z-index:3;left:20px;top:86px;display:flex;gap:14px;align-items:center}.meter{width:min(42vw,310px);display:grid;grid-template-columns:1fr auto;gap:6px;font-size:12px;letter-spacing:.13em;text-shadow:2px 2px #060617}.meter i{grid-column:1/3;height:12px;border:1px solid #8b85ca;background:#090a25;box-shadow:2px 2px #03040f}.meter i b{display:block;height:100%;width:0;background:linear-gradient(90deg,#6459d6,#b7e9ff);box-shadow:0 0 12px #776ff0;transition:width .18s}.meter strong{color:var(--ice)}.compass-wrap{display:grid;justify-items:center;gap:2px;padding:4px 7px;background:#080921c9;border:1px solid #4f4b87}.compass-wrap small{font-size:8px;letter-spacing:.08em;color:#b9e8ff;white-space:nowrap}#compass{font-size:35px;line-height:32px;color:#5ff3ff;filter:drop-shadow(0 0 7px #48ddec);transform-origin:center}#brief{position:fixed;z-index:3;left:20px;top:158px;display:grid;gap:7px;padding:13px 15px;background:var(--panel);border:1px solid #595493;border-left:4px solid var(--violet);max-width:470px;box-shadow:5px 5px #050617}#brief b{font-size:13px;letter-spacing:.12em}#brief span{font-size:11px;color:#c3c2dc}#brief small{font-size:10px;color:#bde8ff;white-space:nowrap}.mobile-help{display:none}#toast,#prompt{position:fixed;z-index:3;left:50%;transform:translateX(-50%);text-align:center;background:#090a25e8;border:1px solid #625da0;box-shadow:4px 4px #040513;padding:10px 15px;font-size:11px;line-height:1.45;letter-spacing:.07em}#toast{bottom:max(18px,env(safe-area-inset-bottom));color:#b9bad5}#prompt{bottom:98px;color:var(--ice);animation:pulse .8s steps(2) infinite}#prompt[hidden]{display:none}@keyframes pulse{50%{filter:brightness(1.7)}}#joystick,#netBtn{display:none;position:fixed;z-index:5}.modal{position:fixed;z-index:10;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,460px);max-height:88vh;overflow:auto;padding:28px;background:linear-gradient(145deg,#171640f5,#090a25fa);border:1px solid #7770bd;box-shadow:8px 8px #03040e,0 0 70px #514aac55;text-align:center}.modal:before{content:"";position:absolute;inset:6px;border:1px solid #38346d;pointer-events:none}.modal.hidden{display:none}.modal h1{font-size:clamp(22px,5vw,36px);margin:12px 0;text-shadow:3px 3px #332d79}.close{position:absolute;right:12px;top:12px;min-height:34px;padding:6px 11px;font-size:18px;z-index:2}.mint-stats{display:flex;justify-content:space-around;margin:22px 0;padding:14px;border-block:1px solid #39366d}.mint-stats span{display:grid;gap:7px;font-size:9px;color:#9998bb}.mint-stats b{font-size:13px;color:var(--ice)}#mintBtn{width:100%;font-size:12px}#mintStatus,.modal>p{font-size:9px;color:#aaa9c6;line-height:1.5}#portrait{width:min(58vw,256px);border:1px solid #736db2;image-rendering:pixelated;box-shadow:6px 6px #03040f}#rotate{display:none}
@media(max-width:760px){header{padding:calc(9px + env(safe-area-inset-top)) 10px 12px}.brand b{font-size:18px}.brand span{font-size:8px}#walletBtn{min-height:40px;padding:9px 11px;font-size:9px;max-width:40vw;overflow:hidden}#hud{left:10px;top:76px;gap:8px}.meter{width:min(43vw,185px);font-size:10px}.compass-wrap small{font-size:6px}#compass{font-size:30px}#brief{left:10px;top:137px;max-width:calc(100vw - 128px);padding:9px 10px;gap:5px}#brief b{font-size:11px}#brief span,.desktop-help{display:none}.mobile-help{display:block!important;font-size:10px!important;line-height:1.35;white-space:normal;letter-spacing:0}#toast{line-height:1.45;white-space:normal}html[lang="zh-CN"] #toast{font-size:12px;max-width:72vw}#joystick{display:block;left:max(16px,env(safe-area-inset-left));bottom:max(20px,env(safe-area-inset-bottom));width:94px;height:94px;border:2px solid #7770a9;background:#0a0b2a99;border-radius:50%;box-shadow:inset 0 0 0 9px #15153c88}#stick{position:absolute;left:29px;top:29px;width:32px;height:32px;border:2px solid #aaa6dc;background:#423d83;border-radius:50%;box-shadow:3px 3px #060719}#netBtn{display:block;right:max(18px,env(safe-area-inset-right));bottom:max(27px,env(safe-area-inset-bottom));width:76px;height:76px;border-radius:50%;font-size:13px;color:var(--ice)}#toast{bottom:124px;max-width:82vw;padding:10px 12px;font-size:11px;color:#e2e2f5;background:#090a25f5}#prompt{bottom:136px;font-size:10px}.modal{padding:24px 18px}}
@media(max-width:420px) and (max-height:700px){#brief{top:128px}#hud{top:70px}.modal{max-height:94vh}}
.header-actions{display:flex;align-items:center;gap:9px;pointer-events:auto}#language{display:flex;border:1px solid #5f59a8;background:#090a25}#language button{min-height:32px;padding:6px 9px;border:0;box-shadow:none;background:transparent;color:#a7a0d8}#language button.active{background:#514ba1;color:#fff}html[lang="zh-CN"] body{font-family:ui-monospace,SFMono-Regular,"Noto Sans SC","Microsoft YaHei",sans-serif}@media(max-width:760px){.header-actions{gap:5px}#language button{min-height:30px;padding:5px 6px;font-size:8px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}