:root{--bg:#f4efe7;--bg-accent:#e9dfcf;--surface:#fffbf5e0;--surface-strong:#fffdf9;--surface-muted:#fff8eee6;--text:#231815;--muted:#685b57;--line:#563e2e24;--shadow:0 24px 60px #4e352129;--accent:#c65d2e;--accent-strong:#a9441d;--accent-soft:#c65d2e1f;--highlight:#18805d;--highlight-soft:#18805d24;--focus:#0f766e;--board-size:min(78vw,360px);--history-panel-height:clamp(220px,28vh,360px);--radius-xl:28px;--radius-lg:20px;--radius-md:14px;color-scheme:light}*{box-sizing:border-box}html{min-height:100%;scrollbar-gutter:stable}body{background:radial-gradient(circle at top,#ffffffbf,#0000 35%),linear-gradient(180deg,#f8f2e8,#f4efe7 55%,#e8ddce);background:radial-gradient(circle at top,#ffffffbf,#0000 35%),linear-gradient(180deg,#f8f2e8 0,var(--bg) 55%,#e8ddce 100%);color:#231815;color:var(--text);font-family:Avenir Next,Segoe UI,Trebuchet MS,sans-serif;margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}#root,.app-shell{min-height:100vh}.app-shell{align-items:flex-start;display:flex;justify-content:center;padding:20px 20px 36px}.game-card{-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#fffbf5e0;background:var(--surface);border:1px solid #ffffffa6;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 24px 60px #4e352129;box-shadow:var(--shadow);padding:24px;width:min(1180px,100%)}.game-header{display:block;margin-bottom:12px}.hero-stack{grid-gap:10px;display:grid;gap:10px;max-width:720px}.eyebrow{color:#c65d2e;color:var(--accent);font-size:.78rem;font-weight:700;letter-spacing:.12em;margin:0 0 6px;text-transform:uppercase}.board-copy h2,.game-header h1,.match-brief-copy h2,.sidebar-actions h2,.sidebar-header h2,.sidebar-panel-copy h2{letter-spacing:-.04em;line-height:1;margin:0}.game-header h1{font-size:clamp(2.2rem,4.5vw,3.6rem)}.game-header-copy{color:#685b57;color:var(--muted);margin:0;max-width:38rem}.account-panel{grid-gap:14px;background:linear-gradient(135deg,#fffffff0,#ecf7f4eb),#fffdf9;background:linear-gradient(135deg,#fffffff0,#ecf7f4eb),var(--surface-strong);border:1px solid #18805d29;border-radius:20px;border-radius:var(--radius-lg);display:grid;gap:14px;padding:18px}.account-panel-header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.account-panel h2{font-size:1.45rem;letter-spacing:-.03em;line-height:1;margin:0}.account-badge{align-items:center;background:#685b571f;border-radius:999px;color:#685b57;color:var(--muted);display:inline-flex;font-size:.82rem;font-weight:700;min-height:32px;padding:0 12px;text-align:center}.account-badge-active{background:#18805d24;background:var(--highlight-soft);color:#195640}.account-copy,.display-name-copy{color:#685b57;color:var(--muted);margin:0}.account-form{grid-gap:12px;display:grid;gap:12px}.account-field{grid-gap:8px;display:grid;gap:8px}.account-field span{color:#685b57;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.account-field input{background:#fffdf9f0;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);color:#231815;color:var(--text);min-height:46px;min-width:0;padding:0 14px;width:100%}.account-field input:focus-visible{outline:3px solid #0f766e;outline:3px solid var(--focus);outline-offset:3px}.account-actions,.display-name-footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.account-actions>*{flex:1 1 140px}.account-sign-out-button,.display-name-reset-button{background:#fff8eedb;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:999px;color:#231815;color:var(--text);font-weight:700;min-height:46px;padding:0 16px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.account-sign-out-button:hover:not(:disabled),.display-name-reset-button:hover:not(:disabled){border-color:#c65d2e42;box-shadow:0 10px 20px #c65d2e1f;transform:translateY(-1px)}.account-sign-out-button:focus-visible,.display-name-reset-button:focus-visible{outline:3px solid #0f766e;outline:3px solid var(--focus);outline-offset:3px}.display-name-reset-button:disabled{background:#685b5714;box-shadow:none;color:#685b5794}.account-error{color:#a9441d;font-weight:700;margin:0}.account-status{color:#195640;font-weight:700;margin:0}.status-strip{grid-gap:12px;display:grid;gap:12px;overflow:visible}.status-summary{grid-gap:4px;align-content:start;background:#fffdf9;background:var(--surface-strong);border:1px solid #563e2e24;border:1px solid var(--line);border-radius:24px;box-shadow:inset 0 1px 0 #ffffffb8;display:grid;gap:4px;padding:18px 20px}.status-text{font-size:clamp(1.15rem,2vw,1.5rem);font-weight:700;margin:0}.status-detail{color:#685b57;color:var(--muted);margin:8px 0 0}.status-chip-row{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(180deg,#f4efe7f5,#f4efe7e0);border:1px solid #563e2e14;border-radius:22px;box-shadow:0 10px 24px #533b270f;display:flex;flex-wrap:wrap;gap:8px;padding:10px;position:-webkit-sticky;position:sticky;top:14px;z-index:8}.status-chip{align-items:center;background:linear-gradient(180deg,#ffffffe6,#f8f0e7e0);border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffffd1;color:#685b57;color:var(--muted);display:inline-flex;font-size:.88rem;font-weight:700;gap:8px;min-height:34px;padding:0 12px}.status-chip-readonly{opacity:.9}.status-chip-select{cursor:pointer;overflow:hidden;padding-right:36px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease,color .18s ease}.status-chip-select:hover{background:linear-gradient(180deg,#fffffffa,#fbf4ecf5);border-color:#c65d2e57;box-shadow:inset 0 1px 0 #ffffffe6,0 10px 18px #533b2714;color:#231815;color:var(--text);transform:translateY(-1px)}.status-chip-prefix{align-items:center;background:#c65d2e1a;border-radius:999px;color:#a9441d;color:var(--accent-strong);display:inline-flex;font-size:.7rem;font-weight:800;letter-spacing:.08em;min-height:20px;padding:0 7px;text-transform:uppercase;white-space:nowrap}.status-chip-select-value{align-items:center;display:inline-flex;gap:8px;min-width:0;pointer-events:none}.status-chip-select-text{color:#231815;color:var(--text);font-weight:800;letter-spacing:-.01em;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-chip-select-control{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:14px;border-radius:var(--radius-md);cursor:pointer;height:100%;inset:0;opacity:0;padding:10px;position:absolute;width:100%}.status-chip-select-control:focus{outline:none}.status-chip-select:focus-within{background:linear-gradient(180deg,#fffffffa,#fbf4ecfa);border-color:#c65d2e6b;box-shadow:inset 0 1px 0 #ffffffeb,0 0 0 3px #0f766e29;color:#231815;color:var(--text)}.status-chip-caret{color:#c65d2e;color:var(--accent);font-size:.78rem;pointer-events:none;position:absolute;right:12px;transition:transform .18s ease,color .18s ease}.status-chip-select:focus-within .status-chip-caret,.status-chip-select:hover .status-chip-caret{color:#a9441d;color:var(--accent-strong);transform:translateY(1px)}.status-chip-strong{background:#18805d24;background:var(--highlight-soft);border-color:#18805d3d;color:#195640}.status-chip-select-control option{background:#fffaf5;color:#231815;color:var(--text);font-weight:700}.board-setup{grid-gap:16px;background:linear-gradient(135deg,#ffffffeb,#edfff7e6),#fffdf9;background:linear-gradient(135deg,#ffffffeb,#edfff7e6),var(--surface-strong);border:1px solid #18805d2e;border-radius:20px;border-radius:var(--radius-lg);display:grid;gap:16px;padding:18px}.board-setup-copy h2{font-size:1.35rem;letter-spacing:-.03em;line-height:1;margin:0}.board-setup-copy p:last-child{color:#685b57;color:var(--muted);margin:8px 0 0}.game-setup-panel{margin-bottom:18px}.setup-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1fr}.setup-section{grid-gap:14px;background:#fff8ee94;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:grid;gap:14px;min-width:0;padding:16px}.setup-section-copy h3{font-size:1.1rem;letter-spacing:-.03em;line-height:1.1;margin:0}.setup-section-copy p{color:#685b57;color:var(--muted);margin:8px 0 0}.setup-control-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr}.control-field{grid-gap:8px;display:grid;gap:8px;min-width:0}.control-field span{color:#685b57;color:var(--muted);font-size:.82rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.control-select{-webkit-appearance:none;appearance:none;background-color:#fffdf9f0;background-image:linear-gradient(180deg,#fffffff5,#f7efe5f5),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='none'%3E%3Cpath d='m1 1.5 5 5 5-5' stroke='%23685b57' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:0 0,calc(100% - 14px) 50%;background-repeat:no-repeat,no-repeat;background-size:100% 100%,12px 8px;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);box-shadow:inset 0 1px 0 #ffffffe6;color:#231815;color:var(--text);min-height:46px;padding:0 42px 0 14px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.control-select:hover{border-color:#c65d2e4d}.control-select:focus-visible{outline:3px solid #0f766e;outline:3px solid var(--focus);outline-offset:3px}.control-help{color:#685b57;color:var(--muted);font-size:.9rem}.setup-badge-row{display:flex;flex-wrap:wrap;gap:8px}.setup-badge{align-items:center;background:#fffdf9e0;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:999px;color:#685b57;color:var(--muted);display:inline-flex;font-size:.88rem;font-weight:700;min-height:34px;padding:0 12px}.setup-badge-selected{background:#18805d24;background:var(--highlight-soft);border-color:#18805d52;color:#195640}.board-size-button-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.board-size-button{grid-gap:4px;background:linear-gradient(180deg,#fffffffa,#f6ede3fa);border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);color:#231815;color:var(--text);display:grid;gap:4px;min-height:76px;padding:12px;text-align:left;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.board-size-button:hover{border-color:#18805d52;box-shadow:0 12px 22px #18805d1a;transform:translateY(-1px)}.board-size-button:disabled{background:#fff8eec7;border-color:#685b572e;box-shadow:none;color:#685b57b8;transform:none}.board-size-button:focus-visible{outline:3px solid #0f766e;outline:3px solid var(--focus);outline-offset:3px}.board-size-button-selected{background:linear-gradient(180deg,#ecfff7fa,#e0f8eefa);border-color:#18805d6b;box-shadow:inset 0 0 0 1px #18805d24,0 14px 26px #18805d1f}.board-size-button-label{font-size:1rem;font-weight:800}.board-size-button-rule{color:#685b57;color:var(--muted);font-size:.88rem;font-weight:600}.board-size-options{grid-gap:10px;border:0;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));margin:0;min-width:0;padding:0}.board-size-options legend{clip:rect(0 0 0 0);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.board-size-option{grid-gap:4px;background:#fffdf9d1;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);cursor:pointer;display:grid;gap:4px;min-width:0;padding:14px;position:relative;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.board-size-option:hover{border-color:#18805d57;box-shadow:0 10px 20px #18805d1a;transform:translateY(-1px)}.board-size-option:focus-within{outline:3px solid #0f766e;outline:3px solid var(--focus);outline-offset:3px}.board-size-option-selected{background:#18805d24;background:var(--highlight-soft);border-color:#18805d6b;box-shadow:inset 0 0 0 1px #18805d24}.board-size-option input{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.board-size-label{font-size:1.05rem;font-weight:800}.board-size-rule{color:#685b57;color:var(--muted);font-size:.9rem}.display-name-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.display-name-card{grid-gap:10px;background:#fffdf9d1;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:grid;gap:10px;min-width:0;padding:14px}.display-name-default{color:#685b57;color:var(--muted);font-size:.9rem}.invite-panel,.invite-room-summary{grid-gap:14px;display:grid;gap:14px}.invite-share-row{grid-gap:10px;align-items:end;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.invite-share-field{min-width:0}.invite-share-field input[readonly]{color:#231815;color:var(--text)}.invite-player-list{grid-gap:10px;display:grid;gap:10px;margin:0}.invite-player-list div{grid-gap:4px;background:#fffdf9d1;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);display:grid;gap:4px;padding:12px 14px}.invite-player-list dt{color:#685b57;color:var(--muted);font-size:.8rem;font-weight:800;letter-spacing:.08em;margin:0;text-transform:uppercase}.invite-player-list dd{color:#231815;color:var(--text);font-size:1rem;font-weight:700;margin:0}.learn-callout{align-items:center;background:linear-gradient(135deg,#ffffffeb,#fff5e8eb),#fffdf9;background:linear-gradient(135deg,#ffffffeb,#fff5e8eb),var(--surface-strong);border:1px solid #c65d2e2e;border-radius:20px;border-radius:var(--radius-lg);display:flex;gap:18px;justify-content:space-between;padding:16px 18px}.learn-callout-copy{color:#685b57;color:var(--muted);margin:0}.game-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.12fr) minmax(300px,380px)}.game-main,.game-sidebar{grid-gap:16px;align-self:start;display:grid;gap:16px;min-width:0}.game-sidebar{max-height:calc(100vh - 40px);overflow-y:auto;padding-right:4px;position:-webkit-sticky;position:sticky;top:20px}.secondary-layout{grid-gap:24px;align-items:start;display:grid;gap:24px;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr)}.board-panel,.primary-sidebar,.secondary-main,.secondary-sidebar{align-self:start;min-width:0}.primary-sidebar,.secondary-sidebar{grid-gap:18px;display:grid;gap:18px}.board-card,.sidebar-card{background:#fffdf9;background:var(--surface-strong);border:1px solid #563e2e24;border:1px solid var(--line);border-radius:20px;border-radius:var(--radius-lg);box-shadow:inset 0 1px 0 #ffffffb3}.board-card{padding:24px}.board-card-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.board-copy{margin-bottom:20px}.board-card-header .board-copy{margin-bottom:0}.board-copy h2,.sidebar-actions h2,.sidebar-header h2{font-size:1.55rem}.board-card-actions,.board-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.board-grid{grid-gap:10px;aspect-ratio:1;display:grid;gap:10px;margin:0 auto;max-width:100%;width:min(100%,360px)}.board-turn-notice{color:#685b57;color:var(--muted);font-size:1rem;font-weight:700;margin:18px 0 0;text-align:center}.board-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr)}.board-row,.square{min-height:0;min-width:0}.square{aspect-ratio:1;background:linear-gradient(180deg,#fffffffa,#f6ede3fa);border:1px solid #563e2e33;border-radius:22px;box-shadow:inset 0 1px 0 #fffffff2,0 10px 24px #533b271f;color:#231815;color:var(--text);height:100%;padding:0;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease;width:100%}.square:hover:not(:disabled){border-color:#c65d2e73;box-shadow:inset 0 1px 0 #fffffff2,0 16px 28px #533b272e;transform:translateY(-2px)}.account-sign-out-button:focus-visible,.clear-records-button:focus-visible,.display-name-reset-button:focus-visible,.history-button:focus-visible,.history-sort-button:focus-visible,.learn-button:focus-visible,.modal-close-button:focus-visible,.new-game-button:focus-visible,.reset-button:focus-visible,.square:focus-visible,.status-chip-select-control:focus-visible{outline:3px solid #0f766e;outline:3px solid var(--focus);outline-offset:3px}.square:disabled{opacity:1}.square-value{align-items:center;display:inline-flex;font-size:clamp(2.4rem,8vw,3.4rem);font-weight:800;height:100%;justify-content:center;letter-spacing:-.05em;width:100%}.square-winning{background:linear-gradient(180deg,#e6fff5fa,#d4f7e9fa);border-color:#18805d5c;box-shadow:inset 0 0 0 1px #18805d26,0 18px 34px #18805d2e}.square-indicator{background:#18805d;background:var(--highlight);border-radius:999px;bottom:10px;color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.08em;padding:4px 7px;position:absolute;right:10px}.sidebar-card{padding:20px}.sidebar-header{align-items:center}.sidebar-actions,.sidebar-header{display:flex;gap:14px;justify-content:space-between}.sidebar-actions{flex-direction:column}.control-panel{grid-gap:14px;display:grid;gap:14px}.sidebar-panel-copy h2{font-size:1.22rem}.sidebar-action-buttons{display:flex;flex-wrap:wrap;gap:10px;width:100%}.sidebar-action-buttons>*{flex:1 1 140px;min-width:0}.account-sign-out-button,.display-name-reset-button,.history-sort-button,.learn-button,.modal-close-button,.new-game-button,.reset-button{border:1px solid #0000;border-radius:999px;min-height:46px;padding:0 16px;text-align:center;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.history-sort-button,.learn-button{background:#c65d2e1f;background:var(--accent-soft);color:#a9441d;color:var(--accent-strong);font-weight:700}.history-sort-button:hover:not(:disabled),.learn-button:hover:not(:disabled){box-shadow:0 10px 20px #c65d2e24;transform:translateY(-1px)}.action-button-hidden{pointer-events:none;visibility:hidden}.reset-button{background:#c65d2e;background:var(--accent);box-shadow:0 14px 30px #c65d2e3d;color:#fffaf5;font-weight:700}.new-game-button{background:#18805d;background:var(--highlight);box-shadow:0 14px 30px #18805d3d;color:#f7fffb;font-weight:700}.new-game-button:hover:not(:disabled){background:#0f6a4c;transform:translateY(-1px)}.reset-button:hover:not(:disabled){background:#a9441d;background:var(--accent-strong);transform:translateY(-1px)}.reset-button:disabled{background:#d1c5b7;box-shadow:none}.clear-records-button:disabled,.history-sort-button:disabled{background:#685b571f;box-shadow:none;color:#685b57a6}.local-records-copy{color:#685b57;color:var(--muted);margin:16px 0 0}.records-stats{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:18px 0 0}.records-stats div{background:#fff8eebd;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);min-width:0;padding:14px 16px}.records-stats dt{color:#685b57;color:var(--muted);font-size:.78rem;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.records-stats dd{font-size:1.3rem;font-weight:800;margin:0}.history-card{grid-gap:18px;display:grid;gap:18px}.history-main-card{margin-top:2px}.history-scroll-region{margin-top:18px;max-height:clamp(220px,28vh,360px);max-height:var(--history-panel-height);min-height:clamp(220px,28vh,360px);min-height:var(--history-panel-height);overflow-anchor:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-right:4px;scrollbar-gutter:stable}.history-list{grid-gap:10px;display:grid;gap:10px;list-style:none;margin:0;padding:0}.history-entry{min-width:0}.history-button,.history-current{border-radius:16px;padding:14px 16px;text-align:left;width:100%}.history-button{background:#fff;border:1px solid #563e2e24;border:1px solid var(--line);color:#231815;color:var(--text);display:flex;flex-direction:column;gap:4px}.history-button:hover{background:#fff8f1;border-color:#c65d2e66}.history-current{background:#18805d24;background:var(--highlight-soft);border:1px solid #18805d38;color:#124f3a;display:flex;flex-direction:column;font-weight:700;gap:4px}.history-meta{color:#685b57;color:var(--muted);font-size:.92rem;font-weight:500}.history-current .history-meta{color:#1f5b47}.history-dropdown-panel{grid-gap:14px;display:grid;gap:14px}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#2318156b;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;z-index:10}.learn-modal{background:radial-gradient(circle at top right,#ffecd2b8,#0000 38%),#fffdf9;background:radial-gradient(circle at top right,#ffecd2b8,#0000 38%),var(--surface-strong);border:1px solid #ffffffb8;border-radius:28px;border-radius:var(--radius-xl);box-shadow:0 32px 90px #23181547;margin:auto;max-height:min(760px,calc(100dvh - 48px));overflow:auto;padding:26px;width:min(680px,100%)}.learn-modal-header{align-items:flex-start;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.learn-modal h2,.learn-modal h3{letter-spacing:-.03em;line-height:1.1;margin:0}.learn-modal h2{font-size:clamp(2rem,5vw,3rem)}.learn-modal h3{font-size:1.15rem}.modal-close-button{background:#231815;background:var(--text);color:#fffaf5;flex:0 0 auto;font-weight:700}.modal-close-button:hover{box-shadow:0 12px 24px #2318152e;transform:translateY(-1px)}.learn-modal-intro{color:#685b57;color:var(--muted);font-size:1.05rem;margin:0 0 18px}.learn-sections{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.learn-sections section{background:#fff8eebd;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);padding:16px}.learn-sections p{color:#685b57;color:var(--muted);margin:8px 0 0}.winning-patterns{border-top:1px solid #563e2e24;border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.winning-patterns-copy{margin-bottom:14px}.winning-patterns-copy p{color:#685b57;color:var(--muted);margin:8px 0 0}.pattern-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.pattern-card{background:#fffdf9c7;border:1px solid #563e2e24;border:1px solid var(--line);border-radius:14px;border-radius:var(--radius-md);padding:14px}.pattern-card h4{font-size:1rem;letter-spacing:-.02em;margin:0}.pattern-card p{color:#685b57;color:var(--muted);font-size:.92rem;margin:6px 0 12px}.pattern-board{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr)}.pattern-cell{aspect-ratio:1;background:#fffaf5;border:1px solid #563e2e2e;border-radius:12px;box-shadow:inset 0 1px 0 #fffc;color:#231815;color:var(--text);display:grid;font-weight:800;min-width:0;place-items:center;position:relative}.pattern-cell-mark{font-size:clamp(1.2rem,4vw,1.65rem);line-height:1}.pattern-cell-winning{background:linear-gradient(180deg,#e6fff5fa,#d4f7e9fa);border-color:#18805d6b;box-shadow:inset 0 0 0 1px #18805d26,0 10px 18px #18805d1f;color:#124f3a}.pattern-cell-badge{background:#18805d;background:var(--highlight);border-radius:999px;bottom:4px;color:#fff;font-size:.48rem;font-weight:800;letter-spacing:.06em;padding:2px 4px;position:absolute;right:4px}@media (max-width:900px){.game-layout,.primary-layout,.secondary-layout,.setup-control-grid,.setup-layout{grid-template-columns:1fr}.board-card-header,.board-setup,.game-header,.learn-callout,.sidebar-actions,.sidebar-header{align-items:flex-start;flex-direction:column}.board-size-options{width:100%}.board-size-button-row,.board-size-options{grid-template-columns:1fr}.game-sidebar{max-height:none;overflow:visible;padding-right:0;position:static}.display-name-grid,.invite-share-row{grid-template-columns:1fr}.sidebar-action-buttons>*{flex-basis:100%}.account-sign-out-button,.clear-records-button,.display-name-reset-button,.history-sort-button,.learn-button,.new-game-button,.reset-button{justify-content:center;width:100%}.pattern-grid{grid-template-columns:1fr}}@media (max-width:640px){.app-shell{padding:14px 14px 28px}.game-card{border-radius:24px;padding:18px}.game-header{margin-bottom:16px}.board-card,.records-stats div,.sidebar-card,.status-summary{padding:18px}.status-summary{min-height:0}.status-chip-row{top:8px}.game-layout,.primary-layout,.secondary-layout,.setup-layout{gap:18px}.account-panel,.display-name-card{padding:16px}.square{border-radius:18px}.records-stats{grid-template-columns:1fr}.modal-overlay{padding:12px}.learn-modal{border-radius:24px;max-height:calc(100dvh - 24px);padding:20px}.learn-modal-header,.learn-sections{grid-template-columns:1fr}.learn-modal-header{flex-direction:column}.modal-close-button{width:100%}}@media (max-width:475px){:root{--history-panel-height:240px}.app-shell{align-items:stretch;padding:18px 12px}.game-card{padding:18px 16px}.board-card,.sidebar-card{padding:16px}.status-chip-select{max-width:100%}.board-grid,.board-row{gap:8px}.square{border-radius:18px}}
/*# sourceMappingURL=main.b3484b2b.css.map*/