:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#eef3ff;background:#080b1d;font-synthesis:none}*{box-sizing:border-box}html,body,#app{width:100%;min-height:100%;margin:0}body{min-height:100dvh;overflow:hidden;background:#080b1d}button,canvas{touch-action:manipulation}.shell{min-height:100dvh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at 50% 0%,rgba(74,92,160,.16),transparent 38%),#080b1d}.hud{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:max(12px,env(safe-area-inset-top)) 16px 12px;border-bottom:1px solid rgba(190,207,255,.12);background:#080b1db8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand__mark{color:#f1e6a7;font-size:24px;text-shadow:0 0 18px rgba(241,230,167,.45)}.brand strong{display:block;letter-spacing:.17em;font-size:13px}.brand small{display:block;margin-top:2px;color:#dfe8ff94;font-size:10px}.resource-cluster{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-width:0}.resource{display:flex;align-items:center;gap:7px;justify-content:flex-end;color:#e9f0ffb8;font-size:12px;white-space:nowrap}.resource strong{color:#fff4b9;font-size:15px;font-variant-numeric:tabular-nums}.resource__orb{width:9px;height:9px;border-radius:50%}.resource__orb--lumen{background:#f8efbd;box-shadow:0 0 12px #f8efbdd9}.resource__orb--mist{background:#cdefff;box-shadow:0 0 12px #bbe8ffb8}.resource__orb--sun-dew{background:#ffe4a3;box-shadow:0 0 13px #ffe3a4c2}.resource__orb--echo{background:#dacdff;box-shadow:0 0 13px #cab9ffb8}#mist-resource strong{color:#d8f5ff}#sun-dew-resource strong{color:#ffe9b5}#echo-resource strong{color:#e5dcff}.world-wrap{position:relative;min-height:0;overflow:hidden}#world{display:block;width:100%;height:100%;min-height:0}.hint{position:absolute;left:50%;bottom:max(18px,env(safe-area-inset-bottom));transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);padding:8px 12px;border:1px solid rgba(205,219,255,.11);border-radius:999px;color:#e1e9ff9e;background:#0d12288a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;pointer-events:none;text-align:center}.build-bar{position:absolute;left:50%;bottom:max(58px,calc(env(safe-area-inset-bottom) + 46px));transform:translate(-50%);z-index:3;display:flex;gap:8px;width:min(1040px,calc(100vw - 24px));justify-content:center}.build-button{display:flex;align-items:center;gap:10px;min-width:0;flex:1 1 220px;max-width:250px;padding:10px 14px;border:1px solid rgba(189,219,255,.2);border-radius:16px;color:#edf5ff;background:#121934d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 10px 34px #00000038;text-align:left}.build-button:disabled{opacity:.42}.build-button.is-active{border-color:#f7eaaaa6;box-shadow:0 0 24px #d4e7ff24}.build-button--mist.is-active{border-color:#beebffad}.build-button--loom.is-active{border-color:#e2ccffb8}.build-button--echo.is-active{border-color:#d3c2ffbf}.build-button__icon{flex:0 0 auto;font-size:25px;color:#f6edbb}.build-button--mist .build-button__icon{color:#d7f7ff}.build-button--loom .build-button__icon{color:#eadcff}.build-button--echo .build-button__icon{color:#ded2ff}.build-button strong{display:block;font-size:12px;letter-spacing:.04em}.build-button small{display:block;margin-top:3px;color:#dfebff94;font-size:10px}@media(max-width:900px){.brand small{display:none}.hud{padding-inline:12px;gap:8px}.brand strong{font-size:12px;letter-spacing:.12em}.resource-cluster{gap:8px;overflow-x:auto;scrollbar-width:none}.resource-cluster::-webkit-scrollbar{display:none}.resource{gap:5px;font-size:10px}.resource strong{font-size:13px}.build-bar{justify-content:flex-start;overflow-x:auto;padding:0 4px 2px;scrollbar-width:none}.build-bar::-webkit-scrollbar{display:none}.build-button{flex:0 0 min(248px,calc(100vw - 40px))}}.discovery-log-button{position:absolute;top:14px;left:50%;z-index:4;transform:translate(-50%);border:1px solid rgba(226,210,255,.24);border-radius:999px;padding:7px 11px;color:#efe9ffdb;background:#121630b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 10px/1 system-ui,sans-serif;letter-spacing:.04em}.discovery-toast{position:absolute;top:22%;left:50%;z-index:7;width:min(360px,calc(100vw - 36px));transform:translate(-50%,-10px) scale(.98);padding:20px 22px;border:1px solid rgba(235,219,255,.3);border-radius:22px;text-align:center;background:radial-gradient(circle at 50% 0%,rgba(217,198,255,.2),transparent 58%),#0c1028e6;box-shadow:0 22px 70px #0000005c;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;transition:opacity .32s ease,transform .32s ease;pointer-events:none}.discovery-toast.is-visible{opacity:1;transform:translate(-50%) scale(1)}.discovery-toast small{display:block;margin-bottom:8px;color:#d9cbff;font-size:10px;letter-spacing:.24em}.discovery-toast strong{display:block;color:#fff4c7;font-size:22px;letter-spacing:.06em}.discovery-toast span{display:block;margin-top:8px;color:#e1e9ffb8;font-size:12px}.discovery-panel{position:absolute;top:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:8;width:min(360px,calc(100vw - 24px));padding:16px;border:1px solid rgba(205,216,255,.16);border-radius:22px;background:#090d20f0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 22px 70px #0006;overflow:auto}.discovery-panel__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:14px;border-bottom:1px solid rgba(215,223,255,.1)}.discovery-panel__header small{display:block;color:#cdbfff;font-size:9px;letter-spacing:.2em}.discovery-panel__header strong{display:block;margin-top:4px;font-size:18px}.discovery-panel__header button{width:32px;height:32px;border:1px solid rgba(215,223,255,.12);border-radius:50%;color:#eef3ff;background:#ffffff0a;font-size:20px}.discovery-list{display:grid;gap:10px;padding-top:14px}.discovery-card{position:relative;padding:14px;border:1px solid rgba(213,201,255,.14);border-radius:16px;background:linear-gradient(145deg,#2d255152,#161f3a52)}.discovery-card__title{display:flex;align-items:center;gap:8px}.discovery-card__title span{color:#f3e9b7}.discovery-card__title strong{font-size:14px}.discovery-card p{margin:9px 0 6px;color:#e7edffb8;font-size:12px;line-height:1.5}.discovery-card small{display:block;color:#dcd2ffcc;font-size:11px}.discovery-card__count{display:block;margin-top:10px;color:#e4eaff7a;font-size:10px}@media(max-width:620px){.discovery-log-button{top:auto;bottom:max(108px,calc(env(safe-area-inset-bottom) + 96px))}.discovery-panel{top:auto;left:8px;right:8px;bottom:max(8px,env(safe-area-inset-bottom));width:auto;max-height:68dvh;border-radius:22px 22px 14px 14px}.discovery-toast{top:17%}}.resource__orb--shard{background:#e2e7ff;box-shadow:0 0 13px #bec8ffc2}#shard-resource strong{color:#e8ebff}.build-button--prism.is-active{border-color:#cdd5ffc2}.build-button--prism .build-button__icon{color:#e4e8ff}.evolution-toast{border-color:#f4e4a557;background:radial-gradient(circle at 50% 0%,rgba(249,229,150,.18),transparent 58%),#0c1028e6}.evolution-toast small{color:#f2df9d}.evolution-toast strong{color:#fff2b8}.resource__orb--bloom{background:#f1d5e5;box-shadow:0 0 13px #e2bcd7b3}.resource__orb--arc{background:#d8d3ff;box-shadow:0 0 14px #a7b2ffd1}#bloom-resource strong{color:#f3dce9}#arc-resource strong{color:#e1ddff}#arc-resource em{padding:2px 5px;border:1px solid rgba(196,198,255,.16);border-radius:999px;color:#d5d3ffb3;font-size:8px;font-style:normal;letter-spacing:.08em}.build-button--bloom.is-active{border-color:#e9cbdeb8}.build-button--bloom .build-button__icon{color:#f2d8e7}.build-button--arc.is-active{border-color:#bebeffc2}.build-button--arc .build-button__icon{color:#dcd8ff}.gene-log-button{position:absolute;top:14px;right:14px;z-index:4;border:1px solid rgba(231,220,170,.22);border-radius:999px;padding:7px 11px;color:#f6ecc2d6;background:#121630b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);font:600 10px/1 system-ui,sans-serif;letter-spacing:.04em}.gene-panel{border-color:#eddeab2e}.gene-card{border-color:#ebdcaa29;background:linear-gradient(145deg,#493e2738,#1d1f3957)}.gene-card .discovery-card__title span{color:#f2df9e}@media(max-width:620px){.gene-log-button{top:auto;right:12px;bottom:max(108px,calc(env(safe-area-inset-bottom) + 96px))}}