:root{--bg-deep:#071820;--bg-mid:#0e3a42;--teal:#2ec4b6;--coral:#ff7a6a;--cream:#f7efe3;--ink:#102428;--panel:#071820c7;--chip:#f7efe31f;--font-display:"Bungee", system-ui, sans-serif;--font-body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#app{background:radial-gradient(120% 80% at 50% 20%, var(--bg-mid), var(--bg-deep));width:100%;height:100%;color:var(--cream);font-family:var(--font-body);-webkit-tap-highlight-color:transparent;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}#game-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#screen-flash{z-index:1;pointer-events:none;opacity:0;background:radial-gradient(circle,#f7efe38c,#2ec4b626 45%,#0000 70%);transition:opacity 50ms linear;position:absolute;inset:0}#ui{pointer-events:none;z-index:2;position:absolute;inset:0}.hidden{display:none!important}.panel{pointer-events:auto;text-align:center;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:radial-gradient(80% 50% at 50% 0,#2ec4b638,#0000 55%),radial-gradient(60% 40% at 80% 90%,#ff7a6a2e,#0000 50%),#0718208c;flex-direction:column;justify-content:center;align-items:center;gap:.85rem;padding:1.5rem;display:flex;position:absolute;inset:0;overflow-y:auto}.eyebrow{letter-spacing:.18em;text-transform:uppercase;color:var(--teal);font-size:.75rem;font-weight:700}h1,h2{font-family:var(--font-display);color:var(--cream);text-shadow:0 4px #00000040;font-weight:400;line-height:1.1}h1{max-width:12ch;font-size:clamp(2.4rem,10vw,4.5rem)}h2{max-width:16ch;font-size:clamp(1.6rem,6vw,2.6rem)}.tagline{color:var(--coral);font-size:clamp(1rem,3.5vw,1.25rem);font-weight:700}.hint{opacity:.85;max-width:28rem;font-size:.95rem}.desktop-only{display:block}.mobile-only{display:none}@media (hover:none),(width<=720px){.desktop-only{display:none}.mobile-only{display:block}}.cta{pointer-events:auto;font-family:var(--font-display);color:var(--ink);background:linear-gradient(135deg, var(--coral), #ffb087);cursor:pointer;border:none;border-radius:999px;margin-top:.5rem;padding:.95rem 1.8rem;font-size:1rem;transition:transform .15s,box-shadow .15s;box-shadow:0 8px #00000040}.cta:active{transform:translateY(4px);box-shadow:0 4px #00000040}.cta.secondary{background:linear-gradient(135deg, var(--teal), #7de2d1)}.letter{white-space:pre-wrap;text-align:left;background:var(--panel);border:1px solid #f7efe329;border-radius:1rem;max-width:34rem;padding:1.1rem 1.25rem;font-size:1rem;line-height:1.55}.loot-line{color:var(--teal);font-size:1.05rem;font-weight:700}.intro-screen{pointer-events:auto;touch-action:manipulation;background:radial-gradient(70% 60% at 50% 40%,#0e3a42e6,#050d12 75%);position:absolute;inset:0;overflow:hidden}.intro-video-bg{object-fit:cover;filter:blur(28px)saturate(1.15)brightness(.55);z-index:0;pointer-events:none;width:116%;height:116%;display:none;position:absolute;inset:-8%;transform:scale(1.08)}.intro-video-bleed{object-fit:cover;z-index:1;background:0 0;border:none;border-radius:0;width:100%;height:100%;display:block;position:absolute;inset:0}@media (width>=900px){.intro-video-bg{display:block}.intro-video-bleed{aspect-ratio:9/16;object-fit:contain;border-radius:0;width:auto;max-width:min(42vw,480px);height:min(92vh,100%);inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000073}}.intro-overlay{z-index:2;text-align:center;pointer-events:none;background:linear-gradient(#0000 0%,#0718202e 50%,#07182073 100%);flex-direction:column;justify-content:flex-end;align-items:center;gap:.55rem;padding:4rem 1.25rem 1rem;display:flex;position:absolute;bottom:3.25rem;left:0;right:0}.intro-overlay .cta,.intro-overlay .intro-actions{pointer-events:auto}.intro-actions{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-top:.25rem;display:flex}.forgotten-list{flex-direction:column;gap:.45rem;width:100%;max-width:28rem;list-style:none;display:flex}.forgotten-list li{color:var(--cream);background:#ff7a6a2e;border:1px solid #ff7a6a73;border-radius:.75rem;padding:.65rem .9rem;font-weight:700}#hud{pointer-events:none;position:absolute;inset:0}.hud-top{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex;position:absolute;top:.85rem;left:.85rem;right:.85rem}.hud-chip{pointer-events:none;background:var(--chip);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #f7efe32e;border-radius:999px;padding:.45rem .85rem;font-size:.9rem;font-weight:700}.hud-chip.hot{background:#ff7a6a59;border-color:#ff7a6ab3;box-shadow:0 0 18px #ff7a6a59}.incoming{text-shadow:0 3px #00000059;flex-direction:column;align-items:center;gap:.15rem;animation:.45s incoming-in;display:flex;position:absolute;top:4.6rem;left:50%;transform:translate(-50%)}.incoming-label{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-size:.75rem;font-weight:700}.incoming-name{font-family:var(--font-display);color:var(--cream);font-size:clamp(1.4rem,5vw,2.2rem)}@keyframes incoming-in{0%{opacity:0;transform:translate(-50%)translateY(-12px)scale(.92)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.big-callout{font-family:var(--font-display);color:var(--coral);text-shadow:0 5px #00000059;pointer-events:none;white-space:nowrap;text-overflow:ellipsis;max-width:95vw;font-size:clamp(2rem,10vw,4rem);animation:1.05s forwards callout-pop;position:absolute;top:42%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}@keyframes callout-pop{0%{opacity:0;transform:translate(-50%,-50%)scale(.6)}25%{opacity:1;transform:translate(-50%,-50%)scale(1.12)}70%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-60%)scale(1.05)}}.roster{scrollbar-width:none;gap:.4rem;padding-bottom:.15rem;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem;overflow-x:auto}.roster::-webkit-scrollbar{display:none}.roster-chip{color:var(--cream);background:#2ec4b638;border:1px solid #2ec4b673;border-radius:999px;flex:none;padding:.35rem .7rem;font-size:.78rem;font-weight:700;animation:.35s roster-in}@keyframes roster-in{0%{opacity:0;transform:translateY(8px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=720px){.roster{bottom:7.5rem}}.hud-btn{pointer-events:auto;background:var(--chip);color:var(--cream);cursor:pointer;min-width:4.2rem;height:2.5rem;font-size:.85rem;font-weight:700;font-family:var(--font-body);border:1px solid #f7efe32e;border-radius:999px;margin-left:auto;padding:0 .75rem}.toast{max-width:min(90vw,26rem);color:var(--ink);text-align:center;opacity:0;background:#ff7a6aeb;border-radius:.85rem;padding:.7rem 1rem;font-weight:700;animation:.35s forwards toast-in;position:absolute;top:22%;left:50%;transform:translate(-50%)translateY(8px);box-shadow:0 10px 30px #00000040}.toast.show{display:block}@keyframes toast-in{0%{opacity:0;transform:translate(-50%)translateY(14px)scale(.96)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.planet-label{font-family:var(--font-display);color:var(--cream);text-shadow:0 3px #00000059;font-size:clamp(1.1rem,4vw,1.6rem);animation:.4s label-pop;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}@keyframes label-pop{0%{opacity:0;transform:translate(-50%)scale(.85)}to{opacity:1;transform:translate(-50%)scale(1)}}.touch-stick{pointer-events:auto;width:110px;height:110px;position:absolute;bottom:1.25rem;left:1.25rem}.stick-base{background:#f7efe31f;border:1px solid #f7efe338;border-radius:50%;width:100%;height:100%;position:relative}.stick-knob{background:linear-gradient(135deg, var(--teal), #7de2d1);border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 4px #0003}@media (width>=721px) and (hover:hover){.touch-stick{display:none!important}}