*{box-sizing:border-box;margin:0;padding:0}html,body,#root{color:#e8edfb;overscroll-behavior:none;background:#080c1a;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app,.scene{position:fixed;inset:0}.scene canvas{touch-action:none;display:block}.hud{pointer-events:none;z-index:10;position:fixed;inset:0}.hud button{pointer-events:auto;font:inherit;color:inherit;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1222c7;border:1px solid #82a0ff47;border-radius:12px}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1222b8;border:1px solid #82a0ff38;border-radius:14px;padding:10px 14px;position:absolute}.top-left{top:max(10px, env(safe-area-inset-top));left:max(10px, env(safe-area-inset-left))}.top-left h1{letter-spacing:4px;background:linear-gradient(90deg,#9db8ff,#e3ecff);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:17px;font-weight:700}.level{opacity:.85;margin:3px 0 7px;font-size:12.5px}.mana-bar{background:#ffffff14;border:1px solid #82a0ff40;border-radius:8px;width:170px;height:16px;position:relative;overflow:hidden}.mana-fill{background:linear-gradient(90deg,#2f6bff,#39c2ff);height:100%;transition:width .3s}.mana-bar.flash{animation:.35s 2 flash}@keyframes flash{50%{box-shadow:inset 0 0 0 2px #ff5470}}.mana-label{text-shadow:0 1px 2px #000000b3;justify-content:center;align-items:center;font-size:10.5px;display:flex;position:absolute;inset:0}.top-right{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));gap:8px;display:flex;position:absolute}.chip{min-height:44px;padding:10px 13px;font-size:13.5px}.chip:hover{border-color:#a0beff99}.chip.danger:hover{border-color:#ff6478b3}.toolbar-stack{left:50%;bottom:max(12px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:7px;max-width:calc(100vw - 16px);display:flex;position:absolute;transform:translate(-50%)}.brushbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0c1222b8;border:1px solid #82a0ff38;border-radius:12px;align-items:center;gap:5px;padding:5px 10px;display:flex}.brush-title{opacity:.6;margin-right:3px;font-size:10.5px}.hud .brushbar .brush{background:0 0;border:1px solid #0000;border-radius:9px;min-height:34px;padding:7px 12px;font-size:12px}.hud .brushbar .brush.selected{background:#5078ff38;border-color:#8caaffa6}.toolbar{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;background:#0c1222b8;border:1px solid #82a0ff38;border-radius:16px;gap:6px;max-width:calc(100vw - 16px);padding:7px;display:flex;overflow-x:auto}.tool{background:0 0;border:1px solid #0000;border-radius:11px;flex-direction:column;align-items:center;gap:1px;min-width:62px;min-height:60px;padding:6px 4px;display:flex}.tool .icon{font-size:21px;line-height:1.15}.tool .name{opacity:.9;font-size:10.5px}.tool .cost{opacity:.55;font-size:9px}.tool.selected{background:#5078ff38;border-color:#8caaffa6}.hint{left:50%;bottom:calc(max(12px, env(safe-area-inset-bottom)) + 134px);opacity:.55;text-align:center;white-space:nowrap;font-size:11px;position:absolute;transform:translate(-50%)}.toast{text-align:center;background:#0e162aeb;border:1px solid #8caaff66;border-radius:12px;max-width:86vw;padding:10px 18px;font-size:13.5px;animation:.25s pop;position:absolute;top:18%;left:50%;transform:translate(-50%)}@keyframes pop{0%{opacity:0;transform:translate(-50%)translateY(6px)}}.overlay{pointer-events:auto;background:#04060e99;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.help{background:#0d1324f7;border:1px solid #8caaff59;border-radius:18px;max-width:520px;max-height:84vh;padding:22px 24px;font-size:14px;line-height:1.55;overflow-y:auto}.help h2{margin-bottom:10px;font-size:18px}.help ul{gap:7px;margin:10px 0 10px 18px;display:grid}.help .soon{opacity:.65;font-size:12.5px;font-style:italic}.help .close{background:#5078ff40;width:100%;margin-top:14px;padding:12px}@media (width<=560px){.top-left h1{font-size:14px}.mana-bar{width:128px}.hint{display:none}.tool{min-width:52px}.tool .name{font-size:9.5px}.chip{padding:9px 10px}.chip-txt{display:none}}