:root{--ink:#172033;--muted:#607089;--line:#dfe7f0;--blue:#1f5fbf;--purple:#6445a8;--orange:#b86118;--green:#187a52;--red:#b42318;--cream:#fbf6ed;--soft:0 8px 24px rgba(20,32,54,.08);--hard:0 18px 46px rgba(20,32,54,.12)}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#eef5fb,#fbf6ed 55%,#f7f9fc);color:var(--ink);font-family:Arial,Helvetica,sans-serif}button,input,textarea,select{font:inherit}button{cursor:pointer}.topbar{position:sticky;top:0;z-index:50;width:min(1180px,calc(100% - 20px));margin:0 auto 12px;padding:10px;background:#fffffff2;border:1px solid #fff;border-radius:0 0 22px 22px;box-shadow:var(--soft);display:flex;gap:8px;align-items:center;flex-wrap:wrap;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:9px;border:0;background:transparent;color:var(--ink)}.brand small{display:block;color:var(--muted);font-weight:700}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,var(--blue),var(--purple),var(--orange));color:#fff;display:grid;place-items:center;font:900 27px Georgia,serif}.main-nav{display:flex;gap:6px;flex:1;flex-wrap:wrap}.main-nav button,.pill,.account-chip{border:1px solid #d6e2ef;background:#fff;border-radius:999px;padding:8px 11px;font-weight:800;color:var(--ink)}.main-nav button.active,.pill.active{background:#172033;color:#fff;border-color:#172033}.hero{width:min(1180px,calc(100% - 20px));margin:0 auto 14px;border-radius:24px;background:linear-gradient(135deg,#153f89,#6445a8,#b86118);color:#fff;padding:20px;box-shadow:var(--hard)}.hero h1{font:900 clamp(34px,5vw,58px)/.92 Georgia,serif;margin:0}.hero p{max-width:880px;line-height:1.45;color:#fffdf0;margin:8px 0 0}.eyebrow{font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px;opacity:.95}.app-shell{width:min(1180px,calc(100% - 20px));margin:auto;display:grid;grid-template-columns:1fr 310px;gap:14px}.app-main{min-height:650px}.sidebar{display:grid;gap:12px;align-self:start;position:sticky;top:98px}.panel,.card,.post,.ad{background:#fff;border:1px solid var(--line);border-radius:18px;padding:14px;box-shadow:var(--soft)}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stack{display:grid;gap:12px}.head{display:flex;justify-content:space-between;gap:10px;align-items:end;margin-bottom:12px}.head h2{font:900 38px/.95 Georgia,serif;margin:0}.muted{color:var(--muted)}.badge{display:inline-flex;border-radius:999px;padding:4px 7px;background:#e0f2fe;color:#075985;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.actions button,.controls button{border:1px solid #cfd9e5;background:#fff;border-radius:12px;padding:8px 11px;font-weight:800}.actions button.primary,.controls button.primary{background:#172033;color:#fff;border-color:#172033}.avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#dbeafe,#fff7ed);display:grid;place-items:center;font-weight:900;flex:0 0 auto}.post{display:grid;grid-template-columns:46px 1fr;gap:10px}.post p,.card p,.panel p,.ad p{color:#45556c;line-height:1.4}.room-shell{display:grid;grid-template-columns:278px 1fr;gap:14px;align-items:start}.room-menu{position:sticky;top:112px;z-index:20;display:grid;gap:10px}.room-group{background:#fffffff2;border:1px solid var(--line);border-radius:18px;box-shadow:var(--soft);overflow:hidden}.group-head{width:100%;border:0;background:linear-gradient(135deg,#fff,#f8fbff);padding:12px;text-align:left;display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;font-weight:900;color:var(--ink)}.group-head small{display:block;color:var(--muted);font-weight:700;margin-top:2px}.group-body{display:none;padding:0 10px 10px;gap:6px}.room-group.open .group-body{display:grid}.room-group.open .chev{transform:rotate(90deg)}.room-link{border:1px solid var(--line);border-radius:14px;background:#fff;padding:10px;text-align:left;display:grid;gap:3px;color:var(--ink)}.room-link.active{border-color:#172033;background:#172033;color:#fff}.room-link small{color:var(--muted);line-height:1.25}.room-link.active small{color:#dbeafe}.room-banner{border-radius:22px;background:linear-gradient(135deg,#153f89,#6445a8,#b86118);color:#fff;padding:18px;box-shadow:var(--soft)}.room-banner h2{font:900 clamp(28px,4vw,48px)/.95 Georgia,serif;margin:0}.room-banner p{color:#fffdf0}.ad{border-style:dashed;background:linear-gradient(135deg,#fff,#fff7ed)}.ad small{display:block;color:var(--muted);font-weight:900;text-transform:uppercase;letter-spacing:.06em}.ad h3{margin:6px 0;font:900 22px Georgia,serif}.footer-ads{width:min(1180px,calc(100% - 20px));margin:16px auto 24px}.auth-box{display:grid;gap:9px}.auth-box input,.auth-box textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px}.notice{background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:16px;padding:12px}.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#166534}.error{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.game-tabs{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:12px}.game-layout{display:grid;grid-template-columns:minmax(320px,560px) 1fr;gap:14px;align-items:start}.xgrid{display:grid;gap:1px;background:#172033;border:2px solid #172033;touch-action:manipulation;width:min(100%,540px);aspect-ratio:1/1;margin:auto}.cell{position:relative;background:#fff;border:0;padding:0;display:grid;place-items:center;min-width:0;color:var(--ink)}.cell.black{background:#172033}.cell input{position:absolute;inset:0;width:100%;height:100%;border:0;background:transparent;text-align:center;text-transform:uppercase;font-weight:900;font-size:clamp(18px,4vw,32px);color:var(--ink);outline:0;padding-top:11px}.num{position:absolute;top:2px;left:3px;font-size:clamp(8px,1.6vw,12px);font-weight:900;color:#334155;z-index:2}.cell.active{background:#fde68a}.cell.word{background:#dbeafe}.cell.bad input{color:var(--red)}.cell.good input{color:var(--green)}.clues{display:grid;grid-template-columns:1fr 1fr;gap:12px}.clue{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px;text-align:left;line-height:1.25}.clue.active{background:#172033;color:#fff;border-color:#172033}.word-row{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:340px}.tile{aspect-ratio:1/1;border:2px solid #cbd5e1;display:grid;place-items:center;font-weight:900;font-size:26px;background:#fff}.sudoku-grid{display:grid;grid-template-columns:repeat(9,1fr);width:min(100%,420px);border:3px solid #172033;background:#172033;gap:1px}.sudoku-grid input{aspect-ratio:1/1;border:0;text-align:center;font-weight:900;font-size:20px}.scramble-letters{display:flex;gap:8px;flex-wrap:wrap}.scramble-letters span{background:#172033;color:#fff;border-radius:12px;padding:12px 14px;font-weight:900;font-size:24px}.modal-root{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:90;display:grid;place-items:center;padding:20px}.modal-root[hidden]{display:none!important;pointer-events:none!important}.modal{width:min(520px,100%);background:#fff;border-radius:22px;padding:18px;box-shadow:var(--hard)}@media(max-width:920px){.app-shell,.grid,.three,.room-shell,.game-layout,.clues{grid-template-columns:1fr}.sidebar,.room-menu{position:static}.topbar,.hero,.app-shell,.footer-ads{width:calc(100% - 18px)}.topbar{border-radius:0}.xgrid{width:100%}}