*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,system-ui,-apple-system,sans-serif;color:#f5f3ff;background:radial-gradient(ellipse at 85% 0%,#33215c 0%,transparent 45%),#0b0a17}a{color:#bda8ff;text-decoration:none}nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px max(5vw,20px);border-bottom:1px solid #ffffff17}nav strong{font-size:23px;color:#fff}nav div{display:flex;align-items:center;gap:22px;flex-wrap:wrap}button,.button{cursor:pointer;border:1px solid #51466b;background:#211b36;color:#fff;padding:11px 16px;border-radius:11px;font:inherit}button:hover,.button:hover{background:#423264}.primary{background:#8358ee;border-color:#8358ee;color:white;font-weight:700}.primary:hover{background:#9c76ff}.hero{max-width:1100px;margin:0 auto;padding:110px 24px 70px}.hero h1{font-size:clamp(42px,7vw,84px);line-height:1.08;letter-spacing:-.05em;margin:20px 0}.hero h1 em{font-style:normal;color:#aa8aff}.hero>p{font-size:20px;color:#b8b1cb;max-width:620px;margin-bottom:34px}.tag{font-size:12px;letter-spacing:.19em;font-weight:800;color:#bca5ff}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:110px}.features article,.panel{border:1px solid #ffffff20;background:#171327;border-radius:20px;padding:28px}.features p,.panel p{color:#aaa5c1}footer{text-align:center;padding:35px;color:#9b92b1}.dash{max-width:1200px;margin:auto;padding:38px 22px}.dash h1{font-size:clamp(34px,5vw,52px);margin:8px 0}.columns{display:grid;grid-template-columns:1.2fr 1fr;gap:22px;margin-top:25px}.disc{display:grid;place-items:center;width:95px;height:95px;border-radius:100%;background:linear-gradient(140deg,#a37aff,#44317d);font-size:50px;margin:20px 0}.controls{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}input,select{border:1px solid #554769;border-radius:10px;background:#100e1e;color:#fff;padding:13px;font:inherit}#guild{display:block;min-width:min(100%,350px);margin:9px 0}#play{display:flex;gap:9px}#play input{flex:1;min-width:0}.settings{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}.settings label{display:flex;flex-direction:column;gap:5px}.settings input{padding:0}.panel ol{padding-left:25px}.panel li{padding:10px 0;border-bottom:1px solid #ffffff14;overflow-wrap:anywhere}#message{color:#d4c4ff;min-height:25px}@media(max-width:750px){.features,.columns{grid-template-columns:1fr}.hero{padding-top:65px}.features{margin-top:65px}nav div{gap:10px}#play{flex-direction:column}}
.brand{display:inline-flex;align-items:center;gap:10px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:50%}.disc{background:transparent}.disc img{width:95px;height:95px;border-radius:50%;object-fit:contain}.hero:before{content:"";display:block;width:110px;height:110px;background:url('/logo.jpg') center/contain no-repeat;margin-bottom:24px;filter:drop-shadow(0 8px 28px #ad5bfa55)}