:root{--bg:#1a1b2e;--bg-2:#24264a;--panel:#2b2d55;--ink:#f4efe6;--ink-dim:#b9b6cf;--accent:#ffd35c;--p1:#ff6b81;--p2:#3fd8c6;--good:#7fe07a;--font:ui-rounded, "SF Pro Rounded", system-ui, -apple-system, "Segoe UI", sans-serif;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);--safe-t:env(safe-area-inset-top,0px);--safe-b:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--font);overscroll-behavior:none;touch-action:none;margin:0;font-weight:800;overflow:hidden}body{position:fixed;top:0;bottom:0;left:0;right:0}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#game{touch-action:none;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#touch-layer{touch-action:none;z-index:1;position:absolute;top:0;bottom:0;left:0;right:0}#hud{pointer-events:none;z-index:2;position:absolute;top:0;bottom:0;left:0;right:0}#hud .hud-btn{pointer-events:auto}#screens{z-index:5;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}#screens>.screen{pointer-events:auto}#boot-msg{color:var(--ink-dim);background:var(--bg);z-index:9;place-items:center;font-size:32px;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#boot-msg.hidden{display:none}#rotate-hint{z-index:10;background:var(--bg);place-items:center;display:none;position:absolute;top:0;bottom:0;left:0;right:0}.rotate-card{text-align:center;font-size:30px}.rotate-icon{color:var(--accent);font-size:90px;animation:2.4s ease-in-out infinite spin}@keyframes spin{50%{transform:rotate(90deg)}}@media (orientation:portrait) and (pointer:coarse){#rotate-hint{display:grid}}.hud-divider{background:linear-gradient(to bottom, var(--p1), var(--p2));opacity:.55;border-radius:3px;width:6px;margin-left:-3px;position:absolute;top:0;bottom:0;left:50%}.hud-badge{top:calc(12px + var(--safe-t));letter-spacing:.5px;background:#1a1b2eb8;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:20px;display:flex;position:absolute}.hud-badge .dot{border-radius:50%;width:14px;height:14px}.hud-badge.p1{left:calc(14px + var(--safe-l));border:3px solid var(--p1)}.hud-badge.p2{right:calc(14px + var(--safe-r));border:3px solid var(--p2)}.hud-btn{font-family:var(--font);color:var(--bg);touch-action:none;cursor:pointer;border:none;font-weight:900;position:absolute}.hud-pause{top:calc(10px + var(--safe-t));width:64px;height:64px;color:var(--ink);background:#1a1b2eb8;border:3px solid #f4efe659;border-radius:20px;font-size:26px;left:50%;transform:translate(-50%)}.hud-give{bottom:calc(18px + var(--safe-b));border-radius:50%;place-items:center;width:118px;height:118px;font-size:19px;line-height:1.05;display:grid;box-shadow:0 6px #0000004d}.hud-give .ico{font-size:34px;display:block}.hud-give.p1{left:calc(18px + var(--safe-l));background:var(--p1)}.hud-give.p2{right:calc(18px + var(--safe-r));background:var(--p2)}.hud-give:active,.hud-give.pressed{transform:translateY(4px);box-shadow:0 2px #0000004d}.hud-give.empty{opacity:.4}.hud-lives{top:calc(64px + var(--safe-t));letter-spacing:2px;font-size:26px;position:absolute}.hud-lives.p1{left:calc(18px + var(--safe-l));color:var(--p1)}.hud-lives.p2{right:calc(18px + var(--safe-r));color:var(--p2)}.hud-hint{bottom:calc(40px + var(--safe-b));text-align:center;width:50%;color:var(--ink);text-shadow:0 3px #00000059;opacity:.95;font-size:26px;transition:opacity .6s;position:absolute}.hud-hint.full{left:25%}.hud-hint.left{left:0}.hud-hint.right{left:50%}.hud-hint.gone{opacity:0}.hud-dbg{bottom:calc(8px + var(--safe-b));color:var(--ink-dim);background:#1a1b2e8c;border-radius:10px;padding:6px 12px;font-size:13px;left:50%;transform:translate(-50%)}.hud-countdown{color:var(--accent);text-shadow:0 8px #00000059;pointer-events:none;place-items:center;font-size:clamp(90px,20vw,200px);font-weight:900;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.card img{object-fit:contain;pointer-events:none;width:116px;height:116px}.hud-progress{top:calc(96px + var(--safe-t));bottom:calc(150px + var(--safe-b));background:#1a1b2e73;border-radius:5px;width:10px;position:absolute}.hud-progress.center{margin-left:-5px;left:50%}.hud-progress.edge{right:calc(22px + var(--safe-r))}.hud-progress .goal{font-size:22px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.hud-progress .tick{background:var(--accent);opacity:.8;border-radius:2px;width:16px;height:4px;position:absolute;left:-3px}.hud-progress .dot{border:3px solid var(--bg);border-radius:50%;width:20px;height:20px;margin:0 0 -10px -10px;transition:bottom .15s linear;position:absolute;left:50%}.hud-progress .dot.p1{background:var(--p1)}.hud-progress .dot.p2{background:var(--p2)}.screen.title .floater{pointer-events:none;filter:drop-shadow(0 10px 12px #00000059);width:150px;height:150px;animation:7s ease-in-out infinite floatUp;position:absolute}.screen.title .f0{bottom:12%;left:8%}.screen.title .f1{width:180px;height:180px;animation-delay:-2.3s;bottom:30%;right:9%}.screen.title .f2{width:130px;height:130px;animation-delay:-4.6s;top:8%;left:18%}@keyframes floatUp{0%,to{transform:translateY(0)rotate(-3deg)}50%{transform:translateY(-26px)rotate(3deg)}}.screen{padding:calc(20px + var(--safe-t)) calc(24px + var(--safe-r)) calc(20px + var(--safe-b)) calc(24px + var(--safe-l));background:radial-gradient(ellipse at 50% 30%, var(--bg-2), var(--bg) 75%);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;display:flex;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.screen.overlay{background:#141526d1}.screen h1{letter-spacing:1px;color:var(--accent);text-shadow:0 6px #00000059;margin:0;font-size:clamp(44px,9vw,96px);font-weight:900;line-height:.95}.screen h1 .b1{color:var(--p1)}.screen h1 .b2{color:var(--p2)}.screen h2{margin:0;font-size:clamp(30px,5vw,52px);font-weight:900}.screen p{color:var(--ink-dim);margin:0;font-size:22px}.row{flex-wrap:wrap;justify-content:center;gap:18px;display:flex}.btn{font-family:var(--font);background:var(--accent);min-width:200px;min-height:84px;color:var(--bg);touch-action:none;cursor:pointer;border:none;border-radius:26px;padding:14px 30px;font-size:28px;font-weight:900;box-shadow:0 7px #00000059}.btn.secondary{background:var(--panel);color:var(--ink);border:3px solid #f4efe633}.btn.p1{background:var(--p1)}.btn.p2{background:var(--p2)}.btn.pressed{transform:translateY(5px);box-shadow:0 2px #00000059}.btn.small{min-width:0;min-height:64px;padding:10px 22px;font-size:22px}.big-tap{color:var(--ink);font-size:clamp(30px,5vw,46px);animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.75;transform:scale(1.07)}}.stars{letter-spacing:8px;font-size:72px}.stars .on,.mini-stars .on{color:var(--accent);text-shadow:0 5px #00000059}.stars .off,.mini-stars .off{color:#4a4c75}.stat{color:var(--ink);font-size:26px}.cards{flex-wrap:wrap;justify-content:center;gap:18px;max-width:1100px;display:flex}.card{font-family:var(--font);color:var(--ink);background:var(--panel);touch-action:none;cursor:pointer;border:4px solid #f4efe624;border-radius:28px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:180px;min-height:150px;padding:18px 20px;font-weight:900;display:flex;box-shadow:0 7px #00000059}.card .emoji{font-size:54px;line-height:1}.card .title{font-size:26px}.card .sub{color:var(--ink-dim);font-size:17px;font-weight:700}.card .mini-stars{letter-spacing:3px;font-size:24px}.card.pressed{transform:translateY(5px);box-shadow:0 2px #00000059}.card.selected{border-color:var(--accent);background:#3a3c70}.card.locked{opacity:.45}.split{flex:1;grid-template-columns:1fr 1fr;gap:18px;width:100%;max-width:1200px;min-height:0;margin-top:64px;display:grid}.split.single{grid-template-columns:1fr;max-width:640px}.side{background:#2b2d5599;border-radius:30px;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex}.side.p1{border:5px solid var(--p1)}.side.p2{border:5px solid var(--p2)}.side h3{margin:0;font-size:30px}.side.p1 h3{color:var(--p1)}.side.p2 h3{color:var(--p2)}.side .cards .card{min-width:130px;min-height:130px;padding:12px}.side.p1 .card.selected{border-color:var(--p1)}.side.p2 .card.selected{border-color:var(--p2)}.toggle-row{align-items:center;gap:16px;font-size:24px;display:flex}.toggle{touch-action:none;cursor:pointer;background:#4a4c75;border:none;border-radius:999px;width:104px;height:58px;position:relative}.toggle:after{content:"";background:var(--ink);border-radius:50%;width:44px;height:44px;transition:left .15s;position:absolute;top:7px;left:7px}.toggle.on{background:var(--good)}.toggle.on:after{left:53px}.settings-grid{text-align:left;grid-template-columns:auto auto;align-items:center;gap:16px 28px;font-size:26px;display:grid}.topbar{top:calc(14px + var(--safe-t));left:calc(16px + var(--safe-l));right:calc(16px + var(--safe-r));pointer-events:none;justify-content:space-between;display:flex;position:absolute}.topbar .btn{pointer-events:auto}#debug-stats{top:calc(84px + var(--safe-t));left:calc(10px + var(--safe-l));z-index:6;color:#c9f7c9;white-space:pre;pointer-events:none;background:#0a0a14b8;border-radius:12px;padding:10px 12px;font:600 13px/1.35 ui-monospace,Menlo,monospace;position:absolute}.lil-gui.root{z-index:7;touch-action:auto}