:root{--yellow:#eaff6a;--muted:#aaa8ba}html{scroll-behavior:smooth}body{background:#14131b;color:#f7f5ed;font-family:Arial,Helvetica,sans-serif}button,a,input{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b7a0ff;outline-offset:4px}.screen{padding:24px}#homeScreen{max-width:1240px;margin:auto}.topbar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding:0 0 20px;gap:12px}.topbar a{color:inherit;text-decoration:none;font-weight:800;font-size:12px}.topbar .wordmark{font-size:30px;letter-spacing:-3px}.wordmark span{color:var(--yellow);margin-left:5px}.topbar>span{font-size:10px;letter-spacing:2px;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:480px;align-items:center;gap:25px;padding:45px 0}.pill{font-size:10px;letter-spacing:1.4px;display:flex;gap:8px;align-items:center}.pill span{width:7px;height:7px;background:var(--yellow);border-radius:50%}.hero h1{font-size:clamp(76px,8.5vw,118px);font-weight:950;letter-spacing:-8px;line-height:.86;margin:28px 0 24px}.hero h1 em{color:var(--yellow);font-style:normal}.heroCopy>p{color:#ccc9d7;line-height:1.5;font-size:19px}.heroCta{display:inline-flex;gap:42px;color:#14131b;background:var(--yellow);text-decoration:none;padding:18px 22px;border-radius:8px;font-weight:900;font-size:13px}.heroNote{font-size:11px;color:var(--muted);margin-top:14px}.heroArt{position:relative;height:440px;background:radial-gradient(ellipse at center,#574087 0,transparent 67%);isolation:isolate}.heroArt img{position:absolute;object-fit:contain;filter:drop-shadow(0 16px 10px #0008)}.heroTutun{height:310px;width:210px;left:29%;top:90px;z-index:4;transform:rotate(-8deg)}.heroCroc{width:260px;height:180px;right:0;top:25px;transform:rotate(-15deg);z-index:3}.heroShark{width:180px;height:230px;left:0;top:135px;transform:rotate(-15deg);z-index:2}.heroCup{width:170px;height:205px;right:0;bottom:22px;transform:rotate(13deg);z-index:5}.heroBomb{width:85px;height:85px;left:14%;top:25px;animation:floatBomb 3s ease-in-out infinite}.orbit{position:absolute;inset:70px 30px;border:1px solid #bda0ff40;border-radius:50%;transform:rotate(-25deg)}.orbitTwo{inset:35px 70px;transform:rotate(35deg)}.burst{position:absolute;right:70px;top:160px;background:var(--yellow);color:#17131e;padding:15px 13px;transform:rotate(12deg);font-weight:1000;font-size:22px;z-index:6;clip-path:polygon(10% 0,40% 10%,60% 0,75% 12%,100% 7%,90% 45%,100% 80%,70% 83%,60% 100%,35% 87%,0 95%,8% 60%,0 30%)}.artLabel{position:absolute;bottom:0;left:23%;color:#bca4eb;letter-spacing:3px;font-size:10px}.ticker{display:flex;justify-content:space-around;gap:16px;white-space:nowrap;overflow:hidden;border-block:1px solid #ffffff20;padding:19px 0;font-weight:800;font-size:12px;letter-spacing:1px}.ticker span{color:var(--yellow)}.playHeading{display:flex;align-items:end;justify-content:space-between;margin:48px 0 24px;gap:15px}.playHeading h2{font-size:34px;letter-spacing:-1px;margin:8px 0 0}.playHeading>span{color:var(--muted);font-size:12px}.eyebrow{color:#b2a6d0;font-size:10px;letter-spacing:1.5px}.homeGrid{width:100%;grid-template-columns:1.5fr 1fr;gap:22px}.card{background:#1e1d29;border:1px solid #ffffff16;border-radius:14px;box-shadow:none;padding:25px}.card label{font-size:10px;font-weight:700;letter-spacing:1.4px;color:#c0bacf}.card input{background:#15141e;border:1px solid #ffffff20;border-radius:7px;margin:9px 0;color:white;padding:14px}.card h3{font-size:14px;margin:20px 0 10px}.card button{background:var(--yellow);border-radius:7px;color:#181722;font-size:12px;padding:15px}.secondary{background:transparent!important;border:1px solid #ffffff30!important;color:#eee9fa!important}.characterGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.card .characterChoice{background:#15141e;color:#e6e0ef;padding:8px 4px 12px;border:1px solid #ffffff12;margin:0}.characterChoice img{height:80px;width:100%;object-fit:contain;transition:transform .2s}.characterChoice strong{display:block;font-size:11px;margin:6px 0}.characterChoice small{font-size:8px;letter-spacing:1px;color:#a6a0b8}.characterChoice:hover img{transform:translateY(-5px) rotate(-4deg)}.card [aria-pressed=true]{border-color:var(--yellow);background:#eaff6a0b;box-shadow:inset 0 0 0 1px var(--yellow)}.arenaChoices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}.card .arenaChoice{text-align:left;padding:12px 9px;margin:0;color:#f5f0ff;background:#15141e;border:1px solid #ffffff15}.arenaChoice>span{display:block;font-size:29px;margin-bottom:9px}.arenaChoice strong{font-size:10px;display:block}.arenaChoice small{display:block;font-size:8px;letter-spacing:.4px;color:#aaa3b9;margin-top:6px}.arenaChoice.jungle>span{color:#b8dc89}.arenaChoice.coast>span{color:#73dfe4}.arenaChoice.neon>span{color:#d49af0}.arenaChoices [aria-pressed=true]{border-color:var(--yellow);box-shadow:inset 0 0 0 1px var(--yellow)}#createPublic{display:flex;justify-content:space-between}.joinColumn{display:flex;flex-direction:column;gap:20px}.joinCard h2{font-size:27px;margin:15px 0 28px;letter-spacing:-.6px}.hint{color:var(--muted);font-size:12px;line-height:1.7}.howTo{padding:4px 24px}.howTo h3{font-size:15px}.howTo p{font-size:12px;color:#c2bbd4}.howTo kbd{display:inline-block;border:1px solid #ffffff25;border-bottom-width:3px;border-radius:5px;padding:6px 8px;color:#f3efdf;font-size:10px;margin-right:10px}.roomsCard{width:100%;margin-top:24px}.roomsHeader{margin-bottom:20px}.roomsHeader h2{margin:9px 0 0}.empty{border:1px dashed #ffffff20;border-radius:8px;padding:25px;text-align:center;font-size:12px;color:var(--muted)}.roomRow,.playerRow{background:#2a273a}footer{display:flex;justify-content:space-between;padding:30px 0 12px;font-size:10px;letter-spacing:1px;color:#8c849e}footer span{letter-spacing:0}.lobbyTop,.gameHeader{background:#211e30;border-color:#ffffff20}.gameHeader strong{color:var(--yellow)}#arenaWrap{border:6px solid #302b44;border-radius:14px}.gameLayout{grid-template-columns:180px 1fr}.controls{color:#b2a6c7}.dead{opacity:.4}@keyframes floatBomb{50%{transform:translateY(-12px) rotate(12deg)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.heroBomb{animation:none}}@media(max-width:760px){.screen{padding:18px}.topbar>span{display:none}.hero{grid-template-columns:1fr;gap:0;padding:30px 0 20px}.hero h1{font-size:86px;letter-spacing:-5px}.heroCopy{text-align:center}.pill{justify-content:center}.heroArt{height:330px;max-width:420px;width:100%;margin:auto}.heroTutun{height:240px;width:165px;top:60px}.heroCroc{width:200px;height:145px;top:5px}.heroShark{width:145px;height:180px;top:110px}.heroCup{width:130px;height:165px;bottom:15px}.heroBomb{width:65px;height:65px}.burst{right:45px;top:130px}.artLabel{font-size:8px}.homeGrid,.gameLayout{grid-template-columns:1fr}.playHeading>span{display:none}.playHeading h2{font-size:29px}.card{padding:18px}.characterChoice img{height:65px}.card .characterChoice strong{font-size:10px}.ticker{justify-content:start;font-size:10px}.gameLayout .card{order:2}.gameHeader{padding:12px;gap:10px}.gameHeader strong{font-size:18px}.heroCta{gap:25px}.joinCard h2{font-size:24px}.artLabel{left:21%}.howTo{padding:0 10px}}