:root{color-scheme:dark;--bg:#161816;--panel:#222522;--text:#eeebe4;--muted:#b7b9b0;--line:#4a5049;--accent:#9fd0b8;--on-accent:#10211a;--danger:#f0a0a0;--danger-bg:#2c1b1b;--hover:#2e332f;--input:#1c201c;--sidebar:#121413;--radius:8px;--sidebar-width:240px}*{box-sizing:border-box}body,html{margin:0;padding:0;min-height:100%}html{font-size:17px}body{font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.page-center{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:1.5rem;width:min(100%,22rem)}.card h1,.games-page h1,.help-page h1,.panel h1,.thoughts-page h1{margin:0 0 .75rem;font-size:1.35rem;font-weight:600}label{display:block;font-size:1rem;font-weight:500;margin:.75rem 0 .3rem}input,select,textarea{width:100%;padding:.55rem .7rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--input);color:var(--text)}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-text-fill-color:var(--text);caret-color:var(--text);box-shadow:0 0 0 1000px var(--input) inset}textarea{min-height:4.5rem;resize:vertical}.btn{display:inline-block;margin-top:1rem;padding:.55rem 1rem;min-height:2.6rem;border:1px solid var(--accent);background:var(--accent);color:var(--on-accent);border-radius:var(--radius);cursor:pointer;font-weight:600}.btn.secondary{background:var(--panel);color:var(--accent)}.btn.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.6;cursor:default}a.btn:hover{text-decoration:none}.error{color:var(--danger);margin:.5rem 0 0}.error,.ok{font-size:.95rem}.ok{color:var(--accent)}.shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;height:100vh;min-height:100vh}.cover-banner{grid-column:1/-1;grid-row:1;display:block;width:100%;margin:0;padding:.7rem 1rem;min-height:2.8rem;border:0;border-bottom:1px solid var(--line);border-radius:0;background:var(--accent);color:var(--on-accent);font-weight:600;font-size:1.05rem;cursor:pointer;text-align:center}.sidebar{grid-column:1;grid-row:2;background:var(--sidebar);border-right:1px solid var(--line);padding:1rem .75rem;display:flex;flex-direction:column;gap:.2rem;min-height:0;overflow:auto}.sidebar .brand{font-weight:600;font-size:1.1rem;padding:.35rem .65rem 1rem}.sidebar a,.sidebar button.link{display:flex;align-items:center;justify-content:space-between;gap:.45rem;width:100%;text-align:left;background:none;border:0;padding:.65rem .7rem;color:var(--text);cursor:pointer;border-radius:var(--radius)}.sidebar a.active,.sidebar a:hover,.sidebar button.link:hover{background:var(--hover);text-decoration:none}.sidebar .spacer{flex:1 1}.sidebar-user{padding:.65rem .7rem .35rem;font-size:.95rem;color:var(--muted)}.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .3rem;border-radius:999px;background:#c23b3b;color:#fff;font-size:.75rem;font-weight:700;line-height:1}.menu-btn{position:relative}.menu-btn .menu-dot{position:absolute;top:.2rem;right:.2rem;min-width:.55rem;width:.55rem;height:.55rem;padding:0}.live-toast{position:fixed;top:.85rem;right:.85rem;z-index:40;max-width:min(22rem,calc(100vw - 1.7rem));margin:0;padding:.7rem .9rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--text);text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.35);cursor:pointer}.check-row{gap:.5rem;margin:.45rem 0}.telegram-code{font-size:1.3rem;font-weight:700;letter-spacing:.12em}.main{grid-column:2;grid-row:2;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:auto}.main-header{display:none;padding:.65rem 1rem;border-bottom:1px solid var(--line);background:var(--panel)}.chat{flex-direction:column;min-height:0;height:100%}.chat,.messages{display:flex;flex:1 1}.messages{overflow-y:auto;padding:1rem;flex-direction:column;gap:.85rem}.msg{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem .85rem}.msg-meta{font-size:.95rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.65rem;align-items:center}.msg-meta .btn{margin-top:0;min-height:2.1rem;padding:.25rem .7rem;font-size:.9rem}.msg-body{white-space:pre-wrap;word-break:break-word;margin-top:.3rem;font-size:1.05rem}.composer{flex-direction:column;padding:.85rem;border-top:1px solid var(--line);background:var(--panel)}.composer,.composer-row{display:flex;gap:.5rem}.composer-attach{margin-top:0;align-self:flex-end;cursor:pointer}.composer-draft{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;padding:.5rem .6rem;border:1px solid var(--line);border-radius:var(--radius)}.composer-draft .btn{margin-top:0;min-height:2.1rem;padding:.25rem .7rem}.composer-draft .error{margin:0}.composer-draft-name{font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:14rem}.composer-draft-status{color:var(--muted);font-size:.95rem;margin-right:auto}.composer-thumb{width:3rem;height:3rem;object-fit:cover;border-radius:calc(var(--radius) / 2)}.msg-media{display:block;margin-top:.5rem}.msg-media img,.msg-media video{display:block;width:100%;max-width:32rem;max-height:70vh;height:auto;border-radius:calc(var(--radius) / 1.5);object-fit:contain}.msg-media video{background:#000}.msg-media-meta{color:var(--muted);font-size:.9rem;margin:.3rem 0 0}.msg-attachment-link{display:inline-flex;align-items:center;gap:.5rem;margin-top:.45rem;font-size:.95rem}.msg-attachment-link img{width:4.5rem;height:3.2rem;object-fit:cover;border-radius:calc(var(--radius) / 2)}.composer textarea{flex:1 1;min-height:3.4rem;margin:0}.composer .btn{margin-top:0;align-self:flex-end}.panel{padding:1.15rem;overflow:auto;flex:1 1}.row{display:grid;grid-gap:.5rem;gap:.5rem}.table{width:100%;border-collapse:collapse;background:var(--panel);font-size:1rem}.table th{background:var(--sidebar)}.table td,.table th{border:1px solid var(--line);padding:.5rem .65rem;text-align:left;vertical-align:top}.hidden-flag{color:var(--muted);font-size:.95rem}.flagged-flag{color:var(--accent);font-size:.95rem}.flagged-thread{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1.4rem;padding-bottom:1.1rem;border-bottom:1px solid var(--line)}.flagged-thread:last-of-type{border-bottom:none}.msg.flagged-msg{border-color:var(--accent)}.msg.context-msg{opacity:.82}.check-row{display:flex;align-items:center;gap:.45rem;margin-top:.35rem}.flagged-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1.5rem}.flagged-actions .btn{margin-top:0}.games-page,.help-page,.thoughts-page{max-width:42rem}.console-page{max-width:56rem}.console-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:1rem}.console-actions .btn{margin-top:0}.console-stage{margin:0 0 1rem;background:#000;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;cursor:pointer}.console-video{display:block;width:100%;aspect-ratio:16/9;background:#000}.console-stage:-webkit-full-screen{width:100%;height:100%;margin:0;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000}.console-stage:-webkit-full-screen,.console-stage:fullscreen{width:100%;height:100%;margin:0;border:0;border-radius:0;display:flex;align-items:center;justify-content:center;background:#000}.console-stage:-webkit-full-screen .console-video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.console-stage:-webkit-full-screen .console-video,.console-stage:fullscreen .console-video{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.console-held{margin:0 0 1rem;color:var(--accent);font-family:ui-monospace,Consolas,monospace;font-size:.95rem}.console-bind{margin:0;min-width:8rem}.console-slots{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 .75rem}.console-sticks{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0 0 1rem}.console-stick{display:flex;flex-direction:column;gap:.35rem;font-size:.95rem;color:var(--muted)}.console-stick select{width:auto;min-width:8rem}.console-mouse{margin-top:-.25rem}.console-stick-wide{min-width:14rem;flex:1 1 14rem}.console-stick-wide input[type=range]{width:100%;max-width:18rem}.console-stick-check{justify-content:flex-end}.console-stick-check input[type=checkbox]{width:1.15rem;height:1.15rem}.console-bind-wait{outline:2px solid var(--accent)}.help-lead{margin:0 0 1rem;color:var(--muted);font-size:1rem}.help-emergency{background:var(--danger-bg);border:1px solid var(--danger);border-radius:var(--radius);padding:.85rem 1rem;margin-bottom:1rem}.help-emergency p{margin:0 0 .55rem}.help-emergency-note{color:var(--muted);font-size:.95rem;margin-bottom:0!important}.help-phone{color:var(--muted)}.help-list,.thoughts-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.help-card,.thought-card,.thoughts-compose{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem}.thought-card{content-visibility:auto;contain-intrinsic-size:auto 6rem}.help-card h2,.thoughts-history-title{margin:0 0 .4rem;font-size:1.15rem}.help-card p{margin:0 0 .65rem}.help-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.thoughts-compose{margin-bottom:1.25rem}.thoughts-compose .btn{margin-top:.75rem}.thoughts-compose textarea{min-height:10rem}.mood-picker{border:0;margin:0;padding:0}.mood-picker legend{font-size:.95rem;margin-bottom:.5rem}.mood-row{display:flex;flex-wrap:wrap;gap:.5rem}.mood-btn{display:flex;align-items:center;justify-content:center;margin:0;padding:.3rem;border:2px solid transparent;border-radius:999px;background:transparent;cursor:pointer}.mood-btn.selected,.mood-btn:hover{border-color:var(--accent)}.thoughts-history-title{margin:0 0 .65rem}.thought-meta{display:flex;align-items:center;gap:.55rem;color:var(--muted);font-size:.95rem}.thought-body{white-space:pre-wrap;word-break:break-word;margin:.5rem 0 0;font-size:1.05rem}.games-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.games-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:.95rem 1rem}.games-card h2,.games-card h3{margin:0 0 .4rem;font-size:1.15rem}.games-card p{margin:0 0 .65rem;color:var(--muted)}.games-section-title{margin:1.25rem 0 .65rem;font-size:1.15rem}.games-card-actions{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem}.games-start label{margin-top:.35rem}.games-start select{max-width:20rem}.games-start .btn{margin-top:.75rem}.games-back{margin:0 0 .5rem}.games-meta{color:var(--muted);font-size:.95rem;margin:0 0 .75rem}.c4-legend{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem .85rem;margin:0 0 .65rem}.c4-swatch{display:inline-block;width:1.1rem;height:1.1rem;border-radius:999px;border:1px solid var(--line);vertical-align:middle}.c4-cell.A,.c4-swatch.A{background:var(--accent)}.c4-cell.C,.c4-swatch.C{background:#7eb8e6}.c4-board{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-gap:.35rem;gap:.35rem;background:#1a221e;border:1px solid var(--line);border-radius:var(--radius);padding:.5rem;max-width:26rem}.c4-col button,.c4-col-static{display:flex;flex-direction:column;gap:.35rem;width:100%;margin:0;padding:.2rem;border:0;background:transparent;min-height:0;cursor:pointer}.c4-col-static{cursor:default}.c4-col button:hover .c4-cell.empty{outline:2px solid var(--accent)}.c4-cell{display:block;aspect-ratio:1;width:100%;border-radius:999px;border:1px solid var(--line)}.c4-cell.empty{background:var(--input)}.g2048-board{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-gap:.4rem;gap:.4rem;background:#1a221e;border:1px solid var(--line);border-radius:var(--radius);padding:.5rem;max-width:22rem;aspect-ratio:1;margin-bottom:1rem}.g2048-slot{aspect-ratio:1;border-radius:6px;background:var(--input)}.g2048-piece{position:absolute;z-index:2;left:.5rem;top:.5rem;width:calc((100% - 1rem - 1.2rem) / 4);height:calc((100% - 1rem - 1.2rem) / 4);transform:translate(calc(var(--c) * (100% + .4rem)),calc(var(--r) * (100% + .4rem)));pointer-events:none}.g2048-piece.ready{transition:transform .15s ease-out}.g2048-piece.dying{z-index:1}.g2048-face{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:6px;font-weight:700;font-size:1.15rem;background:var(--input);color:var(--text)}.g2048-face.t2{background:#3a4038;color:var(--text)}.g2048-face.t4{background:#4a5248}.g2048-face.t8{background:#5d6b4e}.g2048-face.t16{background:#6d8a62;color:var(--on-accent)}.g2048-face.t32{background:#7aa072;color:var(--on-accent)}.g2048-face.t64{background:#8bb88a;color:var(--on-accent)}.g2048-face.t128,.g2048-face.t256,.g2048-face.t512{background:var(--accent);color:var(--on-accent);font-size:1rem}.g2048-face.t1024,.g2048-face.t2048,.g2048-face.tsuper{background:#e8c07a;color:#1a1408;font-size:.95rem}.g2048-face.pop,.g2048-face.spawn{animation:g2048-pop .15s ease-out}@keyframes g2048-pop{0%{transform:scale(.6)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.g2048-piece.ready{transition:none}.g2048-face.pop,.g2048-face.spawn{animation:none}.live-toast{transition:none}}.g2048-pad{display:grid;grid-template-columns:repeat(3,minmax(4.5rem,6rem));grid-template-areas:". up ." "left down right";grid-gap:.4rem;gap:.4rem;margin:0 0 1rem}.g2048-pad .btn{margin-top:0}.g2048-up{grid-area:up}.g2048-pad button[value=left]{grid-area:left}.g2048-pad button[value=down]{grid-area:down}.g2048-pad button[value=right]{grid-area:right}@media (max-width:720px){.shell{grid-template-columns:1fr;grid-template-rows:auto 1fr}.shell:has(.cover-banner){grid-template-rows:auto auto 1fr}.cover-banner,.main,.main-header{grid-column:1;grid-row:auto}.sidebar{display:none;grid-column:auto;grid-row:auto}.sidebar.open{display:flex;position:fixed;inset:0 auto 0 0;width:min(84vw,17.5rem);z-index:20}.main-header{display:flex;align-items:center;gap:.75rem}.main-header .btn{margin-top:0}}