*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;background:#080713;color:#fff;overflow:hidden}.app{min-height:100vh;max-width:520px;margin:0 auto;padding:18px 16px 92px;position:relative;overflow:hidden}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 20% 0%,#7b2cff55,transparent 30%),radial-gradient(circle at 90% 10%,#00d5ff55,transparent 26%),linear-gradient(180deg,#0b0920,#06050d)}.bg div{position:absolute;border-radius:999px;filter:blur(30px);opacity:.55}.bg div:nth-child(1){width:190px;height:190px;background:#8b2cff;left:-60px;top:80px}.bg div:nth-child(2){width:130px;height:130px;background:#00e5ff;right:-40px;top:260px}.bg div:nth-child(3){width:210px;height:210px;background:#ffb000;left:35%;bottom:-90px;opacity:.22}.topbar{display:flex;justify-content:space-between;align-items:flex-start;margin:6px 0 18px}.eyebrow{color:#7df3ff;text-transform:uppercase;font-size:11px;letter-spacing:.18em}h1,h2,h3,p{margin:0}h1{font-size:26px;line-height:1.05}.balance{background:#ffffff12;border:1px solid #ffffff1f;border-radius:18px;padding:10px 14px;text-align:right;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.balance span,.stat span,.room span,.muted,label{display:block;color:#b9b7d8;font-size:13px}.balance b{font-size:20px;color:#ffe27a}.toast{position:fixed;z-index:9;left:16px;right:16px;top:14px;max-width:488px;margin:auto;padding:12px 14px;border-radius:14px;background:#f36;color:#fff;box-shadow:0 15px 50px #f365}.card,.panel,.stat,.room{background:linear-gradient(145deg,#ffffff16,#ffffff08);border:1px solid #ffffff1f;border-radius:24px;box-shadow:0 20px 80px #0008;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.hero{padding:22px;display:grid;gap:16px;overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-80px;top:-80px;width:180px;height:180px;border:24px solid #00e5ff33;border-radius:50%}.bigdice{font-size:92px;line-height:1;text-shadow:0 0 40px #00e5ff}.hero h2{font-size:25px;max-width:310px}.hero p,.arena p{color:#cbc9e8;line-height:1.45;margin-top:8px}.primary,.room button,.ghost,.chips button{border:0;color:#fff;border-radius:16px;padding:14px 16px;font-weight:800;background:linear-gradient(135deg,#8b2cff,#00d5ff);box-shadow:0 12px 30px #00d5ff33}.primary:disabled{filter:grayscale(1);opacity:.55}.ghost{display:flex;gap:8px;align-items:center;background:#ffffff12;box-shadow:none;padding:10px 12px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.stat{padding:16px}.stat b{font-size:22px}.panel{padding:18px;min-height:390px}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}.room{padding:14px;margin:10px 0;display:flex;justify-content:space-between;gap:12px;align-items:center}.room b{display:block;margin-bottom:4px}.room button{padding:10px 14px}.chips{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:9px 0 18px}.chips button{background:#ffffff12;box-shadow:none;padding:13px 8px}.chips button.sel{background:linear-gradient(135deg,#ff3fd4,#00e5ff)}label{margin-top:12px}.arena{display:grid;grid-template-columns:120px 1fr;gap:16px;align-items:center;margin:8px 0 16px}.dice3d{width:112px;height:112px;border-radius:28px;display:grid;place-items:center;font-size:52px;font-weight:900;background:linear-gradient(145deg,#f5fbff,#8feeff 45%,#a64dff);color:#151020;box-shadow:inset -12px -12px 25px #0002,0 20px 55px #00d5ff55;transform-style:preserve-3d}.badge{display:inline-block;text-transform:uppercase;color:#07101a;background:#7df3ff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.players{display:grid;gap:8px;margin:14px 0}.players div{display:flex;justify-content:space-between;padding:12px 14px;border:1px solid #ffffff14;background:#ffffff0c;border-radius:14px}.players div.me{border-color:#ffe27a88}.empty{text-align:center;display:grid;place-content:center;gap:12px}.profileIcon{width:78px;height:78px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#ffbd2f,#ff3fd4);margin-bottom:16px}.nav{position:fixed;bottom:0;left:0;right:0;max-width:520px;margin:0 auto;padding:10px 10px 18px;display:grid;grid-template-columns:repeat(5,1fr);gap:6px;background:linear-gradient(180deg,transparent,#080713 25%)}.nav button{border:1px solid #ffffff14;background:#ffffff0d;color:#aaa6d2;border-radius:17px;padding:9px 3px;display:grid;justify-items:center;gap:3px;font-size:10px}.nav button.active{color:#fff;background:linear-gradient(135deg,#8b2cff,#00d5ff)}@media (max-width:380px){.arena{grid-template-columns:1fr}.dice3d{margin:auto}.hero h2{font-size:22px}.chips{grid-template-columns:repeat(3,1fr)}}