:root{color:#f4eadb;font-synthesis:none;background:#1c2329;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer;color:inherit;border:0}.auth{text-align:center;background:radial-gradient(circle at 50% 20%,#4b443c 0,#20282d 42%,#13191e 100%);align-content:center;place-items:center;gap:12px;min-height:100vh;display:grid}.brand-mark{color:#e7bb73;font-size:48px}.auth h1{color:#f7dfb4;margin:0;font:600 42px Georgia}.auth p{color:#bcae9b;margin:0 0 25px}.card{background:#293238;border:1px solid #465057;border-radius:14px;box-shadow:0 18px 50px #0005}.auth-card{text-align:left;gap:12px;width:min(360px,100vw - 32px);padding:28px;display:grid}.auth-card h2{text-align:center;margin:0 0 6px;font:500 25px Georgia}.auth-card input{color:#fff;background:#1e272d;border:1px solid #4d575c;border-radius:8px;padding:12px}.primary{color:#fff!important;background:#bc8056!important}.auth small{color:#839099}.link{color:#d8ab72;background:0 0;font-size:13px}.app{background:linear-gradient(125deg,#202a2f,#293238);min-height:100vh;padding-bottom:50px}header{border-bottom:1px solid #3a464c;justify-content:space-between;align-items:center;height:76px;padding:0 5vw;display:flex}.logo{align-items:center;gap:12px;display:flex}.logo>span{color:#e5b66f;font-size:28px}.logo b{color:#f3d5a5;font:22px Georgia;display:block}.logo small{color:#78868b;letter-spacing:2px;font-size:9px}.user{color:#b9c2c2;font-size:13px}.user button{color:#b98568;background:0 0;margin-left:10px}nav{border-bottom:1px solid #3a464c;gap:28px;height:52px;padding:0 5vw;display:flex}nav button{color:#869297;background:0 0;border-bottom:2px solid #0000;padding:0 5px}nav button.active{color:#e6c18b;border-color:#c98d5e}.game-layout{grid-template-columns:280px 1fr;gap:80px;max-width:1100px;margin:45px auto;padding:0 24px;display:grid}aside h1{margin:4px 0 12px;font:500 42px Georgia}.eyebrow{color:#d59e66;letter-spacing:2px;font-size:11px}.muted{color:#93a0a2;line-height:1.6}.score{margin:45px 0 25px}.score small,.score strong{display:block}.score small{color:#839092}.score strong{color:#f0cf9a;margin-top:4px;font-size:42px;font-weight:500}.score span{color:#9b8570}.stats{border-block:1px solid #414d52;gap:42px;padding:15px 0;display:flex}.stats b,.stats small{display:block}.stats b{color:#ded5c5;font-size:22px}.stats small{color:#839092;margin-top:4px;font-size:11px}.mode-buttons{gap:8px;margin-top:28px;display:grid}.mode-buttons button,.controls button{background:#344047;border:1px solid #4c585c;border-radius:8px;padding:11px}.mode-buttons .selected{color:#e4bc88;border-color:#c79568}.board-wrap{max-width:540px;position:relative}.board-head{color:#879397;justify-content:space-between;margin-bottom:14px;font-size:12px;display:flex}.saved{color:#7aa189}.unsaved{color:#cf9c6d}.board{background:#12191d;border:1px solid #566066;border-radius:12px;grid-template-columns:repeat(4,1fr);gap:7px;padding:10px;display:grid;box-shadow:0 15px 35px #0007}.tile{aspect-ratio:1;color:#fff;background:#37434a;border-radius:6px;place-items:center;min-width:0;transition:all .2s;display:grid}.tile:hover{filter:brightness(1.18);transform:translateY(-2px)}.tile.cabinet-edge{border-right:2px solid #be9566}.tile-icon{text-shadow:0 2px 5px #0005;font-size:32px}.tile small{white-space:nowrap;font-size:9px}.controls{gap:8px;margin-top:18px;display:flex}.controls button{flex:1;font-size:12px}.hint{color:#78858a;text-align:center;font-size:12px}.finished{text-align:center;background:#293238ee;padding:30px;position:absolute;inset:80px 25px auto}.finished h2,.rank h2{font:500 28px Georgia}.rank{max-width:620px;margin:55px auto;padding:28px}.rank-tabs{color:#899397;border-bottom:1px solid #465057;gap:25px;padding-bottom:12px;display:flex}.rank-tabs b{color:#e2b477}.rank-row{border-bottom:1px solid #3a464c;align-items:center;gap:18px;padding:16px 5px;display:flex}.rank-row strong{color:#d7a86c;width:20px}.rank-row span{flex:1}.rank-row em{color:#e3bb82;font-style:normal}@media (width<=760px){header{padding:0 18px}.game-layout{grid-template-columns:1fr;gap:25px;margin:28px auto}.game-layout aside{grid-template-columns:1fr 1fr;column-gap:20px;display:grid}.game-layout aside h1,.game-layout aside .eyebrow,.game-layout aside .muted{grid-column:span 2}.score{margin:18px 0}.stats{align-self:center}.mode-buttons{grid-column:span 2;grid-template-columns:1fr 1fr}.board-wrap{width:100%}.logo b{font-size:18px}.logo small{display:none}}.form-error{color:#e99b8b;font-size:12px;line-height:1.4}button:disabled{opacity:.6;cursor:wait}.notice{color:#e8c08e;background:#382d27;border:1px solid #956c4f;border-radius:8px;max-width:1100px;margin:18px auto 0;padding:10px 16px}.tile.selected{outline-offset:2px;outline:3px solid #f1cb8d}.rank-tabs button{color:#899397;background:0 0;border-bottom:2px solid #0000;padding:0 0 10px}.rank-tabs button.active{color:#e2b477;border-color:#c98d5e}.invite-code{color:#e3bb82;background:#1e272d;border-radius:8px;padding:12px}.invite-list{gap:8px;max-height:240px;display:grid;overflow:auto}.invite-list>div{border-bottom:1px solid #3a464c;align-items:center;gap:8px;padding:8px 0;font-size:12px;display:flex}.invite-list span{flex:1;font-family:monospace}.invite-list small{color:#9aa7a6}.invite-list button{color:#d28f77;background:0 0;font-size:11px}