:root{--bg0: #0f1020;--bg1: #1f1a33;--ink: #121024;--paper: #fff7ea;--paper2: #fde6c5;--accent: #ff6a3d;--accent2: #2ee59d;--shadow: rgba(0, 0, 0, .35);--glass: rgba(255, 255, 255, .12);--stroke: rgba(255, 255, 255, .22)}*{box-sizing:border-box}html,body{width:100%;height:100%}body{margin:0;min-height:100svh;color:var(--paper);background:radial-gradient(1200px 600px at 30% 10%,rgba(255,106,61,.22),transparent 55%),radial-gradient(900px 500px at 75% 25%,rgba(46,229,157,.14),transparent 55%),radial-gradient(800px 800px at 50% 90%,rgba(255,247,234,.08),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1));font-family:Chalkboard SE,Comic Sans MS,Marker Felt,ui-rounded,cursive;overflow:hidden}.stage{position:relative;width:100%;height:100%;min-height:100svh;overflow:hidden;background:#171426}#game{width:100%;height:100%;display:block}.hud{position:absolute;top:calc(env(safe-area-inset-top,0px) + 12px);left:calc(env(safe-area-inset-left,0px) + 12px);display:flex;gap:10px;flex-wrap:wrap;pointer-events:none;z-index:5}.pill{padding:8px 10px;border-radius:999px;background:#1210246b;border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 12px 24px #00000047;font-size:14px}.pill .label{opacity:.8;margin-right:6px}.pillHealth{display:inline-flex;align-items:center;gap:8px}.hearts{display:inline-flex;align-items:center;gap:6px}.heart{display:inline-grid;place-items:center;width:24px;height:24px}.heart svg{display:block}.heartBack{fill:#ff4b3a24}.heartFill{fill:#ff3b30}.heartStroke{fill:none;stroke:#fff9;stroke-width:1.5}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:calc(env(safe-area-inset-top,0px) + 18px) calc(env(safe-area-inset-right,0px) + 18px) calc(env(safe-area-inset-bottom,0px) + 18px) calc(env(safe-area-inset-left,0px) + 18px);background:radial-gradient(700px 420px at 50% 40%,#1210249e,#121024d9)}.overlay.hidden{display:none}.card{width:min(620px,96vw);border-radius:18px;padding:18px 18px 16px;background:linear-gradient(180deg,#fff7ea1a,#fff7ea0f);border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 70px #00000073}.title{margin:0 0 6px;font-size:44px;letter-spacing:.5px;text-transform:uppercase;color:#fff7ea}.subtitle{margin:0 0 12px;font-size:16px;opacity:.95;line-height:1.3}.controls{display:grid;gap:6px;padding:10px 12px;border-radius:14px;background:#12102459;border:1px dashed rgba(255,255,255,.22)}.nameRow{margin:10px 0 12px;display:grid;gap:8px}.nameLabel{font-size:14px;opacity:.9}.nameControls{display:flex;gap:10px;align-items:center}.nameInput{flex:1;min-width:140px;padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.22);background:#1210246b;color:#fff7ea;font:inherit;font-size:18px;outline:none;box-shadow:inset 0 0 0 1px #0000001a}.nameInput::-moz-placeholder{color:#fff7ea8c}.nameInput::placeholder{color:#fff7ea8c}.nameInput:focus{border-color:#ff6a3d99;box-shadow:0 0 0 4px #ff6a3d29}.nameRandom{padding:10px 12px;border-radius:14px;border:1px solid rgba(46,229,157,.55);background:linear-gradient(180deg,#2ee59d3d,#2ee59d1f);color:#fff7ea;font:inherit;font-size:16px;cursor:pointer}.nameRandom:active{transform:translateY(1px)}.pickRow{margin:10px 0 12px;display:grid;gap:12px}.pickGroup{display:grid;gap:8px}.pickLabel{font-size:14px;opacity:.9}.pickBtns{display:flex;gap:10px;flex-wrap:wrap}.pickBtn{padding:10px 12px;border-radius:14px;border:1px solid rgba(255,255,255,.18);background:#12102457;color:#fff7ea;font:inherit;font-size:16px;cursor:pointer}.pickBtn[aria-pressed=true]{border-color:#ff6a3d8c;background:linear-gradient(180deg,#ff6a3d38,#ff6a3d1f);box-shadow:0 14px 30px #ff6a3d1a}.swatches{display:flex;gap:10px;flex-wrap:wrap}.swatch{width:28px;height:28px;border-radius:999px;border:2px solid rgba(255,255,255,.18);background:radial-gradient(circle at 30% 30%,#ffffff38,#0000001f),var(--sw);cursor:pointer}.swatch[aria-pressed=true]{border-color:#ffffffb3;box-shadow:0 0 0 4px #ff6a3d29}.k{font-size:15px}.k b{color:#fff;background:#ff6a3d33;border:1px solid rgba(255,106,61,.45);padding:0 8px;border-radius:999px}.cta{margin-top:12px;padding:10px 12px;border-radius:14px;background:linear-gradient(180deg,#ff6a3d40,#ff6a3d24);border:1px solid rgba(255,106,61,.55);box-shadow:0 18px 40px #ff6a3d1f;font-size:18px;transform-origin:50% 50%;animation:thump 1.25s ease-in-out infinite;color:#fff7ea;font:inherit;text-align:left;width:100%;cursor:pointer}@keyframes thump{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.tiny{margin-top:10px;font-size:13px;opacity:.85}.touchControls{position:absolute;left:calc(env(safe-area-inset-left,0px) + 12px);right:calc(env(safe-area-inset-right,0px) + 12px);bottom:calc(env(safe-area-inset-bottom,0px) + 12px);z-index:6;display:none;justify-content:space-between;gap:12px;pointer-events:none}.touchPad{display:flex;gap:8px;align-items:flex-end;pointer-events:auto}.touchAir{align-items:stretch}.touchMeta{flex-direction:column;align-items:stretch}.touchBtn{min-width:62px;min-height:56px;padding:0 14px;border-radius:16px;border:1px solid rgba(255,255,255,.28);background:linear-gradient(180deg,#121024d1,#12102494);color:#fff7ea;font:inherit;font-size:24px;line-height:1;box-shadow:0 10px 24px #0000004d;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.touchBtnJump{min-width:74px;min-height:80px;font-size:30px;border-color:#2ee59d8c;background:linear-gradient(180deg,#2ee59d4d,#121024a6)}.touchBtnMeta{min-width:92px;min-height:44px;font-size:15px}.touchBtn.active,.touchBtn:active{transform:translateY(1px) scale(.98);border-color:#ff6a3dd9;background:linear-gradient(180deg,#ff6a3d73,#121024b8)}body.touch-mode .touchControls{display:flex}body.touch-mode .stage{touch-action:none}@media (max-width: 720px){.title{font-size:38px}.touchBtn{min-width:56px;min-height:52px}.touchBtnJump{min-width:68px;min-height:74px}.touchBtnMeta{min-width:82px;min-height:40px;font-size:14px}}