[hidden]{display:none!important}
:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#eef2ff;background:#0a0d14;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 15% 0%,#20294b 0,transparent 32rem),radial-gradient(circle at 100% 15%,#342045 0,transparent 28rem),#0a0d14;color:#eef2ff}.shell{width:min(1180px,calc(100% - 32px));margin:0 auto;padding:34px 0 24px}.brand{display:flex;align-items:center;gap:14px;margin-bottom:24px}.brand h1{margin:0;font-size:1.05rem;letter-spacing:.01em}.brand p{margin:3px 0 0;color:#9199ad;font-size:.85rem}.logo{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;font-weight:900;background:#f0ff42;color:#11140b;box-shadow:0 0 34px #dfff3944}.badge{margin-left:auto;border:1px solid #ffffff1c;border-radius:99px;padding:7px 11px;color:#969eb3;font-size:.72rem}.panel{background:linear-gradient(145deg,#151a27e8,#10141eee);border:1px solid #ffffff12;border-radius:22px;box-shadow:0 18px 70px #0007;padding:26px;backdrop-filter:blur(16px)}.panel.compact{max-width:620px;margin:70px auto}.hero{display:grid;grid-template-columns:1.4fr .6fr;gap:32px;align-items:center;padding:18px 8px 32px}.hero h2,.compact h2{font-size:clamp(2rem,5vw,4.1rem);line-height:.98;margin:10px 0 18px;letter-spacing:-.05em;max-width:760px}.compact h2{font-size:2.4rem}.hero p,.compact p{color:#aab2c5;line-height:1.65;max-width:710px}.hero-mark{font-weight:950;font-size:clamp(3rem,8vw,7rem);letter-spacing:-.08em;transform:rotate(-7deg);color:#f0ff42;text-shadow:0 0 50px #dfff3940;justify-self:center}.eyebrow{text-transform:uppercase;letter-spacing:.17em;font-size:.7rem;color:#f0ff42;font-weight:800}.create-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:15px;margin-bottom:18px}label{display:flex;flex-direction:column;gap:8px;color:#bcc4d6;font-size:.78rem;font-weight:700}label span{color:#6f788c;font-weight:500}input,select{width:100%;border:1px solid #ffffff16;background:#080b12;color:#edf2ff;border-radius:12px;padding:13px 14px;outline:none;font:inherit;font-size:.93rem}input:focus,select:focus{border-color:#e7ff4b88;box-shadow:0 0 0 3px #e7ff4b0d}button{border:0;border-radius:12px;padding:12px 16px;font:inherit;font-weight:800;cursor:pointer;transition:.15s transform,.15s opacity,.15s background}button:hover{transform:translateY(-1px)}button:disabled{opacity:.38;cursor:not-allowed;transform:none}.primary{background:#f0ff42;color:#10130a}.primary.big{padding:15px 21px;font-size:1rem}.secondary{background:#695cff;color:#fff}.ghost{background:#ffffff0b;border:1px solid #ffffff16;color:#dce3f4}.danger{background:#e64a62;color:white}.small{padding:9px 12px;font-size:.78rem}.actions{display:flex;gap:10px;margin-top:18px}.actions.wrap{flex-wrap:wrap}.error{color:#ff788d;background:#ff496515;border:1px solid #ff49652c;padding:11px 13px;border-radius:11px}.room-top{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:18px}.room-top h2{font-size:2rem;margin:5px 0}.status-line{color:#a4acc0}.room-meta{display:flex;gap:12px}.room-meta div{min-width:130px;padding:11px 14px;background:#ffffff08;border-radius:12px}.room-meta span,.invite-box span{display:block;color:#7d879e;font-size:.7rem;margin-bottom:4px}.room-meta strong{font-size:.85rem}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:18px}.game-panel{min-width:0}.side-panel{padding:20px}.invite-box{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;background:#0b0e16;border:1px dashed #ffffff20;border-radius:13px;margin-bottom:18px}.invite-box code{color:#cdd5e7;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:650px;font-size:.78rem}.winner{padding:26px;text-align:center;border:1px solid #f0ff4250;background:#efff4210;border-radius:18px;margin-bottom:18px}.winner span{display:block;color:#f0ff42;font-size:.78rem;font-weight:900;letter-spacing:.18em}.winner strong{display:block;font-size:2.4rem;margin-top:8px}.countdown{display:flex;align-items:center;justify-content:space-between;background:#ffffff08;border-radius:13px;padding:11px 14px;margin-bottom:16px}.countdown span{color:#929baf;font-size:.8rem}.countdown strong{font-variant-numeric:tabular-nums;color:#f0ff42;font-size:1.2rem}.notice{border-left:3px solid #695cff;background:#695cff12;border-radius:0 12px 12px 0;padding:13px 16px;margin-bottom:18px}.notice p{margin:5px 0 0;color:#abb3c7;font-size:.86rem;line-height:1.5}.board{display:grid;gap:8px;margin:12px 0}.cell{aspect-ratio:1.25;min-height:70px;border:1px solid #ffffff13;border-radius:13px;background:#0b0e15;position:relative;overflow:hidden}.cell textarea{width:100%;height:100%;resize:none;background:transparent;border:0;color:#eaf0ff;padding:11px;font:inherit;font-weight:720;outline:none;text-align:center;display:grid}.cell.playable{display:flex;align-items:center;justify-content:center;padding:10px;text-align:center;font-weight:800;cursor:pointer;user-select:none}.cell.playable:hover{border-color:#f0ff4250}.cell.marked{background:#efff42;color:#0d1008;border-color:#efff42;box-shadow:0 0 24px #e8ff3a26}.cell.marked:after{content:"✓";position:absolute;right:7px;top:4px;font-size:1rem;font-weight:1000}.progress-text{color:#8e97ab;font-size:.8rem;text-align:right;min-height:20px}.ai-box{display:grid;grid-template-columns:1fr auto;align-items:end;gap:10px;margin-top:14px;padding-top:15px;border-top:1px solid #ffffff0f}.ai-box .mini{grid-column:1/-1;color:#70798f;font-size:.7rem}.side-head{display:flex;justify-content:space-between;align-items:center}.side-head h3,.host-box h3{margin:0;font-size:.95rem}.pill{background:#ffffff0c;padding:5px 8px;border-radius:99px;color:#aeb6c8;font-size:.75rem}.players{display:flex;flex-direction:column;gap:7px;margin-top:14px}.player{display:grid;grid-template-columns:9px 1fr auto;gap:9px;align-items:center;padding:9px 10px;background:#ffffff07;border-radius:11px}.dot{width:7px;height:7px;border-radius:50%;background:#44d17a}.dot.offline{background:#5c6371}.player-name{font-size:.82rem;font-weight:700}.player-state{font-size:.65rem;color:#858ea3;text-transform:uppercase}.host-box{margin-top:22px;padding-top:19px;border-top:1px solid #ffffff12}.host-settings{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:12px 0}.host-settings button{grid-column:1/-1}.request{padding:11px;margin-top:9px;background:#695cff13;border:1px solid #695cff37;border-radius:12px}.request strong{font-size:.83rem}.request p{color:#9ca5b8;font-size:.72rem;margin:4px 0 9px}.request .actions{margin:0}.toast{position:fixed;z-index:20;right:22px;top:22px;max-width:360px;background:#f4f7ff;color:#111521;border-radius:14px;padding:13px 16px;font-weight:750;box-shadow:0 18px 60px #0009;animation:pop .2s ease}@keyframes pop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}footer{text-align:center;color:#50596b;font-size:.7rem;padding:10px 0 28px}@media(max-width:850px){.hero{grid-template-columns:1fr}.hero-mark{display:none}.create-grid,.layout{grid-template-columns:1fr}.room-top{flex-direction:column}.room-meta{width:100%}.room-meta div{flex:1}.ai-box{grid-template-columns:1fr}.host-settings{grid-template-columns:1fr}.brand .badge{display:none}}@media(max-width:520px){.shell{width:min(100% - 18px,1180px);padding-top:18px}.panel{padding:17px;border-radius:17px}.hero{padding:8px 0 22px}.hero h2{font-size:2.35rem}.room-meta{flex-direction:column}.room-meta div{width:100%}.board{gap:5px}.cell{min-height:59px;border-radius:9px}.cell textarea,.cell.playable{padding:7px;font-size:.75rem}.invite-box{align-items:flex-start;flex-direction:column}.invite-box code{max-width:100%}}
.role-help{padding:14px 18px;margin-bottom:18px;border-radius:16px;background:linear-gradient(145deg,#1a2030e8,#121722ee)}.role-help p{margin:5px 0 0;color:#b5bdd0;font-size:.84rem;line-height:1.5}