:root{--bg:#f3f1eb;--bg-strong:#ece7de;--surface:#ffffffc2;--surface-strong:#ffffffeb;--surface-muted:#f8f6f1c7;--line:#1d23211a;--line-strong:#1d23212e;--text:#161a19;--text-muted:#161a199e;--accent:#0f766e;--accent-soft:#0f766e1a;--accent-strong:#115e59;--warm:#c67c2f;--danger:#c2414d;--shadow:0 20px 60px #2f2a2114;--radius:8px;--display:"Iowan Old Style", "Palatino Linotype", "Book Antiqua", serif;--body:"Avenir Next", "Segoe UI", "Helvetica Neue", sans-serif}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#0f766e1f,#0000 26rem),radial-gradient(circle at 100% 100%,#c67c2f1f,#0000 24rem),linear-gradient(#f6f4ef 0%,#efebe3 100%)}body{min-height:100vh;color:var(--text);font-family:var(--body);background:linear-gradient(#ffffff57,#ffffff57),repeating-linear-gradient(90deg,#1d232105 0 1px,#0000 1px 112px);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.62}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.page-shell{min-height:100vh;padding:32px;position:relative}.page-glow{filter:blur(70px);opacity:.42;pointer-events:none;width:28rem;height:28rem;position:absolute}.page-glow-left{background:radial-gradient(circle,#0f766e4d,#0000 62%);top:-10rem;left:-8rem}.page-glow-right{background:radial-gradient(circle,#c67c2f42,#0000 62%);bottom:-10rem;right:-12rem}.entry-screen,.room-scene{z-index:1;max-width:1280px;margin:0 auto;position:relative}.entry-screen{place-items:center;min-height:calc(100vh - 64px);display:grid}.entry-pane,.lobby-pane,.board-surface,.sidebar-surface{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg, #ffffffad, #ffffff70), var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.entry-pane,.lobby-pane{width:min(100%,34rem);padding:28px}.entry-mark,.room-mark{font-family:var(--display);letter-spacing:0;line-height:.96;display:inline-block}.entry-mark{font-size:clamp(3rem,7vw,5.6rem)}.compact-mark{font-size:clamp(2.2rem,5vw,3.2rem)}.entry-submark{color:var(--text-muted);margin:8px 0 0;font-size:.98rem}.field{gap:10px;display:grid}.field span,.eyebrow,.status-chip span,.metric-tile span,.selection-chip span{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.field input{width:100%;min-height:54px;color:var(--text);border:1px solid var(--line);background:#ffffffb3;border-radius:6px;outline:none;padding:0 16px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:#0f766e57;box-shadow:0 0 0 4px #0f766e14}.wide-button,.primary-button,.icon-button,.mode-button,.difficulty-tile,.digit-button{border:1px solid #0000;border-radius:6px;transition:border-color .16s,background-color .16s,transform .16s,color .16s}.primary-button,.icon-button,.mode-button{justify-content:center;align-items:center;gap:8px;min-height:46px;padding:0 14px;display:inline-flex}.primary-button{color:#fcfcfb;background:linear-gradient(135deg, var(--accent), var(--accent-strong))}.primary-button:hover,.icon-button:hover,.mode-button:hover,.difficulty-tile:hover,.digit-button:hover{transform:translateY(-1px)}.icon-button,.mode-button,.difficulty-tile,.digit-button{color:var(--text);border-color:var(--line);background:#ffffff8a}.icon-button.subtle{background:#ffffff6b}.icon-button.active,.mode-button.active,.difficulty-tile.active{background:var(--accent-soft);color:var(--accent-strong);border-color:#0f766e3d}.wide-button{width:100%}.lobby-pane{width:min(100%,42rem)}.lobby-head,.room-topbar,.board-surface-head,.sidebar-head,.room-top-actions,.brand-line,.status-strip,.tool-group{align-items:center;gap:12px;display:flex}.lobby-head,.room-topbar,.board-surface-head,.sidebar-head{justify-content:space-between}.mode-switch,.difficulty-grid,.metric-grid,.player-list,.lobby-stack,.room-sidebar{gap:14px;display:grid}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.mode-button{min-height:56px}.lobby-stack{margin-top:18px}.difficulty-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.difficulty-tile{text-align:left;gap:5px;min-height:82px;padding:12px;display:grid}.difficulty-tile span{font-size:.96rem}.difficulty-tile small{color:var(--text-muted);font-size:.74rem}.invite-strip,.room-pill,.live-pill,.completion-banner,.toast{align-items:center;gap:8px;display:inline-flex}.invite-strip{border:1px solid var(--line);background:#ffffff70;border-radius:6px;justify-content:space-between;padding:12px 14px}.invite-strip span,.invite-strip small,.muted-line{color:var(--text-muted)}.invite-strip strong{font-family:var(--display);font-size:1.04rem}.room-scene{gap:20px;display:grid}.room-mark{font-size:2rem}.room-pill,.live-pill,.status-chip,.selection-chip,.metric-tile{border:1px solid var(--line);background:#ffffff85;border-radius:6px}.room-pill,.live-pill{min-height:34px;padding:0 12px}.room-layout{grid-template-columns:minmax(0,1fr) 20rem;align-items:start;gap:18px;display:grid}.board-surface,.sidebar-surface{padding:18px}.surface-title{font-family:var(--display);margin:6px 0 0;font-size:clamp(2rem,4vw,2.8rem);line-height:.98}.status-strip{flex-wrap:wrap;justify-content:flex-end}.status-chip,.selection-chip{gap:4px;min-height:54px;padding:10px 12px;display:grid}.status-chip strong,.selection-chip strong,.metric-tile strong,.player-right span{font-size:1rem}.selection-chip{min-width:9rem}.selection-chip small{color:var(--text-muted);font-size:.78rem}.board-frame{grid-template-rows:1rem minmax(0,1fr);grid-template-columns:1rem minmax(0,1fr);gap:10px;width:min(100%,44rem);margin:0 auto;display:grid}.board-axis{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.74rem}.board-axis-top{grid-column:2;grid-template-columns:repeat(9,minmax(0,1fr));display:grid}.board-axis-top span,.board-axis-side span{place-items:center;display:grid}.board-axis-side{grid-row:2;grid-template-rows:repeat(9,minmax(0,1fr));display:grid}.board-shell{background:linear-gradient(180deg, #ffffffa8, #ffffff85), var(--surface-strong);border:1px solid var(--line);border-radius:6px;grid-area:2/2;padding:10px}.board-grid{aspect-ratio:1;border:1.5px solid var(--line-strong);grid-template-columns:repeat(9,minmax(0,1fr));width:100%;display:grid}.cell{min-width:0;color:var(--text);background:#fbfaf7;border:1px solid #161a1914;border-top:0;border-left:0;place-items:center;padding:0;display:grid;position:relative}.cell:before{content:"";box-shadow:inset 0 0 0 0 var(--cell-accent,transparent);position:absolute;inset:0}.cell:nth-child(9n+1){border-left:0}.cell:nth-child(3n){border-right-width:1.5px}.cell:nth-child(9n){border-right-width:0}.cell:nth-child(n+19):nth-child(-n+27),.cell:nth-child(n+46):nth-child(-n+54){border-bottom-width:1.5px}.cell:hover{background:#f4f5f1}.cell-given{background:#fff}.cell-given .cell-value{font-weight:600}.cell-selected{z-index:2;box-shadow:inset 0 0 0 2px var(--accent);background:#e6f1ee}.cell-neighbor{background:#f1f4f1}.cell-same-value{background:#eef2e6}.cell-wrong .cell-value{color:var(--danger)}.cell-owner{border-radius:999px;width:6px;height:6px;position:absolute;top:6px;right:6px}.cell-value{font-family:var(--display);font-size:clamp(1.3rem,3vw,2.1rem);line-height:1}.cell-notes{width:80%;color:var(--text-muted);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;font-size:clamp(.42rem,1.2vw,.72rem);display:grid}.cell-note{aspect-ratio:1;place-items:center;display:grid}.board-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.tool-group{flex-wrap:wrap;justify-content:flex-end}.keypad-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;width:min(100%,24rem);margin:18px auto 0;display:grid}.digit-button{min-height:3.1rem;font-family:var(--display);padding:0;font-size:1.1rem}.completion-banner{min-height:48px;color:var(--accent-strong);background:#0f766e14;border:1px solid #0f766e29;border-radius:6px;justify-content:center;margin-top:18px;padding:0 14px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile{gap:6px;padding:12px;display:grid}.compact-grid{margin-top:16px}.player-list{gap:0}.player-line{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:60px;padding:10px 0;display:flex}.player-line:last-child{border-bottom:0}.player-left,.player-right{align-items:center;gap:10px;display:flex}.player-left strong{font-size:.95rem;display:block}.player-left small,.player-right small{color:var(--text-muted);font-size:.76rem}.player-right{flex-direction:column;align-items:flex-end;gap:3px}.player-rank{width:24px;color:var(--text-muted);text-align:center;font-size:.8rem}.player-swatch{border-radius:999px;width:10px;height:10px}.muted-line{margin:14px 0 0;font-size:.9rem}.toast-stack{z-index:20;gap:10px;width:min(100vw - 32px,20rem);display:grid;position:fixed;top:20px;right:20px}.toast{min-height:48px;color:var(--text);text-align:left;border:1px solid var(--line);background:#ffffffeb;justify-content:flex-start;padding:10px 14px;box-shadow:0 16px 32px #2f2a211a}.toast-neutral{border-color:var(--line-strong)}.toast-success{border-color:#0f766e3d}.toast-error{border-color:#c2414d42}.toast-event{border-color:#c67c2f42}.spin{animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:1080px){.room-layout{grid-template-columns:minmax(0,1fr)}.room-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.page-shell{padding:18px}.entry-pane,.lobby-pane,.board-surface,.sidebar-surface{padding:16px}.mode-switch,.difficulty-grid,.metric-grid,.room-sidebar{grid-template-columns:minmax(0,1fr)}.room-topbar,.board-toolbar,.board-surface-head{flex-direction:column;align-items:stretch}.room-top-actions,.status-strip,.tool-group{justify-content:stretch}.room-top-actions>*,.tool-group>*{flex:1 1 0}.status-strip{justify-content:stretch}.status-chip,.selection-chip{min-width:0}.keypad-grid{width:100%}.toast-stack{width:auto;inset:auto 16px 16px}}