:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f6f1dc;background:#16251f;--panel: rgba(19, 24, 22, .78);--panel-strong: rgba(18, 22, 20, .92);--line: rgba(255, 245, 200, .16);--good: #70e59d;--warn: #ffd35e;--danger: #ff6d59;--teal: #62e6ff;--amber: #f5aa45}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#16251f}button{border:1px solid var(--line);border-radius:8px;background:#1e2621d1;color:#fff7df;font:inherit;font-weight:750;cursor:pointer;transition:transform .13s ease,border-color .13s ease,background .13s ease}button:hover:not(:disabled){transform:translateY(-1px);border-color:#ffe4828c}button:disabled{opacity:.42;cursor:not-allowed}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block}.hidden{display:none!important}#hud,#menu,#upgrade-layer,#toast-layer{position:fixed;inset:0;pointer-events:none}#hud button,#menu button,#upgrade-layer button{pointer-events:auto}.top-strip{position:absolute;top:12px;left:12px;right:12px;display:flex;gap:10px;align-items:start}.brand-chip,.resource-strip,.survival-card,.selected-panel,.bottom-bar,.tutorial-chip,.upgrade-list,.build-details{border:1px solid var(--line);border-radius:8px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 14px 40px #00000040}.brand-chip{display:flex;gap:10px;align-items:center;padding:8px 10px;white-space:nowrap}.brand-chip b{color:#fff2bb}.brand-chip span{color:#d7e8cd;font-size:12px}.resource-strip{display:flex;flex-wrap:wrap;gap:6px;max-width:min(920px,calc(100vw - 280px));padding:7px}.res{min-width:74px;padding:4px 7px;border-radius:6px;background:#ffffff0f;border-left:3px solid var(--res);font-size:12px}.res b{color:var(--res);margin-right:4px}.left-tools{position:absolute;top:74px;left:12px;z-index:35;width:136px;display:grid;gap:8px;isolation:isolate;pointer-events:auto}.tool-group{position:relative;z-index:1;border-left:3px solid var(--role);padding-left:6px}.tool-group:hover,.tool-group:focus-within{z-index:80}.tool-group-title{display:block;margin:0 0 4px;color:color-mix(in srgb,var(--role),white 20%);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:0}.tool-group-grid{display:grid;grid-template-columns:repeat(2,42px);gap:6px}.tool{position:relative;z-index:1;width:42px;height:38px;padding:0;overflow:visible;border-color:color-mix(in srgb,var(--role),transparent 48%);background:linear-gradient(180deg,#ffffff14,#00000029),#101816e6}.tool:hover,.tool:focus-visible{z-index:90}.tool-icon{display:block;width:100%;height:100%;background-image:url(/assets/build-icons-ai-atlas.png);background-size:500% 400%;background-position:var(--icon-x) var(--icon-y);background-repeat:no-repeat;filter:saturate(1.08) contrast(1.04)}.tool:before{content:"";position:absolute;inset:0;border-radius:7px;pointer-events:none;box-shadow:inset 0 0 0 1px #ffffff0d}.tool-tip{position:absolute;top:50%;left:calc(100% + 10px);z-index:40;width:245px;padding:10px;border:1px solid color-mix(in srgb,var(--role),transparent 35%);border-radius:8px;background:#0d1211f5;box-shadow:0 18px 46px #00000061;color:#f9f2d8;text-align:left;transform:translateY(-50%) scale(.97);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .11s ease,transform .11s ease,visibility .11s ease}.tool.col-0 .tool-tip{left:calc(200% + 22px)}.tool:hover .tool-tip,.tool:focus-visible .tool-tip{opacity:1;visibility:visible;transform:translateY(-50%) scale(1)}.tool-tip:before{content:"";position:absolute;top:50%;left:-6px;width:10px;height:10px;border-left:1px solid color-mix(in srgb,var(--role),transparent 35%);border-bottom:1px solid color-mix(in srgb,var(--role),transparent 35%);background:#0d1211f5;transform:translateY(-50%) rotate(45deg)}.tool-tip b,.tool-tip small,.tool-tip span{display:block}.tool-tip b{margin:4px 0 5px;color:#fff0b7;font-size:13px}.tool-tip small,.tool-tip span{color:#dce4d1;font-size:11px;line-height:1.35}.tool-tip span{margin-top:5px}.tool-tip .tip-role{display:inline-flex;width:fit-content;margin:0;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--role),transparent 80%);color:color-mix(in srgb,var(--role),white 16%);font-size:10px;font-weight:900;text-transform:uppercase}.tool-icon.mini{width:44px;height:44px;flex:0 0 auto;border:1px solid color-mix(in srgb,var(--role),transparent 35%);border-radius:8px;overflow:hidden}.tool.active,.bottom-bar .active{background:#60d19947;border-color:#79ffb0b8;box-shadow:0 0 0 2px color-mix(in srgb,var(--role),transparent 65%)}.tool.dim{opacity:.58}.build-details{padding:9px;border-color:color-mix(in srgb,var(--role),transparent 55%)}.build-details b,.build-details small,.build-details span{display:block}.build-details b{margin-top:5px;color:#fff0b7;font-size:13px}.build-details small{margin-top:3px;color:#d8ddc8;font-size:11px;line-height:1.3}.role-badge{display:inline-flex;width:fit-content;padding:2px 6px;border-radius:999px;background:color-mix(in srgb,var(--role),transparent 82%);color:color-mix(in srgb,var(--role),white 18%);font-size:10px;font-weight:900;text-transform:uppercase}.cost-line,.flow-line{margin-top:5px;color:#ffdf94;font-size:11px}.flow-line{color:#cbd5bd}.status-stack{position:absolute;top:74px;right:12px;width:min(310px,calc(100vw - 24px));display:grid;gap:8px}.survival-card{padding:10px}.meter-line,.kv{display:flex;justify-content:space-between;gap:10px;font-size:12px}.meter{height:8px;margin:5px 0 8px;overflow:hidden;border-radius:999px;background:#ffffff1a}.meter i{display:block;height:100%;background:linear-gradient(90deg,#ff7058,#ffd35e,#70e59d)}.meter.xp i{background:linear-gradient(90deg,#8f72ff,#70dfff)}.wave-note{color:#ffe8a8;font-size:12px}.brownout,.stop-reason{margin-top:7px;padding:6px 7px;border-radius:6px;background:#ff5b4a24;color:#ffb2a5;font-size:12px}.warnings{display:grid;gap:6px}.warning{width:100%;padding:8px;border-color:#ff745773;background:#3e1a14d1;text-align:left;font-size:12px}.bottom-bar{position:absolute;left:50%;bottom:14px;display:flex;gap:7px;padding:7px;transform:translate(-50%)}.bottom-bar button{height:34px;padding:0 12px}.selected-panel{position:absolute;right:12px;bottom:70px;width:min(330px,calc(100vw - 24px));max-height:min(430px,calc(100vh - 260px));overflow:auto;padding:12px;pointer-events:auto}.selected-panel h3{margin:2px 0 0;font-size:16px}.panel-title{display:flex;gap:10px;align-items:center;margin-bottom:8px}.selected-panel p,.empty-panel{margin:0 0 10px;color:#d8ddc8;font-size:12px;line-height:1.35}.kv{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.06)}.kv span{color:#cbd5bd}.inventory{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.inv{padding:4px 6px;border-radius:5px;background:#ffffff12;border-left:3px solid var(--res, #aaa);font-size:11px}.tutorial-chip{position:absolute;left:50%;top:62px;max-width:min(560px,calc(100vw - 230px));padding:8px 12px;transform:translate(-50%);color:#fff5bf;text-align:center;font-size:13px}.upgrade-list{position:absolute;left:112px;bottom:14px;max-width:calc(100vw - 520px);display:flex;gap:6px;flex-wrap:wrap;padding:7px}.upgrade-pill{padding:4px 7px;border-radius:999px;background:#ffffff14;font-size:11px}.upgrade-pill.rare,.upgrade-card.rare{--glow: #66c7ff}.upgrade-pill.epic,.upgrade-card.epic{--glow: #c28aff}.upgrade-pill.legendary,.upgrade-card.legendary{--glow: #ffd15f}#menu{background:linear-gradient(90deg,#081012c7,#08101229 56%,#08101252),url(/assets/dino-survival-key-art.png) center / cover no-repeat;pointer-events:auto}.menu-shell{min-height:100%;display:flex;align-items:center;padding:7vw}.menu-copy{max-width:560px}.eyebrow{display:inline-flex;margin-bottom:10px;color:#9ff2d1;font-weight:850;text-transform:uppercase;letter-spacing:0}.menu-copy h1{margin:0;color:#fff0b7;font-size:clamp(46px,8vw,108px);line-height:.9;letter-spacing:0;text-shadow:0 8px 40px rgba(0,0,0,.5)}.menu-copy p{max-width:470px;margin:18px 0 24px;color:#e7ecd6;font-size:18px;line-height:1.45}.menu-actions{display:flex;flex-wrap:wrap;gap:9px}.menu-actions button,.panel-actions button,.meta-card button,.reroll{min-height:40px;padding:0 15px}.menu-actions button:first-child{background:linear-gradient(180deg,#f9b74ef2,#d06734f2);color:#23170d}.meta-snapshot{position:absolute;right:22px;bottom:18px;display:flex;gap:8px;flex-wrap:wrap}.meta-snapshot span{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:#00000073;font-size:12px}.panel-screen{width:min(960px,calc(100vw - 28px));max-height:calc(100vh - 36px);margin:18px auto;overflow:auto;padding:22px;border:1px solid var(--line);border-radius:8px;background:var(--panel-strong);box-shadow:0 24px 80px #0000006b}.panel-screen h2{margin:0 0 12px;color:#fff0b7;font-size:34px}.panel-screen p{color:#e1e6d2;line-height:1.55}.panel-head,.panel-actions{display:flex;justify-content:space-between;align-items:center;gap:12px}.currency{color:#ffe1a6;font-weight:850}.meta-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:10px}.meta-card{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:8px;background:#ffffff0e}.meta-card h3{margin:0 0 4px;font-size:15px}.meta-card p{margin:0;font-size:12px}.meta-card span{color:#9ff2d1;font-weight:850}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;margin:16px 0}.stats-grid span{display:flex;justify-content:space-between;gap:12px;padding:10px;border-radius:8px;background:#ffffff0f}#upgrade-layer{display:grid;place-items:center;background:#0407087a;pointer-events:auto}.upgrade-modal{width:min(980px,calc(100vw - 28px));padding:18px;border:1px solid rgba(255,243,185,.24);border-radius:8px;background:#111614f0;box-shadow:0 24px 80px #0000008c;animation:card-pop .26s ease both}.upgrade-title{display:flex;justify-content:space-between;margin-bottom:12px;color:#fff0b7;font-size:18px}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.upgrade-card{min-height:240px;padding:14px;text-align:left;border-color:color-mix(in srgb,var(--glow, #d5d5d5),transparent 35%);background:radial-gradient(circle at 20% 8%,color-mix(in srgb,var(--glow, #ffffff),transparent 70%),transparent 45%),#23251ff5}.upgrade-card .rarity{color:var(--glow, #dce3d0);font-size:11px;text-transform:uppercase}.upgrade-card .icon{display:grid;width:42px;height:42px;place-items:center;margin:10px 0;border-radius:8px;background:#ffffff14;color:#fff2bd;font-weight:900}.upgrade-card h3{margin:0 0 8px;font-size:19px}.upgrade-card p{min-height:44px;margin:0 0 12px}.upgrade-card small{color:#cbd7c5}.reroll{margin-top:12px}#toast-layer{inset:18px 18px auto auto;display:grid;gap:8px;width:min(320px,calc(100vw - 36px))}.toast{padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:#121815e6;animation:toast-in .22s ease both}.toast.good{border-color:#70e59d80}.toast.danger{border-color:#ff6d598c}@keyframes card-pop{0%{transform:translateY(18px) scale(.96);opacity:0}}@keyframes toast-in{0%{transform:translate(16px);opacity:0}}@media(max-width:820px){.top-strip{flex-direction:column}.resource-strip{max-width:calc(100vw - 24px)}.left-tools{inset:auto 8px 58px;display:flex;overflow-x:auto;padding-bottom:4px;width:auto;max-width:calc(100vw - 16px)}.tool-group{display:grid;align-content:start;min-width:max-content}.tool-group-grid{display:flex;gap:5px}.tool{width:38px;height:34px;flex:0 0 auto}.tool-tip{display:none}.build-details{min-width:170px;max-width:210px}.status-stack{top:124px;right:8px;width:230px}.selected-panel{display:none}.tutorial-chip{top:auto;bottom:166px;max-width:calc(100vw - 24px)}.upgrade-list{display:none}.upgrade-cards{grid-template-columns:1fr}}