:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f4f0ff;background:#101020;color-scheme:dark}*{box-sizing:border-box}body{margin:0}header,main{max-width:1240px;margin:auto;padding:24px}header,nav,.actions,.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}header{justify-content:space-between}.brand{font-weight:900;font-size:24px;color:#fff;text-decoration:none}.brand:first-letter{color:#b69aff}a{color:#c8b4ff}button,input,select,textarea{font:inherit;border:1px solid #4c4568;border-radius:13px;padding:12px;background:#242137;color:#fff}button{cursor:pointer;font-weight:700}button:hover{border-color:#bda2ff}button:disabled{opacity:.5;cursor:not-allowed}.primary{background:linear-gradient(120deg,#8045ed,#ce449d);border:0}.danger{color:#ffacb8}.hero{padding:30px 0 24px}.hero h1{font-size:clamp(30px,5vw,52px);margin:10px 0}.hero p,.muted{color:#b9b4d0}.eyebrow{color:#af93ff;font-weight:800;letter-spacing:3px;font-size:12px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:18px}.card{background:linear-gradient(140deg,#25223c,#1b192d);border:1px solid #403955;border-radius:22px;padding:22px;margin:16px 0;min-width:0}.card h2,.card h3{margin-top:0}.card p{overflow-wrap:anywhere}.badge{display:inline-block;padding:6px 10px;background:#393153;border-radius:20px;font-size:13px}.tabs{display:flex;gap:10px;flex-wrap:wrap}.tabs button.active{background:#7141cb}.room-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:20px}.canvas-wrap{background:white;border-radius:18px;overflow:hidden;aspect-ratio:4/3}canvas{width:100%;height:100%;display:block;touch-action:none}.toolbar{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.toolbar button{min-width:42px}.chat{max-height:300px;overflow-y:auto;overflow-wrap:anywhere;overscroll-behavior:contain}.chat p{padding:9px;background:#2e2941;border-radius:10px;margin:7px 0}.chat small{color:#bdb4d2}.chat button{padding:2px 7px;float:right}.composer{display:flex;gap:8px;margin-top:12px}.composer input{min-width:0;flex:1}.players{max-height:460px;overflow-y:auto}.player{border-bottom:1px solid #413950;padding:12px 0;display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.me{color:#f4ce76}#notice{position:sticky;top:8px;z-index:5;background:#413050;border-radius:12px;padding:12px;display:none}#notice:not(:empty){display:block}dialog{width:min(94vw,550px);background:#252137;color:#fff;border:1px solid #b68dff;border-radius:24px;padding:26px}dialog::backdrop{background:#080616bd}dialog label{display:block;margin:12px 0}dialog input,dialog select,dialog textarea{display:block;width:100%;margin-top:6px}dialog input[type=checkbox]{display:inline;width:auto}.question{font-size:24px;line-height:1.4}.options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.result{padding:20px;border:1px solid #e9bc54;background:#493b27;border-radius:16px}.timer{font-size:24px;font-weight:900;color:#e3cdff}.empty{padding:25px;text-align:center;color:#b9b4d0}.room-head{display:flex;align-items:center;justify-content:space-between;gap:15px;flex-wrap:wrap}footer{margin-top:20px;color:#aca4c1;font-size:13px}@media(max-width:740px){header,main{padding:16px}.room-grid{grid-template-columns:1fr}.card{padding:17px}.hero{padding-top:16px}.options{grid-template-columns:1fr}.composer button{padding:10px}.toolbar{gap:6px}nav{gap:7px}}
[hidden]{display:none!important}