:root{--bg-1: #0b0f14;--bg-2: #101722;--ink: #ecf2ff;--muted: #93a3bd;--line: #263446;--card: #111b29;--accent: #ff4d5a;--accent-2: #ff7d31;--chip: #182537}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:Trebuchet MS,Franklin Gothic Medium,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(1000px 600px at 10% -10%,#1c2a3f 0%,transparent 55%),radial-gradient(1000px 700px at 100% 0%,#2c1a26 0%,transparent 50%),linear-gradient(180deg,var(--bg-2),var(--bg-1))}#app{width:min(980px,100%);margin:0 auto;padding:28px 18px 48px}.shell{display:grid;gap:16px}.hero h1{margin:0;font-size:clamp(2.2rem,7vw,3.8rem);letter-spacing:.03em;text-transform:uppercase}.hero p{margin-top:6px;color:var(--muted)}.mode-grid{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.panel{border:1px solid var(--line);background:linear-gradient(180deg,#ffffff05,#fff0),var(--card);border-radius:16px;padding:18px;box-shadow:inset 0 1px #ffffff0a}.panel-mode{min-height:180px}.panel-danger{border-color:#66313a}.head-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.seed{padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:.85rem}h1,h2,h3,p{margin-top:0}h2{margin-bottom:8px;text-transform:uppercase;letter-spacing:.03em}h3{margin-bottom:8px}.muted{color:var(--muted)}.row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.grid{display:grid;gap:12px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.input,button,select{border:1px solid #33445d;background:#131e2e;color:var(--ink);border-radius:10px;padding:11px 14px;font-size:.95rem}.input{min-width:230px}.btn{cursor:pointer;text-transform:uppercase;font-weight:700;letter-spacing:.05em}.btn:hover{border-color:#506486;transform:translateY(-1px)}.btn-primary{background:linear-gradient(130deg,var(--accent),var(--accent-2));border-color:#ff7d31;color:#1a0f13}.btn-primary:hover{filter:brightness(1.05)}.list{border:1px solid var(--line);border-radius:12px;background:#0f1826;padding:10px 12px;margin:10px 0}.player-row{padding:8px 0;border-bottom:1px dashed rgba(147,163,189,.2)}.player-row:last-child{border-bottom:0}.chip{display:inline-block;padding:2px 8px;border-radius:999px;border:1px solid #30435f;background:var(--chip);color:var(--muted);margin-left:6px;font-size:.75rem}.timer{margin:2px 0 10px;font-size:clamp(1.7rem,4vw,2.3rem);font-weight:700}.pads{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;margin-bottom:12px}.pad{border:1px solid #34517a;border-radius:12px;min-height:80px;background:linear-gradient(180deg,#182741,#121d30);color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:10px}.pad:hover{border-color:#5d89bf;transform:translateY(-1px)}.pad-k{font-weight:700;text-transform:uppercase;letter-spacing:.04em}.pad-v{color:var(--muted);font-size:.8rem}.card{border:1px solid var(--line);border-radius:12px;padding:12px;background:#0f1826}.status-line{min-height:22px;color:#f4b3bd}@media (max-width: 600px){#app{padding:18px 12px 34px}.panel{border-radius:12px;padding:14px}.input{min-width:160px;width:100%}}