:root{color:#1f2428;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f2ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root,.loading-shell,.auth-screen,.app{min-height:100vh}.loading-shell{color:#28544c;place-items:center;gap:12px;display:grid}.auth-screen{background:#efe8dc;grid-template-columns:minmax(320px,1.1fr) minmax(320px,.9fr);display:grid}.auth-visual{background-image:linear-gradient(90deg, #1e171394, #1e17130a), var(--theme-art,url(/assets/theme-triptych-CZuBgkpc.png));background-position:0;background-size:cover}.auth-panel{background:#fffcf6f0;flex-direction:column;justify-content:center;gap:22px;padding:48px;display:flex}.auth-panel h1,.library-view h1,.room-header h1{color:#171b1f;letter-spacing:0;margin:0;font-size:42px;line-height:1.04}.lede,.game-card p,.room-header p,.theme-option span,.empty-state{color:#68706e}.brand-mark{color:#173f39;align-items:center;gap:10px;font-size:24px;font-weight:800;display:flex}.brand-mark svg{color:#df5f49}.brand-mark.compact{padding:18px 16px;font-size:20px}.auth-form,.stack,.theme-options,.room-list,.activity-log{flex-direction:column;gap:10px;display:flex}.auth-form input,.wide-input,.join-code input,.chat-form input{color:#202629;background:#ffffffdb;border:1px solid #242b2d2e;border-radius:8px;outline:none;width:100%;min-height:42px;padding:0 12px}.auth-form input:focus,.wide-input:focus,.join-code input:focus,.chat-form input:focus{border-color:#2e756a;box-shadow:0 0 0 3px #2e756a24}.segmented,.filter-row{background:#242b2d14;border-radius:8px;gap:6px;padding:4px;display:flex}.segmented button,.filter-row button{color:#59615f;text-transform:capitalize;background:0 0;border:0;border-radius:6px;padding:8px 12px}.segmented button.active,.filter-row button.active{color:#173f39;background:#fff;box-shadow:0 2px 10px #1f242814}.primary-action,.secondary-action,.ghost-button,.icon-button,.notice-button{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 14px;display:inline-flex}.primary-action{color:#fffaf2;background:#173f39}.primary-action:disabled,.ghost-button:disabled,.icon-button:disabled{opacity:.42}.secondary-action,.ghost-button{color:#26302f;background:#ffffffc2;border-color:#242b2d29}.compact-action{min-height:36px;padding-inline:12px}.icon-button,.notice-button{color:#26302f;background:#ffffffc2;border-color:#242b2d29;width:40px;padding:0}.icon-button.positive,.notice-button{color:#085041;background:#e1f5ee}.form-error{color:#9d2f35;background:#faece7;border-radius:8px;padding:8px 10px}.app{--surface:#fffcf6e0;--surface-strong:#fffcf6f5;--line:#242b2d24;--text:#1e2528;--muted:#65706c;color:var(--text);background:linear-gradient(120deg, #fffcf6c7, #fffcf67a), var(--theme-art);background-position:0;background-size:cover;grid-template-columns:244px minmax(0,1fr);display:grid}.app.theme-air{--surface:#f5fdffe0;--surface-strong:#f5fdfff5;--text:#132733;--muted:#526c78;background-position:50%}.app.theme-neon{--surface:#121420db;--surface-strong:#181b2af5;--line:#e7f2ff2e;--text:#edf6ff;--muted:#afbed0;background-position:100%}.app.theme-neon .primary-action{color:#10141e;background:#89f7d4}.app.theme-neon .secondary-action,.app.theme-neon .ghost-button,.app.theme-neon .icon-button,.app.theme-neon .panel,.app.theme-neon .game-card{color:var(--text);background-color:var(--surface)}.sidebar{border-right:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;min-height:100vh;display:flex}.sidebar nav{gap:6px;padding:8px;display:grid}.sidebar nav button{min-height:42px;color:var(--muted);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:0 12px;display:flex}.sidebar nav button.active{color:var(--text);background:#2e756a21}.profile-chip,.person-row,.request-row,.room-row,.score-row>div{align-items:center;gap:10px;display:flex}.profile-chip{background:#242b2d0f;border-radius:8px;margin:auto 12px 12px;padding:10px}.profile-chip div:last-child,.person-row div,.room-row span:nth-child(2){display:grid}.profile-chip span,.person-row span,.room-row small,.stats-list dt{color:var(--muted);font-size:13px}.avatar,.game-icon{color:#fffaf2;background:#173f39;border-radius:8px;flex:none;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.game-icon{background:var(--accent,#173f39);width:54px;height:54px;font-size:24px}.game-icon.small{width:34px;height:34px;font-size:16px}.workspace{flex-direction:column;gap:16px;min-width:0;min-height:100vh;padding:18px;display:flex}.topbar,.hero-band,.room-header,.section-header,.game-status-row,.card-meta{justify-content:space-between;align-items:center;gap:16px;display:flex}.topbar{border:1px solid var(--line);background:var(--surface-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:8px;min-height:72px;padding:10px 16px}.topbar h2,.panel h3,.game-card h3{letter-spacing:0;margin:0}.topbar-actions,.room-actions,.invite-strip,.move-buttons,.score-row,.chat-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin:0 0 4px;font-size:12px;font-weight:800}.panel,.game-card{border:1px solid var(--line);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;box-shadow:0 20px 60px #1c1f211f}.panel{padding:16px}.hero-band{background:linear-gradient(90deg, #173f39e0, #173f3957), var(--game-art);color:#fff;background-size:cover;border-radius:8px;align-items:flex-end;min-height:210px;padding:22px}.hero-band h1,.hero-band .eyebrow{color:#fff}.join-code{color:#1f2528;background:#ffffffe0;border-radius:8px;width:min(320px,100%);padding:12px}.join-code label,.join-code span{color:#5f6866;margin-bottom:6px;font-size:13px;display:block}.join-code div{gap:8px;display:flex}.library-view{gap:16px;display:grid}.filter-row{width:fit-content}.game-grid,.discover-grid,.settings-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.game-card{flex-direction:column;justify-content:space-between;min-height:250px;padding:16px;display:flex;position:relative;overflow:hidden}.game-card-bg{background-image:linear-gradient(180deg, #ffffffb8, #fffffff5), var(--game-art);opacity:.56;background-size:520px;position:absolute;inset:0}.game-card>*{position:relative}.two-column,.room-layout{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:16px;display:grid}.two-column .wide{grid-column:1/-1}.request-row,.room-row,.person-row{border:1px solid var(--line);background:#ffffff73;border-radius:8px;min-height:52px;padding:10px}.room-row{text-align:left;justify-content:space-between;width:100%}.room-main,.room-side,.settings-grid{min-width:0}.room-main,.room-side{align-content:start;gap:16px;display:grid}.lobby-table{text-align:center;place-items:center;min-height:360px;display:grid;position:relative;overflow:hidden}.table-art,.game-table-bg{background-image:linear-gradient(180deg, #fffcf65c, #fffcf6e6), var(--game-art);background-position:50%;background-size:cover;position:absolute;inset:0}.lobby-content,.game-table>:not(.game-table-bg){position:relative}.game-table{gap:16px;min-height:620px;display:grid;position:relative;overflow:hidden}.game-status-row{color:#162124;background:#ffffffb8;border-radius:8px;align-self:start;padding:10px 12px;font-weight:800}.sevens-layout,.card-game-layout,.go-fish-layout,.war-layout,.hangman-board,.connect-board{gap:14px;display:grid}.sevens-board{gap:8px;display:grid}.suit-line{background:#ffffff9e;border-radius:8px;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px;padding:8px;display:grid}.rank-slots,.hand{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.card-slot{aspect-ratio:5/7;color:#6f7775;background:#fff6;border:1px dashed #1f24283d;border-radius:5px;place-items:center;width:46px;display:grid}.playing-card{aspect-ratio:5/7;background:#fff;border:2px solid #0000;border-radius:6px;width:64px;padding:0;overflow:hidden;box-shadow:0 8px 18px #11181c2e}.playing-card.small{width:48px}.playing-card img{object-fit:cover;width:100%;height:100%;display:block}.playing-card.active{border-color:#1e8a69;transform:translateY(-3px)}.center-pile{color:#172225;place-items:center;gap:8px;display:grid}.score-row{justify-content:center}.score-row>div{background:#ffffffad;border-radius:8px;justify-content:space-between;min-width:150px;padding:10px}.move-buttons{justify-content:center}.memory-board,.ttt-board,.connect-grid{justify-content:center;gap:8px;display:grid}.memory-board{grid-template-columns:repeat(4,86px)}.memory-tile,.ttt-board button,.keyboard-grid button,.column-buttons button{color:#172225;background:#ffffffc7;border:1px solid #1f242829;border-radius:8px;font-weight:800}.memory-tile{text-transform:capitalize;width:86px;height:86px}.memory-tile.visible{background:#e1f5ee}.word-display{color:#172225;justify-content:center;gap:8px;font-size:38px;font-weight:900;display:flex}.keyboard-grid{grid-template-columns:repeat(13,1fr);gap:6px;display:grid}.keyboard-grid button,.column-buttons button{min-height:38px}.ttt-board{grid-template-columns:repeat(3,100px)}.ttt-board button{width:100px;height:100px;font-size:46px}.column-buttons{grid-template-columns:repeat(7,48px);justify-content:center;gap:8px;display:grid}.connect-grid{background:#2667c9;border-radius:8px;grid-template-columns:repeat(7,48px);padding:12px}.connect-grid span{background:#ecf1f4;border-radius:50%;width:48px;height:48px;box-shadow:inset 0 3px 8px #0003}.connect-grid span.p1{background:#e24747}.connect-grid span.p2{background:#f2d64b}.move-log{flex-wrap:wrap;gap:8px;display:flex}.move-log span,.activity-log p{background:#ffffff9e;border-radius:8px;margin:0;padding:8px 10px}.chat-panel{min-height:360px}.chat-log{flex-direction:column;gap:8px;min-height:200px;max-height:300px;display:flex;overflow:auto}.chat-message{background:#ffffffb8;border-radius:8px;align-self:flex-start;max-width:88%;padding:8px 10px}.chat-message.mine{background:#e1f5ee;align-self:flex-end}.chat-message p{margin:2px 0 0}.chat-form{flex-wrap:nowrap;margin-top:10px}.theme-option{border:1px solid var(--line);min-height:86px;color:var(--text);text-align:left;background:#ffffff8a;border-radius:8px;grid-template-columns:80px minmax(0,1fr);gap:4px 12px;padding:10px;display:grid}.theme-option.active{border-color:#2e756a;box-shadow:0 0 0 3px #2e756a24}.theme-swatch{background-image:var(--theme-art);background-size:260px;border-radius:8px;grid-row:span 2;width:80px;height:64px}.theme-swatch.cozy{background-position:0}.theme-swatch.air{background-position:50%}.theme-swatch.neon{background-position:100%}.stats-list{gap:12px;display:grid}.stats-list div{border-bottom:1px solid var(--line);justify-content:space-between;gap:18px;padding-bottom:10px;display:flex}.stats-list dd,.stats-list dt{margin:0}@media (width<=980px){.auth-screen,.app,.two-column,.room-layout{grid-template-columns:1fr}.auth-visual{min-height:34vh}.sidebar{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.sidebar nav{grid-template-columns:repeat(4,1fr)}.sidebar nav button{justify-content:center}.profile-chip{display:none}.hero-band,.room-header,.topbar{flex-direction:column;align-items:flex-start}.keyboard-grid{grid-template-columns:repeat(7,1fr)}}@media (width<=620px){.workspace,.auth-panel{padding:12px}.library-view h1,.room-header h1,.auth-panel h1{font-size:30px}.game-grid,.settings-grid,.discover-grid{grid-template-columns:1fr}.memory-board{grid-template-columns:repeat(4,64px)}.memory-tile{width:64px;height:64px}.ttt-board{grid-template-columns:repeat(3,78px)}.ttt-board button{width:78px;height:78px}.connect-grid,.column-buttons{grid-template-columns:repeat(7,36px)}.connect-grid span{width:36px;height:36px}.playing-card{width:52px}}