:root{--bg:#140c14;--panel:#1f1320;--line:#3a2338;--text:#f6e9f1;--muted:#b79bb0;--accent:#e0407a;--accent-2:#ff8a5c;--l1:#f3a6c4;--l2:#ff7a59;--l3:#e0245e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;margin:0}body{padding:env(safe-area-inset-top) 16px calc(24px + env(safe-area-inset-bottom));max-width:640px;margin:0 auto}button{font:inherit;color:var(--text);background:var(--panel);border:1px solid var(--line);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:14px;padding:10px 14px}button:disabled{opacity:.4;cursor:default}button.primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));border:none;font-weight:700}button.big{width:100%;padding:16px;font-size:1.15rem}input{font:inherit;color:var(--text);background:var(--bg);border:1px solid var(--line);border-radius:12px;width:100%;padding:12px}h1,h2{margin:0}.hint{color:var(--muted);margin:6px 0 14px;font-size:.95rem}.empty{color:var(--muted)}.bar{flex-direction:column;gap:10px;padding:16px 0 12px;display:flex}.bar h1{font-size:1.4rem}.tabs,.segmented{gap:6px;display:flex}.tabs button,.segmented button{flex:1}.tabs button.active,.segmented button.active{border-color:var(--accent);background:#2c1530;font-weight:700}.segmented.levels button.active[data-level="1"]{border-color:var(--l1)}.segmented.levels button.active[data-level="2"]{border-color:var(--l2)}.segmented.levels button.active[data-level="3"]{border-color:var(--l3)}.segmented.levels{flex-wrap:wrap}.segmented.levels button[data-level=random]{flex-basis:100%}.panel{flex-direction:column;gap:10px;display:flex}.gate{text-align:center;flex-direction:column;justify-content:center;gap:14px;min-height:90vh;display:flex}.gate .logo{font-size:4rem}.gate .lead{font-size:1.1rem}.gate .rules{text-align:left;color:var(--muted);padding-left:20px;line-height:1.5}.players{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.players li{background:var(--panel);border:1px solid var(--line);border-radius:14px;align-items:center;gap:8px;padding:8px 10px;display:flex}.players .name{overflow-wrap:anywhere;flex:1;font-weight:600}.body{gap:6px;display:flex}.chip{color:var(--muted);border-radius:999px;padding:6px 10px;font-size:.9rem}.chip.on{color:var(--text);border-color:var(--accent);background:#3a1530}.remove{color:var(--muted);padding:6px 10px}.add{background:var(--panel);border:1px dashed var(--line);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex}.pairs{flex-direction:column;gap:6px;display:flex}.pair{text-align:left}.pair.active{border-color:var(--accent)}.card{text-align:center;background:radial-gradient(circle at top, #3a1735, var(--panel));border:2px solid var(--line);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:260px;margin:6px 0;padding:20px;display:flex}.card.muted{color:var(--muted)}.card[data-level="1"]{border-color:var(--l1)}.card[data-level="2"]{border-color:var(--l2)}.card[data-level="3"]{border-color:var(--l3);box-shadow:0 0 30px #e0245e59}.card .who{flex-wrap:wrap;justify-content:center;gap:8px;font-size:1.25rem;font-weight:700;display:flex}.card .arrow{color:var(--accent-2)}.card .emoji{font-size:3rem;line-height:1.1}.card .action{font-size:1.5rem;font-weight:800}.card .part{color:var(--accent-2);font-size:1.35rem;font-weight:700}.card .twist{color:var(--text);border:1px dashed var(--line);background:#ffffff0f;border-radius:12px;padding:6px 12px;font-size:1.05rem;font-style:italic}.card .twist:before{content:"+ ";color:var(--accent);font-style:normal;font-weight:700}.card .label{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:.8rem}.card .text{font-size:1.3rem;font-weight:700}.card .level{color:var(--muted);font-size:.85rem}.timer{align-items:center;gap:10px;width:100%;margin-top:8px;display:flex}.timer progress{height:10px;accent-color:var(--accent);flex:1}.timer .left{font-variant-numeric:tabular-nums;min-width:3.5em}.actions{flex-direction:column;gap:8px;display:flex}
