@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-ext-wght-normal.076198e1.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/_next/static/media/dm-sans-latin-wght-normal.09c66476.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/outfit-latin-ext-wght-normal.ab4ba1c6.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Outfit Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_next/static/media/outfit-latin-wght-normal.7aeaa3d2.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--palette-paper:#f7f5fa;--palette-white:#ffffff;--palette-ink:#30273b;--palette-muted:#746b80;--palette-line:#e3ddea;--palette-plum:#624195;--palette-plum-deep:#452e6b;--palette-mist:#ece5f6;--palette-teal:#286b60;--palette-teal-light:#e7f3ef;--palette-peach:#ecad93;--palette-pink:#bf718d;--palette-red:#a3304b;--palette-red-light:#fceaf0;--palette-amber:#866014;--surface-page:var(--palette-paper);--surface-raised:var(--palette-white);--surface-tinted:var(--palette-mist);--text-primary:var(--palette-ink);--text-secondary:var(--palette-muted);--action-primary:var(--palette-plum);--action-hover:var(--palette-plum-deep);--border-default:var(--palette-line);--focus-ring:var(--palette-plum);--status-success:var(--palette-teal);--status-danger:var(--palette-red);--status-warning:var(--palette-amber);--color-primary:var(--action-primary);--color-text:var(--text-primary);--color-canvas:var(--surface-page);--color-muted:var(--text-secondary);--color-border:var(--border-default);--color-surface:var(--surface-raised);--color-primary-hover:var(--action-hover);--color-focus:var(--focus-ring);--color-success-text:var(--status-success);--color-success-surface:var(--palette-teal-light);--color-success-border:var(--border-default);--color-error-text:var(--status-danger);--color-error-surface:var(--palette-red-light);--color-accent:var(--palette-peach);--color-winner-surface:var(--palette-teal-light);--color-winner-border:var(--border-default);--color-winner-text:var(--status-success);--color-warning:var(--status-warning);--color-success:var(--status-success);--color-success-icon:var(--status-success);--color-game-blue:var(--palette-plum);--color-game-brown:var(--palette-pink);--color-game-green:var(--palette-teal);--color-game-purple:var(--palette-plum-deep);--color-game-orange:var(--palette-amber);--color-soft-blue:var(--surface-tinted);--color-icon:var(--action-primary);--color-placeholder:var(--text-secondary);--color-border-dashed:var(--palette-muted);--color-border-input:var(--border-default);--color-border-button:var(--border-default);--color-border-dialog:var(--border-default);--color-muted-icon:var(--text-secondary);--color-search-icon:var(--text-secondary);--color-status-text:var(--text-secondary);--color-badge-text:var(--action-primary);--color-empty-icon:var(--action-primary);--color-mint:var(--palette-teal-light);--color-nav-active:var(--surface-tinted);--color-nav-hover:var(--surface-tinted);--color-button-hover:var(--surface-tinted);--color-badge-surface:var(--surface-tinted);--color-draft-surface:var(--surface-tinted);--color-filter-surface:var(--surface-tinted);--color-mode-surface:var(--surface-tinted);--color-roster-surface:var(--surface-tinted);--color-subtle-surface:var(--surface-page);--color-secondary-hover:var(--surface-tinted);--color-separator:var(--border-default);--color-table-heading:var(--surface-page);--color-on-primary:var(--palette-white);--color-sidebar:var(--palette-plum-deep);--color-sidebar-text:#ffffff;--color-sidebar-muted:#d4c6e8;--color-sidebar-brand:#5c4381;--color-sidebar-active:#715692;--color-sidebar-hover:#513774;--color-shadow-dialog:#30273b26;--color-backdrop:#24172c80;--color-shadow-button:#30273b14;--color-shadow-popover:#30273b14;--color-shadow-spine:#30273b26;--color-decoration-outline:#ffffff55;--shadow-panel:0 16px 64px var(--color-shadow-popover);--shadow-dialog:0 24px 80px var(--color-shadow-dialog);--font-body:"DM Sans Variable","Avenir Next",sans-serif;--font-display:"Outfit Variable","Avenir Next",sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-hero:clamp(2rem,3vw,2.75rem);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--toolbar-height:64px;--control-height:46px;--control-line-height:20px;--field-action-width:176px;--sidebar-width:248px;--radius-field:8px;--radius-control:12px;--radius-panel:20px;--radius-dialog:28px;--radius-pill:999px;--space-page:clamp(24px,4vw,64px);--content-width:1440px;font-family:var(--font-body);color:var(--color-text);background:var(--color-canvas);font-synthesis:none;font-weight:400}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}a,button,input,select,summary,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a,button{color:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid var(--color-focus);outline-offset:1px}svg{flex-shrink:0}h1,h2,h3,p{margin-top:0}h1{font-size:var(--text-hero);font-weight:650;letter-spacing:-.045em;line-height:1.2;margin-bottom:var(--space-3)}h1,h2{font-family:var(--font-display)}h2{font-size:var(--text-xl);letter-spacing:-.5px;font-weight:600}h3{font-size:var(--text-base);font-family:var(--font-display)}p{line-height:1.65}button{border:0;background:none}button,summary{touch-action:manipulation}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fatal{max-width:650px;padding-top:80px}.fatal button{background:var(--color-primary);color:var(--color-surface);padding:var(--space-3) var(--space-5);border-radius:var(--radius-field)}body{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}p{max-width:75ch}@media (prefers-reduced-motion:no-preference){a,button,input,select,textarea{transition:background-color .14s ease,border-color .14s ease,box-shadow .14s ease}}.skeleton{display:inline-block;min-inline-size:2ch;block-size:1em;border-radius:var(--radius-field);background:var(--color-soft-blue);vertical-align:middle}.loading-placeholder{display:grid;align-content:start;gap:var(--space-5)}.loading-placeholder p{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.loading-placeholder-lines{display:grid;gap:var(--space-4)}.loading-placeholder-lines .skeleton{display:block;inline-size:100%;block-size:var(--control-height)}.loading-placeholder-lines .skeleton:last-child{inline-size:70%}.records-loading{min-block-size:24rem}.publication-loading{min-block-size:36rem}.sidebar .nav-count-loading .skeleton{min-inline-size:1ch;background:var(--color-sidebar-muted)}.sign-in-methods{min-block-size:2lh}@media (max-width:700px){.publication-loading{min-block-size:44rem}.sign-in-methods{min-block-size:3lh}}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:650;min-height:var(--control-height);border-radius:var(--radius-control);padding:var(--space-3) var(--space-5);white-space:nowrap}.primary{background:var(--color-primary);color:var(--color-on-primary);border:1px solid var(--color-primary);box-shadow:none}.primary:hover{background:var(--color-primary-hover)}.secondary{border:1px solid var(--color-border-button);background:var(--color-surface)}.secondary:hover{background:var(--color-secondary-hover)}.log-button{min-width:136px}.text-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);min-height:32px;color:var(--color-primary);font-size:var(--text-xs);font-weight:600;padding:var(--space-1) 0}.text-button:hover{text-decoration:underline}.muted{color:var(--color-muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-control);flex-shrink:0;color:var(--color-muted-icon)}.icon-button:hover{background:var(--color-button-hover);color:var(--color-primary)}.editor-dialog,.info-dialog{border:1px solid var(--color-border-dialog);border-radius:var(--radius-dialog);color:var(--color-text);background:var(--color-surface);padding:var(--space-8);width:min(700px,calc(100% - 32px));max-height:calc(100dvh - 32px);box-shadow:var(--shadow-dialog)}.info-dialog{width:min(570px,calc(100% - 32px));padding:var(--space-6)}.info-dialog>p{font-size:var(--text-sm);color:var(--color-muted)}dialog::backdrop{background:var(--color-backdrop);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);margin-bottom:var(--space-6)}.dialog-heading h2{margin-bottom:0;font-size:30px}.dialog-heading .small-label{margin-bottom:var(--space-1)}.dialog-heading .icon-button{align-self:flex-start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.full{grid-column:1/-1}label{display:flex;flex-direction:column;gap:var(--space-2);font-size:var(--text-xs);font-weight:600;min-width:0}input,select,textarea{width:100%;min-width:0;display:block;background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-input);border-radius:var(--radius-field);min-height:44px;padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:400}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:var(--color-placeholder)}fieldset{margin:0;padding:0;border:0;min-width:0}.participants{display:grid;gap:var(--space-3)}.participant{display:grid;grid-template-columns:minmax(100px,1fr) 80px 142px 32px;gap:var(--space-2);align-items:end}.participant.with-team{grid-template-columns:minmax(85px,1fr) minmax(70px,1fr) 70px 125px 30px}.participant .icon-button{height:43px;width:30px}.roster{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin:var(--space-3) 0 var(--space-5)}.roster-chip{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);min-height:32px;padding:var(--space-1) var(--space-2);background:var(--color-roster-surface);border-radius:var(--radius-field)}.coop-result{margin:var(--space-5) 0}.more-details{border-top:1px solid var(--color-border);padding-top:var(--space-4);margin-top:var(--space-5)}.more-details summary{font-size:var(--text-xs);font-weight:600;cursor:pointer;padding:var(--space-1) 0 var(--space-4)}.more-details .form-grid{margin:var(--space-1) 0 var(--space-2)}.dialog-footer{border-top:1px solid var(--color-border);margin-top:var(--space-5);padding-top:var(--space-5);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.dialog-footer>div{display:grid;justify-items:start;gap:3px}.draft-status{color:var(--color-muted);line-height:1.5}.dialog-footer .text-button,.draft-status{font-size:var(--text-xs)}.storage-status{display:flex;gap:var(--space-3);align-items:start;padding:var(--space-4);background:var(--color-subtle-surface);border-radius:var(--radius-control);margin-bottom:var(--space-5)}.storage-status svg{color:var(--color-primary)}.storage-status strong{font-size:var(--text-sm)}.storage-status p{font-size:var(--text-xs);margin:var(--space-2) 0 0;color:var(--color-muted)}.backup-actions{display:flex;gap:var(--space-2);flex-wrap:wrap;margin:var(--space-5) 0}.info-dialog hr{border:0;border-top:1px solid var(--color-border);margin:var(--space-6) 0}.info-dialog h3{font-size:var(--text-sm)}.info-dialog h3,.info-dialog>.helper{margin-top:var(--space-5)}.restore-preview{border:1px solid var(--color-border);padding:var(--space-4);border-radius:var(--radius-control)}.restore-preview p{font-size:var(--text-xs)}.restore-preview .text-button{margin-left:var(--space-4)}.cover-settings summary{cursor:pointer;color:var(--color-primary);font-size:var(--text-sm);padding:var(--space-2) 0}.cover-settings[open] .cover-upload{margin-top:var(--space-3)}.confirmation-dialog{max-width:480px}.confirmation-dialog h2{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.confirmation-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-6)}.form-validation{position:relative;margin-bottom:var(--space-4)}[aria-invalid=true]{border-color:var(--color-error-text)}.editor-dialog .dialog-footer{position:sticky;bottom:calc(-1 * var(--space-8));background:var(--color-surface);padding:var(--space-4) 0;z-index:2}.field-action-row{display:grid;grid-template-columns:minmax(0,1fr) var(--field-action-width);gap:var(--space-3);align-items:end}.field-action-row>.form-validation{grid-column:1/-1;margin:0}.field-action-row>button{width:100%}input:not([type=checkbox]):not([type=radio]):not([type=file]),select{height:var(--control-height);line-height:var(--control-line-height)}.primary,.secondary{line-height:var(--control-line-height)}@media (max-width:480px){.field-action-row{grid-template-columns:minmax(0,1fr)}}.friend-code-control{display:grid;gap:var(--space-2)}.copy-field{position:relative}.copy-field input{padding-right:calc(var(--control-height) + var(--space-2))}.copy-field .copy-button{position:absolute;right:1px;top:1px;width:calc(var(--control-height) - 2px);height:calc(var(--control-height) - 2px);border-radius:var(--radius-field);color:var(--color-primary)}.app-shell{min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);background:var(--color-sidebar);border-right:0;padding:var(--space-8) var(--space-5);display:flex;flex-direction:column;z-index:5;color:var(--color-sidebar-text)}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;line-height:1.35;padding:0 var(--space-2) var(--space-10);letter-spacing:-.3px;font-family:var(--font-display);font-weight:600}.brand,.brand strong{font-size:var(--text-xl)}.brand strong{font-weight:750}.brand-mark{width:49px;height:49px;display:grid;place-items:center;background:var(--color-sidebar-brand);color:var(--color-sidebar-text);border-radius:var(--radius-panel);transform:none}.sidebar nav{display:grid;gap:var(--space-2)}.sidebar nav :is(button,a){display:flex;align-items:center;gap:var(--space-3);border-radius:var(--radius-control);padding:var(--space-3) var(--space-4);text-align:left;text-decoration:none;font-size:var(--text-sm);font-weight:600;color:var(--color-sidebar-muted);min-height:48px}.sidebar nav :is(button,a):hover{background:var(--color-sidebar-hover)}.sidebar nav .active{background:var(--color-sidebar-active);color:var(--color-sidebar-text)}.sidebar nav :is(button,a)>span{margin-left:auto;font-size:var(--text-xs);background:var(--color-sidebar-brand);padding:2px var(--space-2);border-radius:var(--radius-field);color:var(--color-sidebar-text)}.sidebar-bottom{margin-top:auto}.local-note{padding:var(--space-5) var(--space-3);margin-top:var(--space-8);border-top:1px solid var(--color-sidebar-brand)}.local-note>svg{color:var(--color-success-icon);margin-bottom:var(--space-3);display:block}.local-note strong{font-size:var(--text-sm);line-height:1.6;display:block}.local-note p{font-size:var(--text-xs);color:var(--color-sidebar-muted);margin:var(--space-2) 0 var(--space-3)}.local-note .text-button{font-size:var(--text-xs);padding:3px 0;color:var(--color-sidebar-text)}.install-link{text-decoration:none;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:600}.version{display:block;margin:var(--space-4) var(--space-3) 0;font-size:var(--text-xs);color:var(--color-sidebar-muted)}.workspace{margin-left:var(--sidebar-width)}.topbar{min-height:var(--toolbar-height);padding:var(--space-2) var(--space-page);border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-4);background:var(--color-surface)}.topbar .social-open{min-height:44px;padding:var(--space-2);white-space:nowrap}main{max-width:var(--content-width);padding:var(--space-10) var(--space-page) var(--space-8);margin:0 auto}.small-label{font-size:var(--text-sm);display:block;color:var(--color-muted);margin-bottom:var(--space-2)}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-5);margin-bottom:var(--space-8)}.page-heading-copy{min-width:0}.page-heading h1{margin:0;font-size:var(--text-hero);overflow-wrap:anywhere}.page-heading p{margin:var(--space-3) 0 0;max-width:65ch;font-size:var(--text-sm);color:var(--color-muted)}.page-heading-actions{display:flex;flex-shrink:0;align-items:center;flex-wrap:wrap;gap:var(--space-3)}@media (min-width:1550px){.page-heading{margin-bottom:var(--space-10)}}@media (max-width:950px){.page-heading{align-items:flex-start}}@media (max-width:700px){.page-heading{flex-direction:column;align-items:stretch;margin-bottom:var(--space-6)}.page-heading-actions>*{flex:1 1}}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);background:transparent;border:0;border-radius:0;padding:var(--space-5) 0;margin-bottom:var(--space-8);border-bottom:1px solid var(--color-border)}.stat-strip>div{display:flex;gap:var(--space-3);align-items:center;padding:0 var(--space-5);border-right:1px solid var(--color-border)}.stat-strip>div:last-child{border:0}.stat-strip>div>div{display:grid;gap:var(--space-1)}.stat-strip strong{font-size:34px;letter-spacing:-.04em;line-height:1.1;font-weight:550;font-family:var(--font-display)}.stat-strip small{font-size:var(--text-sm);color:var(--color-muted);font-weight:400}.stat-strip span:not(.stat-icon){font-size:var(--text-xs);color:var(--color-muted)}.stat-icon{color:var(--color-primary);background:var(--color-soft-blue);border-radius:var(--radius-control);width:40px;height:40px;display:grid;place-items:center;flex-shrink:0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin:var(--space-6) 0 var(--space-4)}.section-heading h2,.section-heading h3{display:flex;align-items:center;gap:var(--space-2);margin:0}.section-heading>span{font-size:var(--text-xs);color:var(--color-muted)}.journal-heading{margin-top:0}.journal-heading h2{font-size:var(--text-lg)}.count-badge{font-size:var(--text-xs);letter-spacing:0;background:var(--color-badge-surface);color:var(--color-badge-text);padding:var(--space-1) var(--space-2);border-radius:var(--radius-field)}.filters{display:flex;align-items:start;gap:var(--space-3);margin-bottom:var(--space-5)}.search-field{position:relative;flex:1 1;min-width:120px}.search-field svg{position:absolute;left:14px;top:14px;color:var(--color-search-icon)}.search-field input{padding-left:var(--space-10)!important}.filters select{min-width:152px}.filters input,.filters select{height:46px;border-color:var(--color-border);background:var(--color-surface);font-size:var(--text-xs)}.date-filter{position:relative}.date-filter>summary{font-size:var(--text-xs);padding:var(--space-4) var(--space-3);cursor:pointer;background:var(--color-surface);white-space:nowrap}.date-filter>div,.date-filter>summary{border:1px solid var(--color-border);border-radius:var(--radius-control)}.date-filter>div{position:absolute;top:52px;right:0;z-index:2;background:white;padding:var(--space-4);box-shadow:0 8px 24px var(--color-shadow-popover);display:grid;gap:var(--space-3);min-width:210px}.empty-state{background:var(--color-surface);border:1px dashed var(--color-border-dashed);border-radius:var(--radius-panel);min-height:350px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-10) var(--space-6)}.empty-dice{color:var(--color-empty-icon);position:relative;width:90px;height:80px;display:grid;place-items:center;background:var(--color-soft-blue);border-radius:26px 26px 34px 19px;transform:rotate(-8deg);margin-bottom:var(--space-6)}.empty-dice svg{transform:rotate(8deg);stroke-width:1.4}.little-pip{position:absolute;width:16px;height:16px;background:var(--color-accent);border:4px solid var(--color-surface);border-radius:50%;right:-5px;top:10px}.empty-state h2{font-size:var(--text-2xl);margin:0 0 var(--space-2)}.empty-state p{font-size:var(--text-sm);color:var(--color-muted);margin:0 0 var(--space-5)}.empty-state .primary{font-size:var(--text-xs);min-height:42px}.empty-caption{gap:var(--space-2)}.empty-caption,.page-footer{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-muted);display:flex;align-items:center}.page-footer{justify-content:space-between;gap:var(--space-3)}.page-footer>span{display:flex;align-items:center;gap:var(--space-2)}.page-footer .text-button{font-weight:400;font-size:var(--text-xs)}.play-list{display:grid;gap:var(--space-3)}.play-card{display:flex;align-items:flex-start;gap:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-6)}.game-tile{width:46px;height:52px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:5px 10px 10px 5px;border-left:4px solid var(--color-shadow-spine);color:var(--color-surface);background:var(--color-game-blue)}.game-tile:after{content:"";position:absolute;width:60px;height:60px;border:1px solid var(--color-decoration-outline);border-radius:50%;top:23px;right:-14px}.game-tile svg{width:22px;height:22px;opacity:.4;position:absolute;top:4px;right:-3px;transform:rotate(15deg)}.game-tile span{font-family:var(--font-display);font-size:var(--text-xl);position:relative;text-transform:uppercase;font-weight:650}.large-tile{width:66px;height:82px}.large-tile span{font-size:var(--text-2xl)}.large-tile svg{width:35px;height:35px}.tile-1{background:var(--color-game-brown)}.tile-2{background:var(--color-game-green)}.tile-3{background:var(--color-game-purple)}.tile-4{background:var(--color-game-orange)}.play-content{min-width:0;flex:1 1}.play-title{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.play-title button{font-size:var(--text-xl);font-weight:550;letter-spacing:-.4px;text-align:left;padding:0;overflow-wrap:anywhere;font-family:var(--font-display)}.play-title button:disabled{opacity:1;color:var(--color-text)}.mode-badge{padding:var(--space-1) var(--space-3);background:var(--color-mode-surface);border-radius:var(--radius-pill)}.mode-badge,.play-meta{font-size:var(--text-xs);color:var(--color-muted)}.play-meta{gap:var(--space-1) var(--space-4);margin:var(--space-2) 0 var(--space-3)}.play-meta,.player-scores{display:flex;flex-wrap:wrap}.player-scores{gap:var(--space-2)}.player-scores>span{font-size:var(--text-sm);display:inline-flex;align-items:center;gap:var(--space-1);border:0;border-radius:var(--radius-field);padding:var(--space-1) var(--space-2);overflow-wrap:anywhere;background:var(--color-subtle-surface)}.player-scores strong{flex-shrink:0;white-space:nowrap;border-left:1px solid var(--color-border);padding-left:var(--space-2);color:var(--color-text)}.player-scores .winning-player{background:var(--color-winner-surface);border-color:var(--color-winner-border);color:var(--color-winner-text)}.play-result{display:block;margin-top:var(--space-2)}.play-notes,.play-result{font-size:var(--text-xs);color:var(--color-muted)}.play-notes{white-space:pre-wrap;overflow-wrap:anywhere;margin:var(--space-3) 0 0}.play-actions{display:flex;gap:var(--space-3);align-items:center}.banner,.play-actions .text-button{font-size:var(--text-xs)}.banner{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2) var(--space-3);margin:0 0 var(--space-5);line-height:1.6}.banner>span{flex:1 1}.banner .icon-button{margin-left:auto;width:30px;height:30px}.notice{background:var(--color-success-surface);color:var(--color-success-text);border-color:var(--color-success-border)}.draft-banner{background:var(--color-draft-surface)}.error{color:var(--color-error-text);background:var(--color-error-surface);padding:var(--space-3);font-size:var(--text-sm);line-height:1.6}.error,.filter-pill{border-radius:var(--radius-field)}.filter-pill{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-filter-surface);padding:3px var(--space-1) 3px var(--space-3);font-size:var(--text-xs);margin-bottom:var(--space-4)}.filter-pill .icon-button{width:26px;height:26px}.insights{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);padding:var(--space-6)}.insights>.section-heading{margin-top:0}.helper{font-size:var(--text-xs);color:var(--color-muted);line-height:1.7}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}th{color:var(--color-muted);font-size:var(--text-xs);font-weight:500;background:var(--color-table-heading)}td,th{padding:var(--space-3);border-bottom:1px solid var(--color-border)}.empty-small,td .text-button{font-size:var(--text-sm)}.empty-small{padding:var(--space-8);text-align:center;color:var(--color-muted)}.games-heading{margin:var(--space-8) 0 var(--space-5)}.game-summaries{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.game-summary{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);text-align:left;min-width:0}.game-summary>span{flex:1 1;display:grid;gap:var(--space-1);overflow-wrap:anywhere;min-width:0}.game-summary strong{font-size:var(--text-sm)}.game-summary small{font-size:var(--text-xs);color:var(--color-muted)}.auth-panel h1{font-size:38px;margin-top:var(--space-6)}.auth-panel>p{font-size:var(--text-sm);color:var(--color-muted)}.auth-panel form{display:grid;gap:var(--space-4)}.auth-panel form>.primary,.google-button{width:100%}.auth-home{font-weight:700;text-decoration:none;color:var(--color-primary)}.auth-divider,.auth-home{display:flex;align-items:center;gap:var(--space-3)}.auth-divider{margin:var(--space-5) 0;color:var(--color-muted);font-size:var(--text-xs)}.auth-divider:after,.auth-divider:before{content:"";height:1px;background:var(--color-border);flex:1 1}.auth-code-actions{display:flex;justify-content:space-between;margin-top:var(--space-4)}.auth-footnote{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-muted);margin-top:var(--space-6);line-height:1.6}.auth-loading{max-width:600px;margin:15vh auto;text-align:center;color:var(--color-muted)}.toolbar-popover{position:relative}.toolbar-popover>summary{display:flex;align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-1) var(--space-2);border-radius:var(--radius-control);list-style:none;cursor:pointer;font-size:var(--text-sm)}.toolbar-popover>summary::-webkit-details-marker{display:none}.toolbar-popover>summary:hover,.toolbar-popover[open]>summary{background:var(--color-subtle-surface)}.toolbar-popover-panel{position:absolute;right:0;top:calc(100% + var(--space-2));z-index:10;width:min(360px,calc(100vw - var(--space-8)));max-height:calc(100dvh - 160px);overflow-y:auto;padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-panel);font-size:var(--text-sm)}.account-menu{flex-shrink:0}.account-menu>summary{padding-left:var(--space-1);border:1px solid var(--color-border)}.account-avatar{flex-shrink:0;width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius-control);background:var(--color-soft-blue);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-lg);font-weight:650}.account-name{min-width:0;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:650}.account-display-name,.account-email{display:block;overflow-wrap:anywhere}.account-display-name{font-size:var(--text-lg)}.account-email,.account-menu p{color:var(--color-muted);font-size:var(--text-xs)}.account-menu p{margin:var(--space-4) 0}.account-menu a{display:block;margin-bottom:var(--space-3)}.account-action{display:flex;align-items:center;gap:var(--space-3);min-height:44px;width:100%;text-align:left;border-radius:var(--radius-field);padding:var(--space-2)}.account-action:hover{background:var(--color-subtle-surface)}.sync-panel{margin-right:auto;min-width:0;color:var(--color-muted)}.sync-popover>summary{color:var(--color-success-text);white-space:nowrap}.sync-needs-attention>summary{color:var(--color-error-text)}.sync-offline>summary{color:var(--color-muted)}.sync-popover .toolbar-popover-panel{left:0;right:auto;width:min(480px,calc(100vw - var(--space-8)))}.sync-popover h2{font-size:var(--text-lg);margin-bottom:var(--space-3)}.account-notice{margin-left:var(--sidebar-width);padding:var(--space-3) var(--space-page);background:var(--color-canvas);font-size:var(--text-xs);color:var(--color-muted)}.sync-summary{display:flex;gap:var(--space-2);align-items:center}.sync-summary>span{flex:1 1}.sync-summary small{display:block;color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.sync-error{display:flex;gap:var(--space-3);flex-wrap:wrap;align-items:center;color:var(--color-error-text);margin-top:var(--space-2)}.conflict-list{margin:var(--space-4) 0;max-width:900px}.conflict-list summary{cursor:pointer;font-weight:600;padding:var(--space-1) 0}.conflict-list p{font-size:var(--text-xs);overflow-wrap:anywhere}.conflict-card{background:var(--color-surface);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-panel);margin:var(--space-3) 0}.conflict-card>.secondary{margin:var(--space-2) var(--space-2) 0 0}.conflict-versions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}.conflict-versions>div{min-width:0}.account-notice p{margin:var(--space-1) 0}.account-notice>.text-button{margin-left:var(--space-4)}.public-page{min-height:100dvh;background:var(--color-canvas)}.account-menu .account-email{margin-bottom:var(--space-4)}.account-settings{display:grid;gap:var(--space-6)}.account-settings section{display:grid;gap:var(--space-4);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.account-settings section:last-child{padding-bottom:0;border-bottom:0}.account-settings h3,.account-settings p{margin:0}.settings-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.account-settings .secondary{justify-self:start;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2)}.account-settings .field-action-row .secondary{justify-self:stretch}.settings-back{justify-self:start}.deletion-icon{color:var(--color-error-text)}.deletion-review ul{margin:0;padding-left:var(--space-5);line-height:1.6;font-size:var(--text-sm)}.deletion-review li+li{margin-top:var(--space-2)}.deletion-form{display:grid;gap:var(--space-5)}.settings-confirm{display:flex;flex-direction:row;align-items:flex-start;gap:var(--space-3);font-weight:400;line-height:1.5}.settings-confirm input[type=checkbox]{flex-shrink:0;width:20px;height:20px;min-height:20px;padding:0;margin:2px 0;accent-color:var(--color-primary)}.danger-button{min-height:var(--control-height);padding:var(--space-3) var(--space-5);border-radius:var(--radius-control);background:var(--color-error-text);color:var(--color-on-primary);font-weight:600}.danger-button:hover{text-decoration:underline}.install-steps{line-height:1.65;padding-left:var(--space-5)}.public-header{max-width:var(--content-width);padding:var(--space-6) var(--space-page);margin:auto;justify-content:space-between;gap:var(--space-5)}.public-brand,.public-header{display:flex;align-items:center}.public-brand{font-size:var(--text-2xl);font-weight:600;gap:var(--space-3);text-decoration:none;font-family:var(--font-display)}.public-header nav{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-sm)}.public-header a{text-decoration:none}.public-main{padding-top:var(--space-16)}.public-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:var(--space-12);padding:var(--space-12) 0 var(--space-16)}.public-hero h1{font-size:clamp(40px,4.5vw,68px);max-width:600px;font-family:var(--font-display);line-height:1.06;letter-spacing:-.05em;font-weight:550}.public-hero p{font-size:var(--text-lg);max-width:46ch;color:var(--color-muted)}.public-hero .text-button{margin-left:var(--space-5)}.table-illustration{height:310px;border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-soft-blue);display:grid;place-content:center;justify-items:center;gap:var(--space-6);color:var(--color-primary)}.table-illustration svg{transform:rotate(-10deg);stroke-width:1.2}.table-illustration span{font-family:var(--font-display);font-size:var(--text-xl)}.public-features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);padding:var(--space-8) 0;border-top:1px solid var(--color-border);padding-top:var(--space-10)}.public-features h2{font-size:var(--text-2xl);margin:var(--space-4) 0 var(--space-3)}.public-features p{font-size:var(--text-sm);color:var(--color-muted)}.public-main>.helper{margin-top:var(--space-8)}.public-footer{max-width:var(--content-width);margin:auto;padding:var(--space-8) var(--space-page);display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--color-muted)}.reading-page{max-width:850px;padding-top:var(--space-16)}.reading-page h1{font-size:42px;margin-bottom:var(--space-10)}.reading-page h2{margin-top:var(--space-8)}.reading-page p{color:var(--color-muted)}.public-header .primary,.public-hero .primary,.reading-page .primary{text-decoration:none}.table-scene{position:relative;min-height:420px;isolation:isolate}.scene-orbit{position:absolute;inset:12% 0;border-radius:50%;background:var(--palette-mist)}.scene-board{position:absolute;inset:6% 8% 8% 3%;background:var(--palette-plum);border:10px solid var(--palette-white);border-radius:32px;transform:rotate(-9deg);box-shadow:var(--shadow-panel)}.scene-board svg{width:100%;height:100%}.scene-title{position:absolute;left:10%;top:4%;font:550 24px var(--font-display);color:var(--palette-white)}.scene-piece{position:absolute;width:26px;height:38px;border-radius:50% 50% 8px 8px;box-shadow:0 5px 0 var(--color-shadow-spine)}.piece-one{background:var(--palette-peach);top:19%;left:38%;transform:rotate(12deg)}.piece-two{background:var(--palette-teal);top:47%;left:58%}.scene-card{position:absolute;bottom:0;right:0;transform:rotate(8deg);background:var(--palette-white);padding:var(--space-6);border-radius:20px;box-shadow:var(--shadow-panel);font:400 18px var(--font-display)}.scene-card strong{display:block;font-size:var(--text-2xl);font-weight:550}.scene-chips{display:flex;gap:var(--space-2);margin-top:var(--space-4)}.scene-chips i{height:20px;width:20px;background:var(--palette-peach);border-radius:50%}.scene-chips i:nth-child(2){background:var(--palette-teal)}.scene-chips i:nth-child(3){background:var(--palette-plum)}.scene-die{position:absolute;top:0;right:0;width:70px;height:70px;border-radius:16px;background:var(--palette-peach);transform:rotate(12deg);box-shadow:var(--shadow-panel);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);padding:var(--space-3);gap:var(--space-1)}.scene-die i{background:var(--palette-plum-deep);border-radius:50%}.scene-die i:nth-child(2){grid-column:3}.scene-die i:nth-child(3){grid-column:2}.scene-die i:nth-child(4){grid-row:3}.scene-die i:nth-child(5){grid-row:3;grid-column:3}.design-reference{max-width:1000px}.design-reference>h1{margin-top:var(--space-10)}.design-reference section{padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.palette-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4)}.palette-swatch{height:100px;border-radius:var(--radius-panel);border:1px solid var(--color-border);margin-bottom:var(--space-2)}.reference-row{display:flex;gap:var(--space-4);align-items:center;flex-wrap:wrap}.spacing-sample{background:var(--color-primary);border-radius:var(--radius-field)}.game-picker{position:relative}.catalog-dropdown{position:relative;margin-top:var(--space-3);padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);box-shadow:0 8px 24px var(--color-shadow-popover);max-height:min(20rem,38dvh);overflow:auto}.catalog-dropdown ul{margin:.5rem 0;padding:0;list-style:none}.catalog-dropdown li button{display:flex;flex-direction:column;text-align:left;width:100%;padding:.7rem;border:0;background:transparent;border-radius:var(--radius-control)}.catalog-dropdown li button:hover,.catalog-dropdown li[aria-selected=true] button{background:var(--color-canvas)}.catalog-dropdown small,.catalog-source{color:var(--color-muted);font-size:.75rem}.checkbox-label{flex-direction:row;justify-content:flex-start;display:flex;align-items:center;gap:.5rem}.checkbox-label input{width:18px;height:18px;min-height:18px;padding:0;margin:0;flex:0 0 18px;accent-color:var(--color-primary)}.player-links{display:grid;gap:.7rem;margin:1rem 0;padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-panel)}.sharing-choice{margin:1rem 0}.cover-upload{display:grid;grid-template-columns:3.5rem 1fr;gap:.5rem 1rem;align-items:center}.cover-upload p,.cover-upload small{grid-column:1/-1;margin:.2rem 0}.cover-preview{position:relative;height:3.5rem;width:3.5rem;border:1px dashed var(--color-border);border-radius:var(--radius-control);overflow:hidden}.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}.game-tile{position:relative;overflow:hidden}.social-dialog{width:min(680px,calc(100% - 2rem))}.offer-actions,.social-row{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap}.social-row{margin:.8rem 0}.social-row span{color:var(--color-muted);font-size:.8rem}.offer-card{padding:1rem;margin:.8rem 0;border:1px solid var(--color-border);border-radius:var(--radius-panel)}.count-badge{border-radius:99px;padding:.1rem .4rem;background:var(--color-primary);color:var(--color-surface)}.catalog-dropdown li button{position:relative;padding-left:3.5rem;min-height:3.5rem}.catalog-thumb{position:absolute;top:.5rem;left:.5rem;width:2.5rem;height:2.5rem;border-radius:var(--radius-field);background:var(--color-subtle-surface);overflow:hidden}.social-dialog .dialog-heading{margin-bottom:0;padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border)}.social-dialog section{display:grid;gap:var(--space-5);padding:var(--space-6) 0;border-bottom:1px solid var(--color-border)}.social-dialog .section-heading,.social-dialog section h3,.social-dialog section>p{margin:0}.social-dialog>.text-button:last-child{margin-top:var(--space-5)}.social-dialog section:last-of-type{border-bottom:0}.collection-form,.collection-view{display:grid;gap:var(--space-5)}.collection-totals{display:flex;flex-wrap:wrap;gap:var(--space-6);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-5)}.collection-totals p{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.collection-totals strong{font-family:var(--font-display);color:var(--color-text);font-size:var(--text-2xl);margin-right:var(--space-2)}.collection-filters{display:flex;align-items:end;flex-wrap:wrap;gap:var(--space-4)}.collection-filters>label:first-child{flex:1 1;min-width:180px}.collection-check{display:flex;flex-direction:row;align-items:center;gap:var(--space-2);min-height:var(--control-height);font-weight:400}.collection-check input{width:20px;height:20px;min-height:20px;padding:0;margin:0;flex:0 0 20px;accent-color:var(--color-primary)}.collection-list{display:grid}.collection-row{display:flex;gap:var(--space-4);align-items:center;padding:var(--space-5) 0;border-bottom:1px solid var(--color-border)}.collection-row-title{min-width:0;flex:1 1}.collection-row h2{margin:0 0 var(--space-1);overflow-wrap:anywhere;font-size:var(--text-lg)}.collection-row p{margin:0;color:var(--color-muted);font-size:var(--text-xs);overflow-wrap:anywhere}.collection-row-actions{display:flex;align-items:center;gap:var(--space-2)}.collection-row .secondary{display:inline-flex;gap:var(--space-2);align-items:center}.collection-empty{padding:var(--space-12) 0;max-width:560px}.collection-empty>svg{color:var(--color-primary);margin-bottom:var(--space-5)}.collection-empty p{color:var(--color-muted)}.public-profile-main{max-width:960px}.public-profile{display:grid;gap:var(--space-8)}.profile-identity{display:flex;align-items:center;gap:var(--space-5)}.profile-initial{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--radius-panel);background:var(--color-soft-blue);color:var(--color-primary);font-family:var(--font-display);font-size:var(--text-2xl);flex-shrink:0}.profile-identity h1,.profile-identity h3,.profile-identity p{margin:0;overflow-wrap:anywhere}.profile-identity p{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-1)}.profile-bio{white-space:pre-wrap;overflow-wrap:anywhere;max-width:65ch;margin:0}.profile-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:var(--space-6) 0;margin:0;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);gap:var(--space-5)}.profile-stats dt{color:var(--color-muted);font-size:var(--text-xs)}.profile-stats dd{margin:var(--space-2) 0 0;font-family:var(--font-display);font-size:var(--text-2xl);font-weight:650}.profile-section h2{margin-bottom:var(--space-5)}.profile-section h2>span{color:var(--color-muted);font-size:var(--text-base);margin-left:var(--space-2)}.profile-games{padding:0;margin:0;list-style:none}.profile-games li{display:flex;align-items:center;gap:var(--space-4);border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.profile-games li>span{flex:1 1;overflow-wrap:anywhere;min-width:0}.profile-games small{color:var(--color-muted)}.profile-settings,.profile-settings fieldset{display:grid;gap:var(--space-4)}.profile-settings p{margin:0}.profile-settings fieldset{border:0;padding:0;margin:0;min-width:0}.profile-choice{display:flex;flex-direction:row;align-items:center;gap:var(--space-3);font-size:var(--text-sm)}.profile-choice input{width:20px;height:20px;min-height:20px;padding:0;margin:0;flex-shrink:0;accent-color:var(--color-primary)}.profile-preview-banner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-4);padding:var(--space-4) var(--space-5);margin-bottom:var(--space-8);background:var(--color-soft-blue);border-radius:var(--radius-control)}.profile-preview-banner>div{flex:1 1;min-width:min(240px,100%)}.profile-preview-banner p{font-size:var(--text-xs);margin:var(--space-1) 0 0}.profile-live,.profile-pagination{display:flex;gap:var(--space-5);align-items:center;flex-wrap:wrap;margin-top:var(--space-5)}.settings-return{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--control-height);font-size:var(--text-sm);color:var(--color-muted);text-decoration:none}.settings-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-6)}.settings-nav a{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-control);text-decoration:none;color:var(--color-muted);font-size:var(--text-sm);font-weight:600}.settings-nav a:hover{background:var(--color-nav-hover)}.settings-nav a[aria-current=page]{background:var(--color-nav-active);color:var(--color-primary)}.settings-content{min-width:0;padding:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-panel);background:var(--color-surface)}.settings-content>*{max-width:860px}.settings-section-heading{padding-bottom:var(--space-6);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.settings-section-heading h2{margin:0 0 var(--space-2);font-size:var(--text-xl)}.settings-section-heading p{margin:0;color:var(--color-muted);font-size:var(--text-sm)}.data-settings{display:grid;gap:var(--space-5)}.data-settings h3,.data-settings p{margin:0}.data-settings>button{justify-self:start}.data-settings hr{width:100%;margin:var(--space-2) 0}.account-menu a.account-action{display:flex;margin-bottom:0;text-decoration:none;color:inherit}@media (max-width:700px){.settings-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-1)}.settings-nav a{padding:var(--space-3);gap:var(--space-2)}.settings-content{padding:var(--space-5)}}@media (min-width:1550px){main{padding-top:var(--space-16)}.empty-state{min-height:440px}}@media (max-width:1200px){.sidebar{width:215px;padding-left:var(--space-4);padding-right:var(--space-4)}.workspace{margin-left:215px}main{padding:var(--space-8) var(--space-8) var(--space-5)}.topbar{padding:0 var(--space-8)}.stat-strip>div{padding:0 var(--space-4);gap:var(--space-2)}.stat-icon{width:32px;height:35px}.stat-strip span:not(.stat-icon){font-size:var(--text-xs)}.stat-strip strong{font-size:var(--text-2xl)}.play-actions{flex-direction:column;gap:var(--space-1);align-items:end}.play-card{padding:var(--space-5);gap:var(--space-4)}}@media (max-width:950px){.stat-strip{grid-template-columns:1fr 1fr;gap:var(--space-6) 0}.stat-strip>div:nth-child(2){border-right:0}.stat-strip>div{padding:0 var(--space-6)}.stat-strip span:not(.stat-icon){font-size:var(--text-xs)}.log-button{min-width:110px;padding:var(--space-3) var(--space-3)}.play-card{flex-wrap:wrap}.play-actions{width:100%;flex-direction:row;justify-content:flex-end}.large-tile{width:52px;height:70px}.filters{flex-wrap:wrap}.search-field{flex-basis:100%}.filters>label:not(.search-field){flex:1 1}.filters select{min-width:0}.game-summaries{grid-template-columns:1fr}}@media (max-width:700px){.sidebar{inset:auto 0 0 0;width:100%;height:calc(68px + env(safe-area-inset-bottom));padding:var(--space-1) var(--space-2) env(safe-area-inset-bottom);border:0;border-top:1px solid var(--color-border)}.brand,.sidebar-bottom{display:none}.sidebar nav{display:flex;justify-content:space-around;gap:0;height:58px}.sidebar nav :is(button,a){flex-direction:column;gap:var(--space-1);padding:var(--space-2) var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-control);min-width:90px;justify-content:center;position:relative}.sidebar nav :is(button,a)>span{position:absolute;right:8px;top:3px;font-size:var(--text-xs);padding:1px var(--space-1)}.workspace{margin-left:0;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.topbar{padding:var(--space-2) var(--space-4);gap:var(--space-2)}main{padding:var(--space-8) var(--space-5) var(--space-4)}.log-button{width:100%;min-height:46px}.stat-strip{padding:var(--space-6) 0;margin-bottom:var(--space-8);gap:var(--space-6) 0}.stat-strip>div{padding:0 var(--space-4);gap:var(--space-2)}.stat-strip strong{font-size:var(--text-2xl)}.stat-strip span:not(.stat-icon){font-size:var(--text-xs)}.stat-icon{width:32px;height:36px;background:transparent}.stat-icon svg{width:20px}.journal-heading h2{font-size:var(--text-lg)}.journal-heading>.text-button{font-size:var(--text-xs)}.empty-state{min-height:330px;padding:var(--space-8) var(--space-4)}.empty-state h2{font-size:var(--text-lg);max-width:260px}.empty-state p{font-size:var(--text-xs);max-width:260px}.empty-dice{width:75px;height:70px}.empty-dice svg{width:45px}.page-footer{font-size:var(--text-xs);gap:var(--space-1);align-items:start}.page-footer>span{max-width:150px;line-height:1.7}.page-footer .text-button{font-size:var(--text-xs);padding-top:0;min-height:24px}.play-card{gap:var(--space-3);padding:var(--space-4)}.play-title button{font-size:var(--text-lg)}.play-title{gap:var(--space-2)}.play-meta{font-size:var(--text-xs);gap:var(--space-1) var(--space-3)}.play-actions{padding-top:var(--space-1);border-top:1px solid var(--color-separator);margin-top:var(--space-1);justify-content:space-between}.play-result,.player-scores>span{font-size:var(--text-xs)}.large-tile{width:44px;height:61px}.large-tile span{font-size:var(--text-xl)}.banner{flex-wrap:wrap;font-size:var(--text-xs)}.banner>span{flex-basis:70%}.draft-banner>.text-button{margin-left:var(--space-6)}.editor-dialog,.info-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);padding:var(--space-5) var(--space-4);border-radius:var(--radius-panel)}.dialog-heading h2{font-size:var(--text-2xl)}.dialog-heading{margin-bottom:var(--space-5)}.form-grid{gap:var(--space-4) var(--space-3)}.participant{grid-template-columns:minmax(70px,1fr) 65px 114px 24px;gap:var(--space-1)}.participant input,.participant select{font-size:var(--text-xs);padding:var(--space-2) var(--space-2)}.participant .icon-button{width:24px}.participant.with-team{grid-template-columns:1fr 1fr 28px;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-2)}.participant.with-team>label:nth-child(3){grid-column:1}.participant.with-team .remove-player{grid-column:3;grid-row:1}.dialog-footer{align-items:flex-start}.dialog-footer>.primary{padding:var(--space-3) var(--space-3)}.draft-status{max-width:150px}.info-dialog>p{font-size:var(--text-xs)}.insights{padding:var(--space-4)}.insights h2{font-size:var(--text-lg)}td,th{padding:var(--space-2) var(--space-2)}.table-wrap .text-button,td,th{font-size:var(--text-xs)}.game-summaries{gap:var(--space-2)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}.auth-panel{max-width:480px;margin:8vh auto;padding:var(--space-10);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-dialog);box-shadow:var(--shadow-panel)}@media (max-width:1200px){.account-notice{margin-left:215px;padding-left:var(--space-8);padding-right:var(--space-8)}}@media (max-width:700px){.account-notice{margin-left:0;padding:var(--space-3) var(--space-5)}.auth-panel{margin:var(--space-6) var(--space-4);padding:var(--space-6) var(--space-5);max-width:none}.account-name{max-width:90px}.account-menu{max-width:40vw}.sync-compact-status{overflow:hidden;text-overflow:ellipsis}.sync-popover>summary>svg:last-child{display:none}.topbar .social-open{width:44px;position:relative;flex-shrink:0}.social-button-label{display:none}.social-open .count-badge{position:absolute;right:0;top:0}.topbar .toolbar-popover-panel{position:fixed;top:calc(var(--toolbar-height) + var(--space-2));left:var(--space-4);right:var(--space-4);width:auto}.conflict-versions{grid-template-columns:1fr}.conflict-card>.secondary{font-size:var(--text-xs)}.public-header{padding:var(--space-5);flex-wrap:wrap}.public-header nav{gap:var(--space-4);font-size:var(--text-xs)}.public-brand{font-size:var(--text-lg)}.public-hero{grid-template-columns:1fr;gap:var(--space-8);padding-bottom:var(--space-8)}.public-main{padding-top:var(--space-8)}.public-hero h1{font-size:38px}.public-hero p{font-size:var(--text-sm)}.public-hero .text-button{display:flex;justify-content:start;margin:var(--space-4) 0 0}.table-illustration{height:210px}.public-features{grid-template-columns:1fr;gap:var(--space-5)}.public-footer{padding:var(--space-6) var(--space-5)}.reading-page{padding-top:var(--space-8)}.reading-page h1{font-size:34px}.sidebar nav{background:var(--color-surface)}}@media (max-width:700px){.sidebar nav :is(button,a){color:var(--color-muted)}.sidebar nav .active{color:var(--color-primary);background:var(--color-nav-active)}.sidebar nav :is(button,a)>span{background:var(--color-surface);color:var(--color-primary)}.stat-strip{padding:var(--space-5) 0;gap:var(--space-5)}.stat-strip>div{padding:0}.table-scene{min-height:340px;max-width:460px;width:100%;margin:auto}.scene-card{padding:var(--space-4)}.auth-panel h1{font-size:34px}input,select,textarea{font-size:var(--text-base)}.primary,.secondary{min-height:44px}.palette-grid{grid-template-columns:repeat(3,1fr)}.palette-swatch{height:80px}.sidebar{background:var(--color-surface)}}@media (max-width:700px){.sidebar nav :is(button,a):hover{background:var(--color-nav-hover);color:var(--color-primary)}}@media (max-width:700px){.sidebar nav :is(button,a){min-width:0;flex:1 1;padding:var(--space-1);font-size:11px}.collection-row{flex-wrap:wrap}.collection-row-actions{width:100%;justify-content:flex-end}.profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}