*{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}.xp-bar{background:#ffffff14;border:1px solid #c8aaff47;border-radius:7px;width:170px;height:14px;margin-top:5px;position:relative;overflow:hidden}.xp-fill{background:linear-gradient(90deg,#7b5cff,#ffd34d);height:100%;transition:width .4s}.xp-label{text-shadow:0 1px 2px #000000b3;justify-content:center;align-items:center;font-size:9.5px;display:flex;position:absolute;inset:0}.hud .quests-head{text-align:left;background:#5078ff1a;border:1px solid #8caaff40;border-radius:9px;width:100%;margin-top:7px;padding:5px 6px;font-size:11.5px;display:block}.quests-arrow{opacity:.7;width:10px;display:inline-block}.quests{gap:3px;max-width:224px;margin-top:5px;list-style:none;display:grid}.quests li{border-radius:7px;align-items:center;gap:6px;padding:3px 4px;font-size:11px;line-height:1.25;display:flex}.quests li.done{opacity:.62}.quests li.done .q-label{text-decoration:line-through}.q-icon{flex:none;font-size:13px}.q-label{flex:1}.q-prog{opacity:.75;font-variant-numeric:tabular-nums;flex:none;font-size:10px}.quests li.done .q-prog{color:#7fe08a;opacity:1;font-size:12px}.hud .life-btn{background:linear-gradient(90deg,#7b5cff47,#ffd34d38);border:1px solid #ffd34d80;border-radius:10px;width:100%;margin-top:8px;padding:8px 6px;font-size:12.5px;font-weight:600;animation:2.2s infinite lifepulse;display:block}@keyframes lifepulse{50%{box-shadow:0 0 14px #ffd34d59}}.life-cost{opacity:.75;font-size:10px;font-weight:400}.creature-line{opacity:.85;margin-top:8px;font-size:11.5px}.cellgame{pointer-events:auto;background:#0a1f38;position:absolute;inset:0}.cg-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cg-center{justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.cg-card{text-align:center;background:#0d1324f2;border:1px solid #8caaff59;border-radius:18px;max-width:460px;max-height:90vh;padding:20px 22px;font-size:14px;line-height:1.5;overflow-y:auto}.cg-card h2{margin-bottom:8px;font-size:18px}.cg-card ul{text-align:left;gap:6px;margin:10px 0 4px 16px;font-size:13px;display:grid}.cg-quit{top:max(10px, env(safe-area-inset-top));right:max(10px, env(safe-area-inset-right));min-height:40px;position:absolute}.birth-preview{background:radial-gradient(circle at 50% 35%,#24365c,#0d1526);border:1px solid #8caaff40;border-radius:14px;width:230px;height:195px;margin:6px auto;overflow:hidden}.birth-row{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:8px;display:flex}.hud .shape-btn{background:0 0;border:1px solid #82a0ff47;border-radius:9px;padding:8px 11px;font-size:12px}.hud .shape-btn.selected{background:#5078ff38;border-color:#8caaffbf}.hud .swatch{border:2px solid #0000;border-radius:50%;width:34px;height:34px}.hud .swatch.selected{border-color:#fff;box-shadow:0 0 8px #fff6}.birth-name{width:200px;font:inherit;text-align:center;color:inherit;background:#ffffff12;border:1px solid #82a0ff59;border-radius:10px;outline:none;margin:10px auto 0;padding:9px 12px;font-size:13.5px;display:block}.birth-name:focus{border-color:#a0beffb3}.cg-card .close{background:#5078ff40;width:100%;margin-top:12px;padding:12px}.cg-card.editor{width:100%;max-width:760px}.ed-cols{text-align:left;gap:16px;margin-top:6px;display:flex}.ed-left{flex:none;justify-items:stretch;gap:8px;width:234px;display:grid}.ed-left .birth-preview,.ed-left .birth-name{width:100%;margin:0}.ed-right{flex:1;align-content:start;gap:7px;max-height:56vh;padding-right:6px;display:grid;overflow-y:auto}.ed-row{align-items:center;gap:8px;min-height:26px;display:flex}.ed-label{opacity:.7;text-align:right;flex:none;width:84px;font-size:11.5px}.ed-row input[type=range]{accent-color:#7b5cff;flex:1;min-width:60px}.ed-chips{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.hud .ed-chip{background:0 0;border:1px solid #82a0ff47;border-radius:8px;padding:5px 10px;font-size:11.5px}.hud .ed-chip.selected{background:#5078ff40;border-color:#8caaffbf}.hud .ed-random{padding:9px}.hud .swatch.mini{border:1px solid #ffffff40;border-radius:50%;width:20px;height:20px;min-height:20px}.hud .swatch.mini:hover{border-color:#fff}.ed-color{cursor:pointer;background:0 0;border:1px solid #82a0ff66;border-radius:6px;width:36px;height:26px;padding:0}.shore3d canvas{touch-action:none}.cg-hint3d{top:max(14px, env(safe-area-inset-top));text-align:center;pointer-events:none;background:#0e162ad9;border:1px solid #8caaff66;border-radius:12px;max-width:min(560px,88vw);padding:9px 16px;font-size:13px;position:absolute;left:50%;transform:translate(-50%)}.joystick{left:20px;bottom:max(24px, env(safe-area-inset-bottom));touch-action:none;background:#0c122266;border:1px solid #8caaff73;border-radius:50%;width:124px;height:124px;position:absolute}.joystick-knob{background:#8caaff8c;border-radius:50%;width:54px;height:54px;margin:-27px 0 0 -27px;position:absolute;top:50%;left:50%}.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,.xp-bar{width:128px}.quests{max-width:168px}.quests li{font-size:10px}.ed-cols{flex-direction:column}.ed-left{width:100%}.ed-left .birth-preview{height:150px}.ed-right{max-height:none;overflow:visible}.ed-label{width:68px;font-size:10.5px}.hint{display:none}.tool{min-width:52px}.tool .name{font-size:9.5px}.chip{padding:9px 10px}.chip-txt{display:none}}