@font-face{font-family:Shantell Sans;src:url(/fonts/ShantellSans-VariableFont_BNCE,INFM,SPAC,wght.ttf)format("truetype");font-weight:100 900;font-style:normal}@font-face{font-family:Shantell Sans;src:url(/fonts/ShantellSans-Italic-VariableFont_BNCE,INFM,SPAC,wght.ttf)format("truetype");font-weight:100 900;font-style:italic}:root{--page-bg-1:#ff6b6b;--page-bg-2:#f7b801;--page-bg-3:#6bf178;--page-bg-4:#4d96ff;--ink:#21111b;--muted:#6a5b66;--card:#fffbf5eb;--card-border:#21111b1f;--nav-bg:#fffbf5d6}html,body{height:100%}body{color:var(--ink);margin:0;padding:0;font-family:Shantell Sans,system-ui,sans-serif}.site-header{z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--nav-bg);border-bottom:1px solid #21111b14;justify-content:space-between;align-items:center;gap:1rem;padding:14px 20px;display:flex;position:sticky;top:0}.site-brand,.site-nav a{color:var(--ink);text-decoration:none}.site-brand{letter-spacing:.08em;text-transform:uppercase;font-weight:700}.site-nav{flex-wrap:wrap;gap:.9rem;display:flex}.site-nav a{border-radius:999px;padding:.35rem .7rem}.site-nav a:hover,.site-nav a:focus-visible{background:#5a189a1a;outline:none}.page{background:linear-gradient(135deg,var(--page-bg-1),var(--page-bg-2),var(--page-bg-3),var(--page-bg-4),var(--page-bg-1));background-size:400% 400%;flex-direction:column;align-items:center;gap:24px;min-height:100vh;padding:32px 20px 56px;animation:8s infinite rainbow-shift;display:flex;position:relative}@keyframes rainbow-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.hero-card,.game-shell,.game-card{z-index:1;background:var(--card);border:1px solid var(--card-border);width:min(1180px,100%);position:relative;box-shadow:0 18px 60px #00000038}.hero-card{justify-content:space-between;align-items:center;gap:1.5rem;padding:2rem 3rem;display:flex}.hero-card--stacked{align-items:flex-start}.hero-copy{max-width:700px}.hero-kicker{letter-spacing:.16em;text-transform:uppercase;color:#b5179e;margin:0 0 .4rem;font-size:.78rem}.hero-card h1,.game-shell h2{color:#5a189a;margin:0}.hero-card h1{font-size:clamp(2rem,4vw,3.3rem)}.hero-subtitle{color:var(--muted);margin:.5rem 0 0;font-size:1.1rem;font-style:italic}.hero-subtitle--interactive{cursor:pointer;-webkit-user-select:none;user-select:none}.hero-body,.game-shell p,.game-card p{color:#4b3d48;margin:.9rem 0 0;line-height:1.5}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.25rem;display:flex}.arcade-link{color:#fff8fc;cursor:pointer;background:#5a189a;border:0;border-radius:999px;justify-content:center;align-items:center;min-height:44px;padding:.75rem 1.15rem;font-family:inherit;font-size:1rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.arcade-link--ghost{color:#5a189a;background:#5a189a1a}.arcade-link--muted{color:var(--muted);cursor:default;background:#21111b14}.game-shell{padding:1.4rem}.game-shell--full{width:100%;max-width:none}.game-shell__copy{padding:.4rem .4rem 1rem}.game-grid{z-index:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;width:min(1180px,100%);display:grid;position:relative}.game-card{flex-direction:column;align-items:flex-start;width:auto;padding:1.4rem;display:flex}.game-card h2{color:#5a189a;margin:0}.game-card__controls{color:var(--muted)}.game-card .arcade-link{margin-top:1.4rem}.game-frame-wrap{background:#ffffff73;border:3px solid #5a189a2e;padding:10px}.game-frame{background:#081c15;border:0;width:100%;min-height:880px;display:block}.game-frame--tall{min-height:900px}.mamba-room{flex-direction:column;gap:1rem;display:flex}.mamba-room:fullscreen{box-sizing:border-box;background:#081c15fa;height:100vh;padding:1rem}.mamba-room:fullscreen .arcade-link--ghost{color:#fff8fc;background:#fff8fc24}.mamba-room:fullscreen .mamba-field,.mamba-room:fullscreen .mamba-speed-readout,.mamba-room:fullscreen .mamba-instructions{color:#fff8fc}.mamba-room:fullscreen .mamba-field select{background:#fff8fcf0;border-color:#fff8fc3d}.mamba-toolbar{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.mamba-field{color:#4b3d48;align-items:center;gap:.7rem;font-weight:700;display:flex}.mamba-zoom-controls{flex-wrap:wrap;gap:.75rem;display:flex}.mamba-speed-controls{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.mamba-speed-readout{color:#4b3d48;font-weight:700}.mamba-instructions-panel{background:#fffbf5b8;border:1px solid #5a189a29;margin-top:.9rem;padding:.9rem 1rem 1rem}.mamba-instructions-label{color:#5a189a;letter-spacing:.06em;text-transform:uppercase;margin:0;font-size:.95rem;font-weight:800}.mamba-instructions{color:#4b3d48;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.65rem;margin:.7rem 0 0;padding:0;font-weight:700;list-style:none;display:grid}.mamba-instructions li{background:#ffffffdb;border:1px solid #5a189a1f;border-radius:14px;flex-direction:column;gap:.1rem;padding:.7rem .8rem .75rem;display:flex;box-shadow:0 8px 18px #5a189a0f}.mamba-instructions li span{color:#6f5a68;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:700}.mamba-instructions li strong{color:#3c2d38;font-size:.92rem;line-height:1.25}.mamba-instructions li:first-child strong{white-space:nowrap;font-size:.82rem}.mamba-field select{min-height:44px;color:var(--ink);font:inherit;background:#ffffffe0;border:1px solid #21111b29;border-radius:999px;padding:.65rem .85rem}.mamba-canvas-wrap{background:#ffffff73;border:3px solid #5a189a2e;justify-content:center;padding:10px;display:flex;overflow-x:auto}.mamba-stage{flex:none}.mamba-canvas{background:#081c15;width:100%;height:100%;display:block}.mamba-room:fullscreen .mamba-canvas-wrap{background:0 0;border-color:#ffffff2e;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.mamba-room:fullscreen .mamba-canvas{max-width:100%;max-height:100%}.mamba-room:fullscreen .mamba-canvas-wrap{background:0 0;border-color:#ffffff2e;flex:1;justify-content:center;align-items:center;display:flex}.sparkle-container{pointer-events:none;position:fixed;inset:0;overflow:hidden}.sparkle{pointer-events:none;opacity:1;background:radial-gradient(circle,#ff0,#fc0);border-radius:50%;width:8px;height:8px;position:fixed;transform:translate(-50%,-50%);box-shadow:0 0 10px #ff0c}@media (max-width:900px){.site-header{flex-direction:column;align-items:flex-start}.hero-card{flex-direction:column;padding:1.5rem}.hero-card:not(.hero-card--stacked){text-align:center}.hero-actions{justify-content:center}.game-frame{min-height:760px}}@media (max-width:640px){.page{padding:18px 12px 40px}.hero-card,.game-shell{width:100%}.game-frame{min-height:640px}}