*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;position:fixed;top:0;right:0;bottom:0;left:0;width:100%;background:#20164a;color:#f2edff;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;overscroll-behavior:none}#app{height:100%}.menu{height:100%;overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:max(16px,env(safe-area-inset-top)) 16px 24px;background:radial-gradient(60vmax 60vmax at 15% -10%,rgba(64,156,255,.35),transparent 60%),radial-gradient(70vmax 70vmax at 110% 110%,rgba(255,64,129,.3),transparent 60%),linear-gradient(160deg,#2b1b6b,#4a1e7e 55%,#6a1b9a)}.menu h1{font-size:clamp(34px,8vw,48px);font-weight:900;margin:6px 0 18px;letter-spacing:1px;background:linear-gradient(180deg,#ffe95c 15%,#ffb300 60%,#ff8f00);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 3px 0 rgba(74,20,140,.9)) drop-shadow(0 6px 14px rgba(0,0,0,.4));transform:rotate(-2deg);animation:title-pop .5s cubic-bezier(.34,1.8,.5,1) both}@keyframes title-pop{0%{transform:rotate(-2deg) scale(.6);opacity:0}to{transform:rotate(-2deg) scale(1);opacity:1}}.card{width:min(560px,100%);background:#1a1040bf;border:2px solid rgba(255,255,255,.12);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:14px;box-shadow:0 12px 40px #0a042880;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:card-in .4s cubic-bezier(.34,1.6,.5,1) both}@keyframes card-in{0%{transform:translateY(24px) scale(.94);opacity:0}to{transform:none;opacity:1}}label{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:700;color:#c3b6f2}input{background:#0c0628a6;border:2px solid rgba(255,255,255,.14);border-radius:12px;padding:11px 13px;color:#f2edff;font-size:16px;font-weight:700;font-family:inherit;outline:none;transition:border-color .15s}input:focus{border-color:#ffb300}.brawlers{display:grid;grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:10px}.brawler{background:#0c06288c;border:3px solid rgba(255,255,255,.12);border-radius:16px;padding:10px 8px;color:#f2edff;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:13px;font-family:inherit;transition:transform .12s cubic-bezier(.34,1.6,.5,1),border-color .12s,box-shadow .12s}.brawler:active{transform:scale(.95)}.brawler.selected{border-color:var(--c, #ffb300);background:#0c0628d9;box-shadow:0 0 0 2px #ffffff26 inset,0 0 18px color-mix(in srgb,var(--c, #ffb300) 55%,transparent);transform:scale(1.06) rotate(-1.5deg)}.brawler .bicon{font-size:30px;line-height:1.15;filter:drop-shadow(0 3px 4px rgba(0,0,0,.35))}.brawler .bname{font-weight:900;color:var(--c, #f2edff)}.brawler .bdesc{font-size:11px;color:#b1a3e4;text-align:center}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}button{background:linear-gradient(180deg,#5a8bff,#3d5ff0);color:#fff;border:none;border-radius:14px;padding:13px 20px;font-size:15px;font-weight:900;font-family:inherit;letter-spacing:.3px;cursor:pointer;box-shadow:0 4px #2a3fa8,0 8px 16px #0000004d;transition:transform .08s,box-shadow .08s,filter .15s}button:active{transform:translateY(3px);box-shadow:0 1px #2a3fa8,0 3px 8px #0000004d}button.primary{background:linear-gradient(180deg,#ffd93b,#ffa000);color:#4a2500;box-shadow:0 4px #b26a00,0 8px 16px #0000004d}button.primary:active{box-shadow:0 1px #b26a00,0 3px 8px #0000004d}button:disabled{opacity:.5;filter:saturate(.4)}.error{background:linear-gradient(180deg,#7a1f35,#5c1626);border:2px solid rgba(255,120,140,.4);color:#ffc2cb;border-radius:14px;padding:10px 14px;margin-bottom:12px;width:min(560px,100%);font-weight:700;animation:card-in .3s cubic-bezier(.34,1.6,.5,1) both}.hint{color:#b1a3e4;font-size:12px;font-weight:500}.hosttag{background:linear-gradient(180deg,#ffd93b,#ffa000);color:#4a2500;border-radius:999px;font-size:10px;font-weight:900;padding:2px 8px;margin-left:6px}.codebox{font-size:15px;font-weight:700;background:#0c0628a6;border:2px dashed rgba(255,217,59,.5);border-radius:14px;padding:10px 14px;text-align:center}.codebox b{letter-spacing:4px;font-size:20px;color:#ffd93b}.players{list-style:none;display:flex;flex-direction:column;gap:6px}.players li{display:flex;align-items:center;gap:8px;background:#0c06288c;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700;animation:card-in .25s ease-out both}.players .picon{font-size:18px}.rotate-hint{display:none}@media(orientation:portrait)and (pointer:coarse){.rotate-hint{display:grid;place-items:center;position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,#2b1b6b,#6a1b9a);color:#fff;font-size:20px;font-weight:800;z-index:100;text-align:center;padding:24px}.rotate-hint .phone{display:block;font-size:64px;margin-bottom:16px;animation:rotate-wiggle 1.6s ease-in-out infinite}}@keyframes rotate-wiggle{0%,20%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(-90deg)}}.game.svelte-19416v4{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;background:#20164a}.overlay.svelte-19416v4{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#12082c99;overflow:hidden}.panel.svelte-19416v4{background:linear-gradient(180deg,#3a2a7e,#251857);border:3px solid rgba(255,217,59,.6);border-radius:24px;padding:26px 48px 30px;text-align:center;box-shadow:0 16px 50px #0000008c;animation:svelte-19416v4-panel-pop .5s cubic-bezier(.34,1.8,.5,1) both;position:relative;z-index:1}@keyframes svelte-19416v4-panel-pop{0%{transform:scale(.4) rotate(-4deg);opacity:0}to{transform:none;opacity:1}}.trophy.svelte-19416v4{font-size:56px;line-height:1.1;animation:svelte-19416v4-trophy-bounce 1.4s ease-in-out infinite;filter:drop-shadow(0 6px 10px rgba(0,0,0,.4))}@keyframes svelte-19416v4-trophy-bounce{0%,to{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-10px) rotate(4deg)}}.big.svelte-19416v4{font-size:30px;font-weight:900;color:#ffd93b;text-shadow:0 2px 0 rgba(74,20,140,.9);margin-top:6px}.small.svelte-19416v4{margin-top:10px;color:#b1a3e4;font-size:14px;font-weight:700}.confetti.svelte-19416v4{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti.svelte-19416v4 i:where(.svelte-19416v4){position:absolute;top:-20px;border-radius:2px;animation:svelte-19416v4-confetti-fall linear infinite}@keyframes svelte-19416v4-confetti-fall{0%{transform:translateY(-5vh) rotate(0)}to{transform:translateY(110vh) rotate(calc(var(--spin, 1) * 720deg))}}.deadbar.svelte-19416v4{position:fixed;top:max(10px,env(safe-area-inset-top));left:50%;transform:translate(-50%);background:linear-gradient(180deg,#7a1f35eb,#501022eb);border:2px solid rgba(255,120,140,.5);color:#fff;font-weight:800;padding:8px 18px;border-radius:999px;font-size:14px;pointer-events:none;animation:svelte-19416v4-deadbar-in .35s cubic-bezier(.34,1.6,.5,1) both}@keyframes svelte-19416v4-deadbar-in{0%{transform:translate(-50%) translateY(-30px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}
