*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 50% -10%,#263653,#0b1020 55%);color:#fff;min-height:100vh}header{height:72px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#09101de8;backdrop-filter:blur(14px);position:sticky;top:0;z-index:5}.brand{font-weight:900;letter-spacing:2px}.brand span{color:#6ee7b7}.head-actions{display:flex;gap:14px;align-items:center}button{border:0;border-radius:12px;padding:12px 18px;background:#1d2940;color:#fff;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.12)}main{max-width:1180px;margin:auto;padding:45px 22px}.hero{max-width:900px;margin:50px auto;text-align:center}.tag{color:#6ee7b7;font-weight:900;letter-spacing:2px;font-size:12px}.hero h1,.welcome h1{font-size:clamp(42px,7vw,78px);line-height:.98;margin:15px 0}.hero h1 span{color:#6ee7b7}.hero p,.welcome p{color:#aeb9cc;font-size:18px}.card{background:#121b2e;border:1px solid #ffffff12;border-radius:22px;padding:24px;box-shadow:0 20px 60px #0004}.auth{max-width:440px;margin:35px auto;text-align:left}.tabs{display:flex;gap:8px;margin-bottom:18px}.tabs button{flex:1}.tabs .on{background:#6ee7b7;color:#07131a}.auth input,.panel input,.card input{width:100%;padding:14px;margin:6px 0;background:#0b1323;border:1px solid #ffffff18;border-radius:12px;color:#fff}.main{background:#6ee7b7;color:#07131a}.hide,.hidden{display:none!important}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.mode{text-align:left;padding:28px;background:#121b2e;border:1px solid #ffffff10;border-radius:22px;min-height:210px}.mode>div{font-size:40px}.mode h2{margin:15px 0 8px}.mode p{color:#9daac0;line-height:1.5}.panel{min-height:130px;margin-bottom:24px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.lower-grid form{display:flex;gap:8px;margin-top:15px}.lower-grid form input{margin:0}.friend{padding:10px 0;border-bottom:1px solid #ffffff10}.online{color:#6ee7b7}.game-wrap{max-width:1000px;margin:auto}.dice{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.die{width:68px;height:68px;background:#f8fafc;color:#111;border-radius:15px;display:grid;place-items:center;font-size:32px;font-weight:900;box-shadow:0 8px 20px #0005}.score-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.score-btn{display:flex;justify-content:space-between}.notice{padding:12px;border-radius:12px;background:#0b1323;color:#b9c5d8;margin:10px 0}@media(max-width:760px){.mode-grid,.lower-grid{grid-template-columns:1fr}.hero h1{font-size:48px}.score-grid{grid-template-columns:1fr}}