@import "https://fonts.googleapis.com/css2?family=Newsreader:opsz,wght@6..72,500;6..72,700&family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--paper:#f7f0e1;--paper-deep:#efe5d1;--ink:#17130f;--muted:#63594d;--line:#21181224;--card:#fffcf7e6;--shadow:0 24px 80px #4028101f;--warm:#f7b63f;--warm-strong:#e28d1c;--gold:#b8860b;--green:#57824a;--green-soft:#d8ead0;--amber:#d2a13e;--amber-soft:#f0e2bf;--slate:#6b7280;--slate-soft:#e2e8f0;--blue:#315d9a;--blue-soft:#d8e6fb;--rose:#a34a38;--rose-soft:#f5ddd6;--display:"Newsreader", serif;--body:"IBM Plex Sans", sans-serif;--mono:"IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:radial-gradient(circle at top,#ffffffbf,#0000 28%),linear-gradient(#fbf6ea 0%,#f5ecdb 44%,#f0e3cd 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#17130f08 1px,#0000 1px),linear-gradient(90deg,#17130f08 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b8,#0000 90%);mask-image:linear-gradient(#000000b8,#0000 90%)}button,a{font:inherit}h1,h2,p{margin:0}a{color:inherit}#app{padding:clamp(16px,3vw,36px)}.desk-shell{gap:14px;width:min(1180px,100%);margin:0 auto;display:grid}.game-card,.app-bar{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.app-bar{border-radius:24px;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.brand-lockup{gap:2px;display:grid}.app-title{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(1.6rem,1.25rem + 1vw,2.2rem);line-height:.95}.app-copy{color:var(--muted);line-height:1.5}.app-actions{align-items:center;gap:10px;display:flex}.live-pill{color:var(--muted);background:#2118120d;border-radius:999px;align-items:center;gap:10px;padding:.78rem .95rem;line-height:1.35;display:inline-flex}.live-pill.is-ready{color:#35552e;background:#57824a1a}.live-pill.is-error,.live-pill.is-disabled{color:#854232;background:#a34a381a}.live-dot{background:currentColor;border-radius:999px;width:8px;height:8px}.eyebrow{color:var(--rose);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;margin-bottom:0;font-size:.74rem;font-weight:500}.tab-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tab-button{border:1px solid var(--line);min-height:74px;color:var(--ink);text-align:left;cursor:pointer;background:#fffcf7c2;border-radius:18px;align-content:center;gap:2px;padding:14px 16px;transition:transform .14s,box-shadow .14s,border-color .14s,background-color .14s;display:grid}.tab-button span{font-size:1.02rem;font-weight:700}.tab-button small{color:var(--muted);line-height:1.3}.tab-button:hover,.tab-button:focus-visible{border-color:#315d9a5c;outline:none;transform:translateY(-1px);box-shadow:0 16px 36px #3347611f}.tab-button.is-active{background:linear-gradient(#fff7e6,#fff1cd);border-color:#e28d1c52;box-shadow:0 18px 40px #d7983429}.game-card{border-radius:24px;padding:clamp(16px,2.3vw,22px)}.play-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.play-main,.play-side{align-content:start;gap:12px;display:grid}.board-header{gap:6px;display:grid}.board-header h2{font-size:clamp(1.25rem,1.08rem + .6vw,1.6rem);line-height:1.08}.game-label{color:var(--rose);font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;font-size:.72rem;font-weight:500}.compact-header{gap:8px;display:grid}.mini-flavor,.status-line,.mistakes-line,.selection-line,.rules-list,.tab-button small,.app-copy{color:var(--muted)}.mini-flavor,.status-line,.mistakes-line{line-height:1.7}.status-line{background:#315d9a14;border:1px solid #315d9a1f;border-radius:18px;padding:14px 16px}.rules-card{background:#e28d1c14;border:1px solid #e28d1c29;border-radius:18px;padding:14px 16px}.rules-title{color:var(--ink);margin-bottom:8px;font-weight:700}.rules-list{margin:0;padding-left:1.2rem;line-height:1.65}.source-list{flex-wrap:wrap;gap:8px;display:flex}.source-list a{color:var(--ink);background:#17130f0d;border:1px solid #17130f14;border-radius:999px;padding:.56rem .82rem;line-height:1.2;text-decoration:none;transition:background-color .14s,border-color .14s}.source-list a:hover,.source-list a:focus-visible{background:#315d9a1f;border-color:#315d9a3d;outline:none}.action-row{flex-wrap:wrap;gap:10px;display:flex}.secondary-button{color:var(--ink);cursor:pointer;background:#fff;border:1px solid #17130f1f;border-radius:14px;padding:.82rem 1.05rem;transition:transform .14s,box-shadow .14s,border-color .14s}.secondary-button:hover,.secondary-button:focus-visible{border-color:#315d9a4d;outline:none;transform:translateY(-1px);box-shadow:0 10px 24px #315d9a1a}.primary-button{color:#fffaf1;letter-spacing:.01em;cursor:pointer;background:linear-gradient(#e28d1c,#c66d0d);border:0;border-radius:16px;width:100%;padding:.95rem 1.1rem;font-weight:700;transition:transform .14s,box-shadow .14s,filter .14s;box-shadow:0 14px 28px #c66d0d38}.primary-button:hover,.primary-button:focus-visible{filter:saturate(1.05);outline:none;transform:translateY(-1px);box-shadow:0 18px 34px #c66d0d47}.secondary-button:disabled{opacity:.6;cursor:wait;box-shadow:none;transform:none}.mini-board{background:linear-gradient(180deg, #ffffffd1, #fffffff0), var(--paper);border:1px solid #17130f17;border-radius:24px;gap:14px;padding:clamp(14px,1.8vw,18px);display:grid}.buzz-grid{gap:10px;width:min(100%,420px);margin:0 auto;display:grid}.buzz-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.buzz-cell{aspect-ratio:1;font-family:var(--mono);text-transform:uppercase;background:#ffffffe0;border:1px solid #17130f1f;border-radius:16px;place-items:center;font-size:clamp(1.2rem,1.05rem + .5vw,1.55rem);font-weight:600;display:grid}.buzz-cell.filled{border-color:#17130f42}.buzz-cell.correct{background:var(--green-soft);border-color:#57824a4d}.buzz-cell.present{background:var(--amber-soft);border-color:#d2a13e5c}.buzz-cell.absent{color:#17130f8f;background:#6b728024}.keyboard{gap:10px;display:grid}.keyboard-row{grid-template-columns:repeat(10,minmax(0,1fr));gap:8px;display:grid}.keyboard-row:nth-child(2){grid-template-columns:repeat(9,minmax(0,1fr));padding-inline:18px}.keyboard-row.bottom{grid-template-columns:repeat(2,minmax(0,1fr))}.key{min-height:50px;color:var(--ink);font-family:var(--mono);cursor:pointer;background:#fff;border:1px solid #17130f1f;border-radius:14px;padding:.65rem .5rem;font-weight:600}.key.wide{font-family:var(--body);font-weight:600}.key.correct{background:var(--green-soft);border-color:#57824a52}.key.present{background:var(--amber-soft);border-color:#d2a13e4d}.key.absent{color:#17130f99;background:#6b728024}.chip-row,.solved-group-list{flex-wrap:wrap;gap:10px;display:flex}.chip-row.compact{gap:8px}.chip,.solved-group{background:#ffffffeb;border:1px solid #17130f1a;border-radius:16px}.chip{font-family:var(--mono);letter-spacing:.06em;padding:.7rem .9rem;font-size:.94rem}.chip.found{background:var(--green-soft);border-color:#57824a47}.tangle-grid{gap:8px;width:fit-content;margin:0 auto;display:grid}.tangle-cell,.sync-card{min-height:58px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #17130f1f;border-radius:16px;place-items:center;padding:.7rem;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s;display:grid}.tangle-cell{width:56px;height:56px;min-height:0;font-family:var(--mono);padding:0;font-size:clamp(1rem,.94rem + .25vw,1.2rem);font-weight:600}.board-footer{gap:12px;display:grid}.board-actions{gap:10px;display:flex}.board-actions .primary-button{flex:1}.board-actions .secondary-button{white-space:nowrap;width:auto}.tangle-cell:hover,.tangle-cell:focus-visible,.sync-card:hover,.sync-card:focus-visible{border-color:#315d9a47;outline:none;transform:translateY(-1px);box-shadow:0 12px 24px #412b1214}.tangle-cell.selected,.sync-card.selected{background:var(--blue-soft);border-color:#315d9a57}.tangle-cell.found{background:var(--green-soft);border-color:#57824a52}.selection-line{font-family:var(--mono);font-size:.94rem;line-height:1.6}.selection-line strong,.mistakes-line strong{color:var(--ink)}.solved-group{background:#fffffff5;gap:6px;padding:.95rem 1rem;display:grid}.solved-group strong{font-size:.96rem}.solved-group span{color:var(--muted);line-height:1.5}.sync-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.sync-card{text-align:center;min-height:86px;font-family:var(--mono);letter-spacing:.04em;padding:1rem .7rem;font-size:clamp(.92rem,.86rem + .2vw,1rem);font-weight:600}@media (width<=940px){.app-bar,.play-layout{grid-template-columns:1fr}.app-bar{flex-direction:column;align-items:start}}@media (width<=760px){#app{padding:12px}.tab-row{grid-template-columns:1fr}.app-actions{flex-direction:column;align-items:stretch;width:100%}.game-card,.app-bar{border-radius:24px}.keyboard-row{gap:6px}.keyboard-row:nth-child(2){padding-inline:10px}.key{min-height:46px;font-size:.9rem}.sync-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.action-row,.board-actions,.source-list{display:grid}.secondary-button,.primary-button,.source-list a{width:100%}}@media (width<=520px){.buzz-row,.keyboard-row{gap:6px}.buzz-cell,.tangle-cell{border-radius:12px}.tangle-cell{width:44px;height:44px}.sync-card{border-radius:14px;min-height:72px}}