@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700&display=swap');*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -10%,#302615,#11120f 25%,#08090d 65%);color:#f7f2e8;font-family:Inter,system-ui,Arial}.screen{min-height:100vh;padding:25px 0 50px}.wrap{width:min(900px,92%);margin:auto}.top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card{background:linear-gradient(145deg,#191b22,#0e1015);border:1px solid #30323a;border-radius:24px;padding:24px;box-shadow:0 25px 70px #000a}.brand{text-align:center;padding:30px 0}.brand h1{font:700 45px 'Playfair Display',serif;letter-spacing:2px;margin:0;background:linear-gradient(90deg,#b78a42,#f0d38e,#b78a42);-webkit-background-clip:text;color:transparent}.muted{color:#989ba3}.small{font-size:12px}.stack{display:grid;gap:12px}.input{width:100%;height:52px;padding:0 16px;border-radius:14px;border:1px solid #30333c;background:#0a0c11;color:#fff;outline:none}.input:focus{border-color:#d5b267;box-shadow:0 0 0 3px #d5b26718}.btn{min-height:50px;padding:0 18px;border-radius:13px;border:1px solid #393c44;background:#171a20;color:#f6f0e5;font-weight:700}.btn.primary{border:0;background:linear-gradient(135deg,#b48a43,#e2c27e);color:#171209}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.row{display:flex;gap:10px;flex-wrap:wrap}.action{padding:22px}.capacity{display:grid;grid-template-columns:52px 1fr 52px;gap:8px}.square,.stepper button{height:52px;border-radius:13px;background:#191c23;color:#e5c57e;border:1px solid #393b43;font-size:23px}.role-editor{display:grid;gap:10px;margin:18px 0}.role-row,.player,.stat{padding:14px;border-radius:14px;background:#0b0d12;border:1px solid #292c34}.role-row,.player{display:flex;align-items:center;justify-content:space-between;gap:10px}.role-info{display:flex;align-items:center;gap:10px}.role-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#1e1c17;border:1px solid #3b3121}.role-sub{font-size:12px;color:#858993;margin-top:2px}.stepper{display:flex;align-items:center;gap:9px}.stepper button{width:36px;height:36px}.step-value{min-width:24px;text-align:center;font-weight:800}.total{display:flex;justify-content:space-between;padding:14px;border-radius:13px;background:#17191f;border:1px solid #34353c;margin-bottom:15px}.players{display:grid;gap:9px;margin:14px 0}.host{border-color:#80632e}.badge{padding:4px 8px;border-radius:99px;background:#33291b;color:#e4c67f;font-size:11px}.code{font-size:29px;font-weight:900;letter-spacing:4px;color:#edcf89}.role-screen{min-height:90vh;display:flex;align-items:center;justify-content:center}.role-card{width:min(500px,100%);text-align:center;padding:45px 22px;border-radius:28px;background:linear-gradient(145deg,#191b22,#0d0f14);border:1px solid #3b3c42;box-shadow:0 30px 80px #000b}.role-card h1{font:700 38px 'Playfair Display',serif;color:#efd18d}.error{color:#ff8d99;margin:8px 0}.success{color:#70ddb0;margin:8px 0}@media(max-width:650px){.grid{grid-template-columns:1fr}.brand h1{font-size:39px}.card{padding:19px}}