:root{--paper: #f6f2ea;--surface: #fffdf9;--surface-sunken: #efe9df;--line: #e2d9cb;--line-strong: #cfc3b0;--glass: rgba(255, 253, 249, .86);--glass-solid: rgba(255, 253, 249, .94);--ink: #2c2620;--ink-soft: #6b6156;--ink-faint: #9a9086;--accent: #96291a;--accent-strong: #7c2215;--accent-soft: #f2d7d4;--accent-soft-strong: #edc5bf;--accent-ink: #ffffff;--danger: #a83232;--danger-soft: #fbeceb;--grade-easy: rgba(63, 122, 88, .9);--grade-medium: rgba(181, 128, 47, .9);--grade-hard: rgba(150, 60, 50, .9);--scrim: rgba(44, 38, 32, .5);--scrim-deep: rgba(44, 38, 32, .72);--scrim-light: rgba(246, 242, 234, .35);--display: "Fraunces", "Iowan Old Style", Georgia, serif;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--mono: ui-monospace, "SF Mono", Menlo, monospace;--t-hero: clamp(2.2rem, 1.4rem + 3vw, 3.4rem);--t-xl: clamp(1.7rem, 1.3rem + 1.6vw, 2.4rem);--t-lg: 1.25rem;--t-md: 1rem;--t-base: .94rem;--t-sm: .85rem;--t-xs: .78rem;--t-label: .7rem;--label-spacing: .09em;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 72px;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-xl: 22px;--radius-pill: 999px;--lift-1: 0 1px 2px rgba(58, 46, 34, .06), 0 2px 6px rgba(58, 46, 34, .05);--lift-2: 0 2px 4px rgba(58, 46, 34, .07), 0 8px 24px rgba(58, 46, 34, .09);--lift-3: 0 4px 8px rgba(58, 46, 34, .08), 0 20px 48px rgba(58, 46, 34, .14);--ease: cubic-bezier(.32, .72, .28, 1);--fast: .12s var(--ease);--slow: .26s var(--ease);--hud-h: 62px;--control-h: 46px;--z-chrome: 10;--z-reference: 20;--z-overlay: 25;--z-toast: 26;--z-win: 30;--z-join: 40;--z-badge: 50;color-scheme:light}:root[data-theme=dark]{--paper: #16130f;--surface: #201b16;--surface-sunken: #2a231d;--line: #362e26;--line-strong: #4b4138;--glass: rgba(32, 27, 22, .88);--glass-solid: rgba(32, 27, 22, .96);--ink: #f1eae0;--ink-soft: #b4a99c;--ink-faint: #887d71;--accent: #e16e5e;--accent-strong: #ea8a7d;--accent-soft: #371a16;--accent-soft-strong: #421e19;--accent-ink: #1a1310;--danger: #e8837a;--danger-soft: #3a1f1c;--grade-easy: rgba(93, 173, 126, .92);--grade-medium: rgba(216, 165, 78, .92);--grade-hard: rgba(206, 96, 84, .92);--scrim: rgba(0, 0, 0, .62);--scrim-deep: rgba(0, 0, 0, .78);--scrim-light: rgba(22, 19, 15, .45);--lift-1: 0 1px 2px rgba(0, 0, 0, .3), 0 2px 6px rgba(0, 0, 0, .24);--lift-2: 0 2px 4px rgba(0, 0, 0, .34), 0 8px 24px rgba(0, 0, 0, .38);--lift-3: 0 4px 8px rgba(0, 0, 0, .4), 0 20px 48px rgba(0, 0, 0, .5);color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;overscroll-behavior:none}h1,h2{font-family:var(--display);font-weight:600;letter-spacing:-.015em;margin:0 0 var(--s3)}h1{font-size:2rem;line-height:1.15}h2{font-size:1.25rem}h3{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-faint);margin:var(--s6) 0 var(--s3)}p{margin:0 0 var(--s3)}a{color:var(--accent);text-underline-offset:3px}.muted{color:var(--ink-soft)}.small{font-size:.85rem}.error{color:var(--danger);background:var(--danger-soft);padding:var(--s3) var(--s4);border-radius:var(--radius);margin-bottom:var(--s4)}kbd{font-family:var(--sans);font-size:.78em;font-weight:600;background:var(--surface-sunken);border-radius:5px;padding:2px 6px;color:var(--ink-soft)}code{font-family:var(--mono);font-size:.88em;background:var(--surface-sunken);padding:.12em .4em;border-radius:5px}.screen{min-height:100%;padding:var(--s7) var(--s5)}.screen.center{display:grid;place-items:center}.panel{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--lift-2);padding:var(--s6);max-width:520px;width:100%}.panel.wide{max-width:620px}@media(max-width:880px){.screen{padding:var(--s5) var(--s4)}.panel{padding:var(--s5)}}.field{display:block;margin:var(--s5) 0}.field>span:first-child{display:block;font-weight:600;font-size:.9rem;margin-bottom:var(--s2)}.field.inline{display:flex;align-items:center;gap:var(--s3);margin:0}.field.inline>span:first-child{margin:0;color:var(--ink-soft);font-weight:500}input[type=text],input[type=number],input:not([type]),select{font:inherit;width:100%;padding:10px var(--s3);color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);transition:border-color .15s,box-shadow .15s}input.number{width:7.5rem;margin-top:var(--s3)}select{width:auto}input:focus-visible,select:focus-visible,button:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{font:inherit;font-weight:500;cursor:pointer;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);padding:9px var(--s4);transition:background .15s,border-color .15s,transform .05s}button:hover:not(:disabled){background:var(--surface-sunken)}button:active:not(:disabled){transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{width:100%;padding:13px;font-weight:600;color:var(--accent-ink);background:var(--accent);border-color:var(--accent);box-shadow:var(--lift-1)}button.primary:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.link-button{display:inline-block;margin:var(--s2) 0 var(--s4);font-weight:500;text-decoration:none;border-bottom:1px solid var(--accent-soft)}.link-button:hover{border-bottom-color:var(--accent)}.link-button.back{display:block;color:var(--ink-soft);border:none;margin-bottom:var(--s4)}.chip-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.chip{padding:6px var(--s3);font-size:.88rem;border-radius:var(--radius-pill)}.chip.active{color:var(--accent-ink);background:var(--accent);border-color:var(--accent);font-weight:600}.checkbox,.radio{display:flex;gap:var(--s3);align-items:flex-start;padding:var(--s3);margin:var(--s2) 0;border-radius:var(--radius);cursor:pointer;transition:background .15s}.checkbox:hover,.radio:hover{background:var(--surface-sunken)}.checkbox input,.radio input{width:auto;margin:3px 0 0;flex:none;accent-color:var(--accent)}.code-input{text-transform:uppercase;letter-spacing:.35em;font-size:1.5rem;font-weight:600;text-align:center;text-indent:.35em;padding:var(--s4);margin-bottom:var(--s3)}.help-list{padding-left:var(--s4);margin:0}.help-list li{margin:var(--s2) 0}.thumb-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:var(--s3)}.thumb{position:relative;border-radius:var(--radius)}.thumb-button{display:block;width:100%;padding:0;overflow:hidden;border:2px solid transparent;border-radius:var(--radius);background:var(--surface-sunken);box-shadow:var(--lift-1);text-align:left}.thumb.selected .thumb-button{border-color:var(--accent);box-shadow:var(--lift-2)}.thumb-button img,.thumb-placeholder{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--surface-sunken)}.thumb-name{display:block;padding:var(--s2) var(--s3);font-size:.84rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb-delete{position:absolute;top:var(--s2);right:var(--s2);width:26px;height:26px;padding:0;font-size:1rem;line-height:1;border:none;border-radius:50%;color:var(--ink);background:var(--glass-solid);box-shadow:var(--lift-1);opacity:0;transition:opacity .15s}.thumb:hover .thumb-delete,.thumb-delete:focus-visible{opacity:1}.dropzone{padding:var(--s7) var(--s4);text-align:center;color:var(--ink-soft);background:var(--surface-sunken);border:2px dashed var(--line-strong);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s}.dropzone:hover,.dropzone.over{border-color:var(--accent);background:var(--accent-soft)}.dropzone p{margin:0}.preview{max-width:100%;max-height:260px;border-radius:var(--radius);box-shadow:var(--lift-1)}.game{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.board{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none;display:block}.hud{position:absolute;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:var(--s3);padding-top:calc(var(--s3) + env(safe-area-inset-top));padding-left:calc(var(--s3) + env(safe-area-inset-left));padding-right:calc(var(--s3) + env(safe-area-inset-right));gap:var(--s3);pointer-events:none}.hud>*{pointer-events:auto}.hud-left,.hud-right{display:flex;align-items:center;gap:var(--s1);padding:var(--s1);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--lift-2)}.hud-title{display:flex;align-items:center;gap:var(--s3);padding:0 var(--s2);font-family:var(--display);font-size:1.02rem;min-width:0}.hud-title strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:22ch;min-width:0}.code-chip{font-family:var(--mono);font-weight:600;letter-spacing:.18em;text-indent:.18em;padding:4px var(--s2);font-size:.86rem;background:var(--surface-sunken);border-color:transparent}.ghost-button{background:transparent;border-color:transparent;padding:7px var(--s3)}.ghost-button.active{color:var(--accent);background:var(--accent-soft)}.hud-hint{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:var(--s2);padding:var(--s1) var(--s3);font-size:.82rem;color:var(--ink-soft);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-pill);box-shadow:var(--lift-1);white-space:nowrap}.scoreboard{position:absolute;top:calc(var(--hud-h) + var(--s2));left:var(--s3);width:240px;max-width:calc(100vw - var(--s5));padding:var(--s4);background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--lift-2)}.progress-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s2);font-size:.8rem;color:var(--ink-soft);margin-bottom:var(--s2)}.progress-count{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-percent{flex:none;font-variant-numeric:tabular-nums}.field.stacked{display:block;margin:var(--s4) 0 0;padding-top:var(--s3);border-top:1px solid var(--line)}.field.stacked>span:first-child{display:block;margin-bottom:var(--s2);font-weight:500;color:var(--ink-soft)}.field.stacked select{width:100%;min-width:0;padding:6px var(--s2);font-size:.85rem}.players li{min-width:0}.progress-track{height:5px;background:var(--surface-sunken);border-radius:var(--radius-pill);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:var(--radius-pill);transition:width .3s ease}.players{list-style:none;margin:var(--s4) 0 0;padding:0}.players li{display:flex;align-items:center;gap:var(--s2);padding:3px 0;font-size:.9rem}.players li.me .player-name{font-weight:600}.dot{width:8px;height:8px;border-radius:50%;flex:none}.player-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-score{font-variant-numeric:tabular-nums;font-weight:600}.reference-panel{position:absolute;right:calc(var(--s3) + env(safe-area-inset-right));bottom:calc(var(--s3) + env(safe-area-inset-bottom));padding:var(--s2);display:flex;flex-direction:column;gap:var(--s2);background:var(--glass-solid);border-radius:var(--radius);box-shadow:var(--lift-3)}.reference-panel img{display:block;width:100%;border-radius:6px;cursor:zoom-in}.reference-resize{position:absolute;left:-5px;top:0;bottom:0;width:12px;cursor:ew-resize}.reference-actions{display:flex;gap:var(--s2)}.reference-actions button{flex:1;padding:5px;font-size:.83rem}.reference-full{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-reference);display:grid;place-content:center;justify-items:center;gap:var(--s4);padding:var(--s6);background:var(--scrim-deep);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:zoom-out}.reference-full img{max-width:90vw;max-height:80vh;border-radius:var(--radius);box-shadow:var(--lift-3)}.reference-full .muted{color:#fffdf9bf}.emulator-badge{position:fixed;bottom:var(--s2);left:var(--s2);z-index:var(--z-badge);padding:2px var(--s3);font-size:.68rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);background:var(--glass);border-radius:var(--radius-pill);pointer-events:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.gallery{max-width:1180px;margin:0 auto}.gallery-header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--s5);flex-wrap:wrap;margin-bottom:var(--s5)}.gallery-header h1{font-size:2.6rem;margin-bottom:var(--s1)}.gallery-header p{margin:0}.gallery-actions{display:flex;align-items:center;gap:var(--s4);flex-wrap:wrap}.gallery-actions .field.inline input{width:9rem}.join-inline{display:flex;gap:var(--s2)}.join-inline input{width:9.5rem;text-transform:uppercase;letter-spacing:.16em;text-align:center;font-weight:600}.join-inline input::placeholder{letter-spacing:normal;text-transform:none;font-weight:400}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:var(--s4);margin-bottom:var(--s5)}.gallery-item{position:relative}.gallery-card{display:block;overflow:hidden;border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--lift-1);text-decoration:none;color:inherit;transition:transform .16s ease,box-shadow .16s ease}.gallery-card:hover{transform:translateY(-3px);box-shadow:var(--lift-2)}.gallery-card img,.gallery-card .thumb-placeholder{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:var(--surface-sunken)}.gallery-name{display:block;padding:var(--s3) var(--s4);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gallery-new{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);min-height:100%;aspect-ratio:4 / 3.55;color:var(--ink-soft);background:var(--surface-sunken);border:2px dashed var(--line-strong);box-shadow:none}.gallery-new:hover{border-color:var(--accent);color:var(--accent)}.gallery-new-plus{font-size:1.8rem;line-height:1}.setup-head{display:flex;align-items:center;gap:var(--s4);margin-bottom:var(--s5)}.setup-head h1{margin:0}.setup-image{width:132px;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--radius);box-shadow:var(--lift-1);flex:none}.hud-tools{position:relative;display:flex;align-items:flex-start;gap:var(--s1)}.hud-more{display:none}.scoreboard-toggle{display:block;width:100%;padding:0;border:0;background:none;text-align:left;font:inherit;color:inherit;cursor:default}.hud-menu-anchor{position:relative}.table-menu{position:absolute;top:calc(100% + var(--s2));right:0;z-index:var(--z-overlay);width:230px;padding:var(--s3) var(--s4) var(--s4);background:var(--surface);border-radius:var(--radius);box-shadow:var(--lift-3)}.table-menu h3{margin:var(--s3) 0 var(--s2)}.table-menu h3:first-child{margin-top:0}.swatch-row{display:flex;flex-wrap:wrap;gap:var(--s2)}.swatch{width:28px;height:28px;padding:0;border-radius:50%;border:1px solid var(--line-strong);cursor:pointer}.swatch.active{box-shadow:0 0 0 2px var(--surface),0 0 0 4px var(--accent)}.swatch-custom{position:relative;overflow:hidden;background:conic-gradient(#e05a4a,#e8c34a,#6bbf6b,#4aa3d8,#9a6bd8,#e05a4a)}.swatch-custom input{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;width:200%;height:200%;padding:0;border:none;opacity:0;cursor:pointer}.share-button{font-weight:600;color:var(--accent);background:var(--accent-soft);border-color:transparent;padding:7px var(--s4)}.share-button:hover:not(:disabled){background:var(--accent-soft-strong)}.join-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-join);display:grid;place-items:center;padding:var(--s5);background:var(--scrim);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.join-card{max-width:380px;text-align:center}.join-card h1{margin-bottom:var(--s2)}.join-card .field{text-align:left}.join-players{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s3);margin:var(--s4) 0 0}.join-players li,.join-players .player-name{flex:none}@media(max-width:640px){.hud{align-items:flex-start}.hud-left{min-width:0}.hud-title strong{display:none}.hud-more{display:inline-flex}.hud-right{display:none}.hud-right.open{display:flex;flex-direction:column;align-items:stretch;position:absolute;top:calc(100% + var(--s2));right:0;z-index:var(--z-overlay);min-width:190px;padding:var(--s2);background:var(--glass-solid);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius);box-shadow:var(--lift-3)}.hud-right.open>*{width:100%}.hud-right.open .ghost-button,.hud-right.open .share-button{text-align:left}.hud-right.open .table-menu{position:static;width:100%;box-shadow:none;padding:var(--s2) 0 0}.scoreboard-toggle{cursor:pointer}.scoreboard.collapsed .scoreboard-body{display:none}.scoreboard{top:auto;bottom:calc(var(--s3) + env(safe-area-inset-bottom));left:var(--s3);right:var(--s3);width:auto;max-width:none;padding:var(--s2) var(--s3)}.scoreboard .players{display:flex;flex-wrap:wrap;gap:var(--s3)}.scoreboard .players li{width:auto}.scoreboard.collapsed .players{display:none}.reference-panel{bottom:calc(var(--s7) + env(safe-area-inset-bottom))}}.tab-row{display:flex;gap:var(--s5);margin:var(--s5) 0 var(--s3);border-bottom:1px solid var(--line)}.tab{padding:var(--s2) 0 var(--s3);font-size:1rem;font-weight:500;color:var(--ink-soft);background:none;border:none;border-bottom:2px solid transparent;border-radius:0;margin-bottom:-1px}.tab:hover{background:none;color:var(--ink)}.tab.active{color:var(--ink);font-weight:600;border-bottom-color:var(--accent)}.photo-search{display:flex;gap:var(--s2);margin:var(--s4) 0}.photo-search input{max-width:420px}.photo-filters{margin-bottom:var(--s4)}.badge{position:absolute;top:var(--s2);left:var(--s2);padding:2px var(--s2);font-size:.68rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-pill);color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge-easy{background:var(--grade-easy)}.badge-medium{background:var(--grade-medium)}.badge-hard{background:var(--grade-hard)}.gallery-card{position:relative}.photo-credit{display:block;padding:var(--s1) var(--s1) 0;font-size:.74rem;color:var(--ink-faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.photo-credit a{color:inherit;text-decoration:none}.photo-credit a:hover{color:var(--accent)}.photo-credit-note{margin-top:var(--s5)}.load-more{display:block;margin:var(--s4) auto;padding:10px var(--s6)}.style-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s3)}.style-card{display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s3);border:2px solid var(--line-strong);border-radius:var(--radius);background:var(--surface)}.style-card.active{border-color:var(--accent);background:var(--accent-soft)}.style-preview{width:100%;max-width:84px;height:auto;display:block}.style-name{font-size:.85rem;font-weight:500}.hud-clock{display:flex;align-items:center;gap:var(--s1);padding-left:var(--s2);margin-left:var(--s2);border-left:1px solid var(--line)}.clock-time{font-family:var(--mono);font-size:.92rem;font-variant-numeric:tabular-nums;color:var(--ink-soft);min-width:3.4rem;text-align:right}.clock-button{padding:5px var(--s3);font-size:.85rem}.game.is-paused .board{filter:blur(14px) saturate(.6);transition:filter .25s ease}.pause-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-overlay);display:grid;place-items:center;padding:var(--s5);background:var(--scrim-light)}.pause-card{max-width:340px;text-align:center}.sound-menu{width:250px}.slider-row{display:block;margin:var(--s3) 0 var(--s4);font-size:.85rem;color:var(--ink-soft)}.slider-row span{display:block;margin-bottom:var(--s1)}.slider-row input[type=range]{width:100%;padding:0;border:none;background:transparent;accent-color:var(--accent)}.slider-row input:disabled{opacity:.4}.celebrate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-win);display:grid;place-items:center;padding:var(--s5);background:var(--scrim);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.celebrate-confetti{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.celebrate-card{position:relative;max-width:420px;text-align:center}.celebrate-kicker{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.celebrate-card h1{font-size:2.4rem;margin-bottom:var(--s3)}.celebrate-scores{margin-top:var(--s5);text-align:left}.celebrate-scores li{padding:var(--s2) 0;border-bottom:1px solid var(--line)}.celebrate-scores li:last-child{border-bottom:none}.celebrate-rank{width:1.2rem;font-variant-numeric:tabular-nums;color:var(--ink-faint);font-size:.85rem}.celebrate-actions{display:flex;gap:var(--s3);margin-top:var(--s5)}.celebrate-actions>*{flex:1}.button-link{display:inline-flex;align-items:center;justify-content:center;padding:9px var(--s4);font-weight:600;text-decoration:none;color:var(--accent-ink);background:var(--accent);border-radius:var(--radius)}.button-link:hover{background:var(--accent-strong)}.held-toast{position:absolute;top:calc(var(--hud-h) + var(--s5));left:50%;transform:translate(-50%);z-index:var(--z-toast);padding:var(--s2) var(--s4);font-size:.9rem;font-weight:500;color:var(--ink);background:var(--glass-solid);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-pill);box-shadow:var(--lift-2);pointer-events:none;animation:toast-in .16s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-6px)}to{opacity:1;transform:translate(-50%)}}.share-menu{width:268px}.share-menu h3:first-child{margin-top:0}.share-native,.share-save{display:block;width:100%;margin-bottom:var(--s3);padding:10px var(--s3);text-align:left;font-weight:600;color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}.share-native:hover:not(:disabled),.share-save:hover:not(:disabled){background:var(--accent-strong);border-color:var(--accent-strong)}.share-native .muted,.share-save .muted{color:#ffffffbf;font-weight:400}.share-links{display:grid;grid-template-columns:1fr 1fr;gap:var(--s2)}.share-links a{display:inline-flex;align-items:center;justify-content:center;gap:var(--s2);padding:9px var(--s3);font-size:.88rem;font-weight:500;text-decoration:none;color:var(--ink);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius)}.share-icon{display:inline-flex;flex-shrink:0}.share-icon svg{width:16px;height:16px}.share-links a:hover{background:var(--surface-sunken);border-color:var(--accent);color:var(--accent)}.share-copy{width:100%;margin-top:var(--s3)}.share-url{margin:var(--s2) 0 0;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.celebrate-share{flex:1}.celebrate-share .share-button{width:100%}.celebrate-share .share-menu{bottom:calc(100% + var(--s2));top:auto;right:50%;transform:translate(50%);text-align:left}.celebrate-note{margin-top:var(--s4);color:var(--danger)}.seo-hero{max-width:720px;margin:0 auto;padding:var(--s7) var(--s5);font-family:var(--sans);color:var(--ink)}.seo-hero h1{font-family:var(--display);font-size:2.2rem}.seo-hero ul{padding-left:var(--s4)}.seo-hero li{margin:var(--s2) 0}.site{display:flex;flex-direction:column;min-height:100%}.site-main{flex:1 0 auto}.site-header{position:sticky;top:0;z-index:var(--z-chrome);background:color-mix(in srgb,var(--paper) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(10px);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top)}.site-header-inner{max-width:1180px;margin:0 auto;padding:var(--s3) var(--s5);display:flex;align-items:center;gap:var(--s5)}.brand{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;transition:opacity var(--fast)}.brand:hover{opacity:.78}.brand-logo{display:block;height:auto;max-width:100%}.brand-logo-dark{display:none}:root[data-theme=dark] .brand-logo-light{display:none}:root[data-theme=dark] .brand-logo-dark{display:block}.site-nav{display:flex;align-items:center;gap:var(--s1);margin-right:auto}.site-nav a,.nav-button{font:inherit;font-size:var(--t-base);font-weight:500;color:var(--ink-soft);text-decoration:none;padding:var(--s2) var(--s3);border-radius:var(--radius);border:0;background:none;cursor:pointer;transition:color var(--fast),background var(--fast)}.site-nav a:hover,.nav-button:hover{color:var(--ink);background:var(--surface-sunken)}.site-nav a.current{color:var(--accent);background:var(--accent-soft)}.header-actions{display:flex;align-items:center;gap:var(--s2);flex-shrink:0}.nav-menu-anchor{position:relative}.nav-menu{position:absolute;top:calc(100% + var(--s2));left:0;z-index:var(--z-overlay);width:min(520px,calc(100vw - var(--s5) * 2));padding:var(--s3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--lift-3);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s1)}.nav-menu a{display:block;padding:var(--s2) var(--s3);border-radius:var(--radius);text-decoration:none;color:var(--ink);font-size:var(--t-sm)}.nav-menu a:hover{background:var(--accent-soft);color:var(--accent)}.nav-menu-all{grid-column:1 / -1;border-top:1px solid var(--line);margin-top:var(--s1);padding-top:var(--s2);font-weight:600}.nav-toggle,.site-drawer{display:none}@media(max-width:860px){.site-header-inner{padding:var(--s3) var(--s4);gap:var(--s3)}.site-nav{display:none}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;margin-left:auto;width:40px;height:40px;padding:0}.site-drawer{display:block;border-top:1px solid var(--line);background:var(--surface);padding:var(--s3) var(--s4) var(--s4)}.site-drawer a{display:block;padding:var(--s3) var(--s2);color:var(--ink);text-decoration:none;font-weight:500;border-bottom:1px solid var(--line)}.site-drawer a:last-child{border-bottom:0}.site-drawer h3{margin:var(--s4) 0 var(--s1)}}.site-footer{flex-shrink:0;margin-top:var(--s8);border-top:1px solid var(--line);background:var(--surface-sunken);padding-bottom:env(safe-area-inset-bottom)}.site-footer-inner{max-width:1180px;margin:0 auto;padding:var(--s7) var(--s5) var(--s5)}.footer-columns{display:grid;grid-template-columns:1.4fr repeat(3,minmax(0,1fr));gap:var(--s6) var(--s5)}.footer-about p{color:var(--ink-soft);font-size:var(--t-sm);max-width:34ch}.footer-columns h3{margin:0 0 var(--s3)}.footer-links{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}.footer-links a,.footer-links button{font:inherit;font-size:var(--t-sm);color:var(--ink-soft);text-decoration:none;background:none;border:0;padding:0;cursor:pointer;text-align:left}.footer-links a:hover,.footer-links button:hover{color:var(--accent);text-decoration:underline}.footer-bottom{margin-top:var(--s6);padding-top:var(--s4);border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:var(--s3) var(--s5);align-items:center;justify-content:space-between;color:var(--ink-faint);font-size:var(--t-xs)}.footer-bottom a{color:var(--ink-faint)}@media(max-width:860px){.footer-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-about{grid-column:1 / -1}.site-footer-inner{padding:var(--s6) var(--s4) var(--s5)}}.icon-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;padding:0;border:0;background:none;border-radius:var(--radius-pill);color:var(--ink-soft);cursor:pointer;transition:color var(--fast),background var(--fast)}.icon-button:hover{color:var(--ink);background:var(--surface-sunken)}.icon-button svg{width:18px;height:18px}.account-button.is-member:after{content:"";position:absolute;right:7px;top:7px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--paper)}.page{max-width:1180px;margin:0 auto;padding:var(--s7) var(--s5)}.page-narrow{max-width:720px}@media(max-width:860px){.page{padding:var(--s5) var(--s4)}}.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:var(--s7);align-items:center;padding:var(--s6) 0 var(--s8)}.hero h1{font-size:var(--t-hero);line-height:1.05;letter-spacing:-.025em;margin-bottom:var(--s4)}.hero-lede{font-size:1.06rem;color:var(--ink-soft);max-width:46ch;margin-bottom:var(--s5)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s3);align-items:center}.hero-actions>*,.hero-actions .join-inline>*{height:var(--control-h)}.hero-actions .hud-menu-anchor{display:inline-flex}.hero-actions .primary,.hero-actions .share-button,.hero-actions .join-inline button{display:inline-flex;align-items:center;justify-content:center;width:auto;padding-top:0;padding-bottom:0}.hero-actions .primary{padding-left:var(--s5);padding-right:var(--s5)}.hero-actions .join-inline input{padding-top:0;padding-bottom:0}.hero-note{margin-top:var(--s4);color:var(--ink-faint);font-size:var(--t-sm)}.hero-art{position:relative;aspect-ratio:4 / 3;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--lift-3);background:var(--surface-sunken)}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.hero-art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.28) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.28) 1px,transparent 1px);background-size:25% 25%;mix-blend-mode:overlay;pointer-events:none}@media(max-width:860px){.hero{grid-template-columns:1fr;gap:var(--s5);padding:var(--s4) 0 var(--s6)}.hero-art{order:-1}}.section{margin-bottom:var(--s8)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s4);flex-wrap:wrap;margin-bottom:var(--s4)}.section-head h2{margin:0;font-size:var(--t-xl)}.section-head p{margin:0;color:var(--ink-soft);font-size:var(--t-sm)}.section-link{font-size:var(--t-sm);font-weight:500;white-space:nowrap}.category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:var(--s4)}.category-tile{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:150px;padding:var(--s4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--lift-1);color:var(--ink);text-decoration:none;overflow:hidden;transition:transform var(--fast),box-shadow var(--fast),border-color var(--fast)}.category-tile:hover{transform:translateY(-3px);box-shadow:var(--lift-2);border-color:var(--line-strong)}.category-tile img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.9}.category-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(20,16,12,.82) 0%,rgba(20,16,12,.15) 55%,transparent 100%)}.category-tile-text{position:relative;z-index:1}.category-tile strong{display:block;font-family:var(--display);font-size:1.1rem;color:#fff;margin-bottom:2px}.category-tile span{display:block;font-size:var(--t-xs);color:#ffffffc7}.category-tile.no-art:after{background:none}.category-tile.no-art strong{color:var(--ink)}.category-tile.no-art span{color:var(--ink-soft)}.category-head{max-width:62ch;margin-bottom:var(--s6)}.category-head h1{font-size:var(--t-xl);margin-bottom:var(--s3)}.category-head p{color:var(--ink-soft)}.category-note{display:inline-flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-radius:var(--radius-pill);background:var(--surface-sunken);color:var(--ink-soft);font-size:var(--t-xs)}.breadcrumb{display:flex;gap:var(--s2);align-items:center;font-size:var(--t-xs);color:var(--ink-faint);margin-bottom:var(--s4)}.breadcrumb a{color:var(--ink-soft);text-decoration:none}.breadcrumb a:hover{color:var(--accent)}.prose{max-width:68ch}.prose h1{font-size:var(--t-xl);margin-bottom:var(--s3)}.prose .standfirst{font-size:1.05rem;color:var(--ink-soft);margin-bottom:var(--s6)}.prose h2{font-size:1.15rem;margin:var(--s7) 0 var(--s3)}.prose h3{font-size:var(--t-md);font-family:var(--sans);font-weight:600;text-transform:none;letter-spacing:normal;color:var(--ink);margin:var(--s5) 0 var(--s2)}.prose p,.prose li{color:var(--ink-soft);line-height:1.7}.prose ul{margin:0 0 var(--s4);padding-left:var(--s5)}.prose li{margin-bottom:var(--s2)}.prose strong{color:var(--ink);font-weight:600}.prose code{font-size:.86em}.legal-date{margin-top:var(--s7);padding-top:var(--s4);border-top:1px solid var(--line);color:var(--ink-faint);font-size:var(--t-xs)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--s4);margin:var(--s6) 0;align-items:start}.plan{padding:var(--s5);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--surface)}.plan.featured{border-color:var(--accent);box-shadow:var(--lift-2)}.plan-name{font-family:var(--display);font-size:1.1rem;margin-bottom:var(--s1)}.plan-price{font-size:1.9rem;font-family:var(--display);letter-spacing:-.02em}.plan-price small{font-size:var(--t-sm);font-family:var(--sans);color:var(--ink-soft);letter-spacing:normal}.plan ul{list-style:none;margin:var(--s4) 0;padding:0;display:grid;gap:var(--s2)}.plan li{position:relative;padding-left:1.5em;font-size:var(--t-sm);color:var(--ink-soft)}.plan li:before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:600}.plan li.absent{color:var(--ink-faint)}.plan li.absent:before{content:"–";color:var(--ink-faint)}.member-badge{display:inline-flex;align-items:center;gap:var(--s1);padding:3px var(--s2);border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);font-size:var(--t-label);font-weight:600;text-transform:uppercase;letter-spacing:var(--label-spacing)}.support-card{display:flex;gap:var(--s4);align-items:center;flex-wrap:wrap;padding:var(--s5);border-radius:var(--radius-lg);background:var(--accent-soft);border:1px solid var(--line)}.support-card p{margin:0;flex:1 1 240px;color:var(--ink);font-size:var(--t-sm)}.ad-slot{display:block;margin:var(--s6) auto;text-align:center;overflow:hidden}.ad-slot[data-format=horizontal]{min-height:90px;max-width:970px}.ad-slot[data-format=rectangle]{min-height:250px;max-width:336px}.ad-label{display:block;font-size:var(--t-label);text-transform:uppercase;letter-spacing:var(--label-spacing);color:var(--ink-faint);margin-bottom:var(--s1)}.skeleton{position:relative;overflow:hidden;background:var(--surface-sunken);border-radius:var(--radius)}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--surface) 70%,transparent),transparent);animation:shimmer 1.4s infinite}@keyframes shimmer{to{transform:translate(100%)}}.skeleton-card{aspect-ratio:4 / 3;border-radius:var(--radius-lg)}.skip-link{position:absolute;left:var(--s3);top:-60px;z-index:var(--z-badge);padding:var(--s2) var(--s4);background:var(--surface);border:1px solid var(--line-strong);border-radius:var(--radius);transition:top var(--fast)}.skip-link:focus{top:var(--s3)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}