.entry-shell .main-navigation{display:none}.entry-preferences{align-items:center;gap:4px;margin-left:auto;display:flex}.entry-preference{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;min-height:44px;color:var(--muted);border-radius:12px;padding:10px}.entry-preference[aria-checked=true]{border-color:var(--action);background:var(--soft);color:var(--action)}.entry-preference svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.entry-preference:first-child[aria-checked=true] svg path{fill:currentColor}.entry-shell .site-header{border-bottom:0}.app-modal.welcome-modal{width:min(100% - 32px,520px)}.welcome-modal::backdrop{background:var(--scrim)}.welcome-modal .app-modal-heading{text-align:center;display:block}.welcome-modal .app-modal-heading h2{text-wrap:balance;margin:0;font-size:2rem;line-height:1.12}.welcome-modal .app-modal-close{position:absolute;top:12px;right:12px}.welcome-modal .welcome-description{text-align:center;text-wrap:balance;max-width:36ch;margin:12px auto 20px;line-height:1.5}.welcome-description span{display:block}.welcome-modal .welcome-account-note{text-wrap:balance;margin:8px 0 0;font-size:.875rem;line-height:1.4}.welcome-actions{text-align:center;gap:8px;display:grid}.welcome-actions>button{width:100%;min-height:48px}.welcome-account-links{flex-wrap:wrap;justify-content:center;gap:4px 24px;display:flex}.welcome-account-links a,.welcome-explore{place-items:center;min-height:44px;font-weight:600;display:grid}.welcome-explore{color:var(--muted)}.welcome-art{z-index:0;pointer-events:none;isolation:isolate;width:min(100%,300px);min-width:0;height:172px;margin:0 auto 16px;position:relative;overflow:visible}.welcome-art-circle{aspect-ratio:1;background:var(--citron);border-radius:50%;width:160px;position:absolute;top:0;left:calc(50% - 80px)}.welcome-piece-slot{aspect-ratio:1;width:100px;position:absolute}.welcome-piece-paths{z-index:1;top:4%;left:38%;transform:rotate(7deg)}.welcome-piece-light{z-index:2;top:29%;left:6%;transform:rotate(-11deg)}.welcome-piece-binary{z-index:3;top:34%;left:57%;transform:rotate(8deg)}.welcome-piece-arrival,.welcome-piece-float,.welcome-piece-card{width:100%;height:100%}.welcome-piece-card{background:var(--surface);border:5px solid var(--lilac);border-radius:15%;place-items:center;display:grid}.welcome-piece-light .welcome-piece-card{border-color:var(--gold)}.welcome-piece-binary .welcome-piece-card{border-color:var(--citron)}.welcome-piece-card svg{width:84%;height:84%}.account-entry{flex-direction:column;justify-content:center;gap:16px;width:min(100%,560px);min-height:calc(100dvh - 116px);margin:auto;padding:4px 0 12px;display:flex}.account-entry-back{min-height:44px;color:var(--muted);align-self:flex-start;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.account-entry-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:clamp(20px,3vw,32px)}.account-entry-card h1{margin-bottom:12px;font-size:clamp(2rem,3vw,2.6rem)}.account-entry-card>p{color:var(--muted);margin:0 0 16px}.account-entry-card .local-note{margin:0 0 16px;font-size:.875rem}.account-entry-card form{gap:12px;display:grid}.account-entry-card form label{font-weight:600}.account-entry-card form input,.account-entry-card form button{width:100%}.account-entry-card form button:not(.quiet){margin-top:8px}.account-entry-links{text-align:center;justify-items:center;gap:4px;margin-top:12px;display:grid}.account-entry-links a{place-items:center;min-height:44px;display:grid}.account-entry-links a:last-child{color:var(--muted)}.account-entry-shell .site-footer{flex-direction:row;gap:4px 12px;min-height:52px;margin-top:0;padding:4px 0}.privacy-page{margin:clamp(24px,8vh,96px) 0}@media (width<=767px){.app-modal.welcome-modal{padding:16px}.account-entry{justify-content:flex-start;gap:12px;padding:8px 0 24px}.account-entry-card>p{margin-bottom:16px}}@media (height<=700px){.welcome-art{width:248px;height:128px;margin-bottom:8px}.welcome-art-circle{width:120px;left:calc(50% - 60px)}.welcome-piece-slot{width:76px}}.mobile-app-banner{background:var(--citron);color:#20251f;border-radius:24px;grid-template-columns:1fr 1fr;align-items:center;gap:16px;margin-top:16px;padding:24px 32px;display:grid}.mobile-app-copy h2{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,3.2vw,2.75rem);line-height:1.05}.mobile-app-release{margin:12px 0 16px}.mobile-app-benefits{flex-wrap:wrap;gap:8px 16px;margin:0;padding:0;font-size:.875rem;font-weight:600;list-style:none;display:flex}.mobile-app-benefits li{align-items:center;gap:4px;display:flex}.mobile-app-benefits svg{fill:none;stroke:#5243c2;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.mobile-app-artwork{justify-self:center;width:100%;max-width:520px;font-family:Instrument,system-ui,sans-serif;display:block;overflow:visible}@media (width>=1024px){.mobile-app-banner{padding-block:16px}.mobile-app-copy h2{font-size:2rem}.mobile-app-release{margin:8px 0 12px}.mobile-app-artwork{max-width:340px}}@media (width<=767px){.mobile-app-banner{grid-template-columns:1fr;gap:12px;padding:24px}.mobile-app-copy h2{font-size:2rem}.mobile-app-artwork{max-width:380px}}.bridges-wrap{--family-color:#a8cef3}.bridges-field{aspect-ratio:1;border:1px solid var(--line);background:var(--canvas);border-radius:18px;width:100%;position:relative;container-type:inline-size}.bridges-lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.bridge-stroke{fill:none;stroke:var(--action);stroke-width:5px;stroke-linecap:round;vector-effect:non-scaling-stroke;pointer-events:none}.bridge-preview{opacity:.55}.bridges-field .bridge-hit{height:44px;min-height:44px;box-shadow:none;cursor:pointer;z-index:1;background:0 0;border:0;border-radius:16px;padding:0;position:absolute}.bridges-field .bridge-hit:focus-visible{outline:2px solid var(--action);background:color-mix(in srgb, var(--action) 12%, transparent)}.bridges-field .bridge-hit:hover{background:0 0}.bridge-conflict .bridge-stroke{stroke:var(--danger)}.bridge-hint-line{fill:none;stroke:var(--action);stroke-width:16px;stroke-linecap:round;opacity:.22;vector-effect:non-scaling-stroke}.bridge-island{background:var(--family-color);width:clamp(48px,14cqw,64px);height:clamp(48px,14cqw,64px);min-height:48px;color:var(--piece-ink);box-shadow:0 3px 0 color-mix(in srgb, var(--piece-ink) 18%, transparent);touch-action:none;z-index:2;isolation:isolate;border:0;border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.bridge-island:active{box-shadow:0 1px 0 color-mix(in srgb, var(--piece-ink) 18%, transparent)}.bridge-island:is(.island-selected,.island-hint,.island-drop-target){outline:3px solid var(--action);outline-offset:4px}.bridge-island.island-hint{box-shadow:0 0 16px color-mix(in srgb, var(--action) 55%, transparent)}.island-ring{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible;transform:rotate(-90deg)}.island-ring-track,.island-ring-progress{fill:none;stroke-width:4px}.island-ring-track{stroke:#20251f;opacity:.16}.island-ring-progress{stroke:#5243c2;stroke-linecap:round;transition:stroke .25s}.island-full .island-ring-progress{stroke:#17532d}.island-error .island-ring-progress{stroke:#9f233d}.island-error{outline-offset:2px;outline:2px solid #9f233d}.island-number{pointer-events:none;place-items:center;font-size:clamp(1.4rem,7cqw,1.85rem);font-weight:700;line-height:1;display:grid;position:absolute;inset:0}.island-excess{color:#fff;background:#9f233d;border-radius:8px;padding:1px 5px;font-size:12px;line-height:1.3;position:absolute;bottom:-7px;right:-5px}.bridges-notice{min-height:1.35em;color:var(--muted);text-align:center;margin:8px 0 0;font-size:.875rem;line-height:1.35}:root[data-motion=reduced] .island-ring-progress{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .island-ring-progress{transition:none}}.mini-sudoku-wrap{--family-color:var(--rose);--sudoku-empty:color-mix(in srgb, var(--family-color) 32%, white);--sudoku-clue:color-mix(in srgb, var(--family-color) 65%, white)}.player-page:has(.mini-sudoku-wrap) .play-layout .board-wrap{width:min(100%,clamp(292px,100svh - 29rem,500px))}@media (width<=767px){.player-page:has(.mini-sudoku-wrap) .play-surface{padding-block:8px}.player-page:has(.mini-sudoku-wrap) .sudoku-input{margin-top:4px}.player-page:has(.mini-sudoku-wrap) .play-tools{margin-top:4px}.player-page:has(.mini-sudoku-wrap) .play-layout .board-wrap{width:min(100%,max(292px,100svh - 26rem))}}.mini-sudoku-grid{border-radius:15px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid;container-type:inline-size}.sudoku-box{border:1.5px solid var(--grid);border-radius:12px;grid-template-rows:repeat(2,max(44px,16.6667cqi - 4.33333px));grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;padding:2px;display:grid}.mini-sudoku-grid .sudoku-cell{aspect-ratio:auto;color:var(--piece-ink);background:var(--sudoku-empty);box-shadow:none;--hint-stroke:#5243c2;--conflict-stroke:#9f233d;border-radius:7px;font-size:clamp(1.35rem,5vw,2rem);line-height:1;overflow:visible}.mini-sudoku-grid .sudoku-given{background:var(--sudoku-clue)}.mini-sudoku-grid .sudoku-selected{outline-offset:-3px;z-index:2;outline:3px solid #5243c2}.mini-sudoku-grid .sudoku-cell:is(.hint-target,.rule-conflict){outline-color:var(--feedback-stroke)}.sudoku-digit{flex-direction:column;justify-content:center;align-items:center;font-weight:650;line-height:1;display:flex;position:absolute;inset:0}.sudoku-input{grid-template-rows:repeat(2,minmax(44px,auto));grid-template-columns:repeat(3,minmax(0,1fr)) minmax(min-content,1fr);gap:6px;margin-top:8px;display:grid}.sudoku-input button{background:var(--soft);min-width:0;min-height:44px;color:var(--text);border-radius:12px;padding:4px;font-size:1.5rem;line-height:1.25}.sudoku-input button:nth-child(4){grid-area:2/1}.sudoku-input button:nth-child(5){grid-area:2/2}.sudoku-input button:nth-child(6){grid-area:2/3}.sudoku-input button[aria-pressed=true]{background:var(--action);color:var(--on-action)}.sudoku-input .sudoku-erase{flex-direction:column;grid-area:1/4/span 2;justify-content:center;align-items:center;gap:6px;font-size:.875rem;display:flex}.sudoku-erase svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}@media (width<=390px){.mini-sudoku-grid .sudoku-cell{border-radius:5px}.sudoku-input{gap:4px}}@font-face{font-family:Instrument;src:url(/fonts/InstrumentSans.ttf)format("truetype");font-weight:100 900;font-display:swap}@font-face{font-family:Bricolage;src:url(/fonts/BricolageGrotesque.ttf)format("truetype");font-weight:100 900;font-display:swap}:root{--puzzle-type-unit:1.0625rem;color:var(--text);background:var(--canvas);--canvas:#f7f8f2;--surface:#fff;--text:#20251f;--muted:#52604f;--soft:#eaf0e3;--line:#dce2d5;--grid:#7d8a75;--action:#5243c2;--on-action:#fff;--citron:#d8f36a;--apricot:#ffaf86;--lilac:#d9d2f4;--danger:#9f233d;--danger-surface:#fff0f2;--danger-border:#e2a2af;--selected:color-mix(in srgb, var(--action) 18%, var(--surface));--scrim:color-mix(in srgb, var(--canvas) 72%, transparent);--shadow-overlay:0 12px 40px #14191538;--focus-color:var(--text);--focus-width:1.5px;--focus-offset:1px;--family-binary:var(--citron);--family-rectangles:var(--apricot);--family-paths:var(--lilac);--family-light-up:var(--gold);--family-blooms:#c8e5d0;--family-ribbons:#9edbd7;--piece-action:#5243c2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Instrument,system-ui,sans-serif;font-size:100%;line-height:1.55}:root[data-theme=dark]{--canvas:#1d241f;--surface:#28332b;--text:#f7f8f2;--muted:#bbc8b9;--soft:#344437;--line:#465447;--grid:#8ea184;--action:#c7beff;--on-action:#221c49;--danger:#ffb6c4;--danger-surface:#4a2a34;--danger-border:#9e6070;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0}a{color:var(--action);text-underline-offset:4px}button,input{font:inherit}button,.button{background:var(--action);min-height:48px;color:var(--on-action);cursor:pointer;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled:not(.puzzle-cell,[data-playfield] *){background:var(--soft);color:var(--muted);box-shadow:none;cursor:default;border-color:#0000}button.quiet:disabled{background:0 0}button.quiet{color:var(--action);background:0 0}.secondary{background:var(--soft);color:var(--text)}button.danger,.button.danger{border-color:var(--danger-border);background:var(--danger-surface);color:var(--danger)}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled,[aria-disabled=true]),.button:hover:not([aria-disabled=true]){filter:brightness(.95)}}:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}:is(input:not([type=radio],[type=checkbox],[type=range]),textarea,select):focus-visible{border-color:var(--action);box-shadow:inset 0 0 0 1px var(--action);outline:none}:is(.welcome-card,.solved-panel,.board-dialog.celebration,.own-result,.mobile-app-banner,.completion-followup,.progress-summary){--focus-color:var(--piece-ink)}h1,h2,h3{letter-spacing:-.015em;font-family:Bricolage,system-ui,sans-serif;font-weight:600;line-height:1.15}h1{margin:0 0 12px;font-size:2rem}h2{margin:0 0 12px;font-size:1.375rem}h3{margin:8px 0;font-size:1.25rem}p{margin:0 0 12px}svg{display:block}main:focus{outline:none}.tag{background:var(--soft);white-space:nowrap;border-radius:30px;padding:7px 12px;font-size:.875rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.75rem;font-weight:650;line-height:1.6}.welcome-card{background:var(--citron);color:#20251f;border-radius:24px;justify-content:space-between;align-items:center;gap:36px;padding:42px 52px;display:flex;overflow:hidden}.welcome-card h2{margin:20px 0;font-size:clamp(2rem,3.4vw,3rem)}.welcome-card .button{color:#f7f8f2;background:#20251f;justify-content:space-between;min-width:230px}.assembly{width:38%;max-width:340px}.text-link{white-space:nowrap;min-height:48px;margin-left:auto;padding:12px 0;font-size:.9rem}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;margin-top:16px;padding:12px 0;font-size:.875rem;display:flex}.puzzle-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;display:grid}.puzzle-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;overflow:hidden}.card-art{color:#20251f;background:var(--apricot);place-items:center;height:220px;display:grid}.paths .card-art{background:var(--lilac)}.card-art svg{width:180px;height:140px}.binary-mini{grid-template-columns:repeat(3,40px);gap:4px;display:grid;transform:rotate(-6deg)}.binary-mini span{background:#f7f8f2bb;border-radius:7px;place-items:center;width:40px;height:40px;font-size:1.1rem;display:grid}.card-copy{padding:28px}.card-copy p{color:var(--muted)}.card-copy .button{justify-content:space-between;width:100%}.panel{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:16px}.panel h2{font-size:1.375rem}.panel p,.muted{color:var(--muted)}.local-note{background:var(--soft);border-radius:12px;padding:16px;font-size:.9rem}form{gap:12px;display:grid}form p{margin:8px 0 0}form label{font-weight:550}input[type=email],input[type=text],input:not([type]){border:1px solid var(--grid);width:100%;min-height:48px;color:var(--text);background:var(--canvas);border-radius:12px;padding:10px 14px}form button{margin-top:4px}fieldset{border:0;margin:24px 0 0;padding:0}legend{margin-bottom:10px;font-weight:550}.radio-option{align-items:center;gap:14px;min-height:48px;padding:8px 0;display:flex}.radio-option input{width:22px;height:22px;accent-color:var(--action)}.progress-summary{align-items:center;gap:18px;padding:24px 0 32px;display:flex}.progress-summary strong{font:3.5rem Bricolage}.progress-list{margin:0;padding:0;list-style:none}.progress-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:24px 0;display:flex}.progress-list h2{margin:0 0 8px;font-size:1.4rem}.progress-list p{color:var(--muted);margin:0;font-size:.9rem}.player-page{padding-top:4px}.back-link{width:max-content;min-height:44px;box-shadow:none;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:4px;align-items:center;margin:16px 0 4px;padding:0 2px;font-size:.9rem;font-weight:650;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.back-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}}.play-layout{grid-template-columns:minmax(0,1.6fr) minmax(250px,1fr);align-items:start;gap:52px;display:grid}.play-surface{background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:32px}.board-wrap{max-width:420px;margin:0 auto}.puzzle-grid{grid-template-columns:repeat(var(--size), minmax(0, 1fr));gap:4px;display:grid;position:relative}.puzzle-cell{aspect-ratio:1;border:1px solid var(--grid);background:var(--canvas);width:100%;min-width:0;min-height:44px;color:var(--text);font-size:clamp(calc(1.25 * var(--puzzle-type-unit)), 4vw, calc(2.3 * var(--puzzle-type-unit)));isolation:isolate;border-radius:10px;padding:0;position:relative}.puzzle-cell.symbol-0{background:var(--citron);color:#20251f}.puzzle-cell.symbol-1{background:var(--lilac);color:#20251f}.puzzle-cell.highlight{outline:3px dashed var(--action);outline-offset:-5px}.binary-relation{background:var(--surface);color:var(--text);text-align:center;pointer-events:none;border-radius:50%;width:22px;height:22px;font-size:17px;line-height:22px;position:absolute;transform:translate(-50%,-50%)}.board-caption{text-align:center;color:var(--muted);margin:8px 0 0;font-size:.875rem}.paths-grid .puzzle-cell{border-radius:8px}.path-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.checkpoint{z-index:2;width:44px;height:44px;color:var(--on-action);background:var(--action);border-radius:50%;place-items:center;font-size:1.25rem;display:grid;position:relative}.path-dot{color:var(--action);font-size:2rem}.visited{background:var(--soft)}.path-head{box-shadow:inset 0 0 0 3px var(--action)}.play-tools{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:28px;display:grid}.play-tools button{color:var(--text);background:0 0;flex-direction:column;gap:0;padding:8px 2px;font-size:1.45rem}.play-tools button span{font-size:.875rem;font-weight:450}.rules-panel{padding-top:24px}.rules-panel h2{margin-top:12px}.rules-panel ol{color:var(--muted);padding-left:23px;font-size:.94rem}.rules-panel li{padding:0 0 20px 6px}.rules-panel .muted{margin-top:20px;font-size:.875rem}.hint-panel,.notice,.solved-panel{background:var(--soft);border-radius:16px;margin-top:24px;padding:20px;font-size:.9rem}.hint-panel h2,.solved-panel h2{margin-bottom:14px;font-size:1.6rem}.notice p:last-child{margin:0}.solved-panel{background:var(--citron);color:#20251f}.solved-panel .button{color:#f7f8f2;background:#20251f}.solved-panel .eyebrow{margin-bottom:12px;display:block}a[aria-disabled=true]{color:var(--muted);cursor:default}a.button[aria-disabled=true]{background:var(--soft);box-shadow:none}.skip-link{left:max(32px, env(safe-area-inset-left));top:max(12px, env(safe-area-inset-top));z-index:100;background:var(--action);max-width:calc(100vw - 64px);color:var(--on-action);padding:12px 20px;position:fixed;transform:translateY(calc(-100% - 24px));box-shadow:0 4px 16px #0003}.skip-link:focus{outline:3px solid var(--text);outline-offset:3px;transition:transform .28s cubic-bezier(.22,1,.36,1);transform:translateY(0)}.skip-link svg{transform:rotate(90deg)}@media (width<=767px){.skip-link{left:max(16px, env(safe-area-inset-left));max-width:calc(100vw - 32px)}}@media (width<=900px){.welcome-card{padding:32px}.play-layout{grid-template-columns:minmax(0,1.5fr) minmax(220px,1fr);gap:28px}.play-surface{padding:24px}.text-link{margin-left:80px}}@media (width<=767px){.welcome-card{padding:28px;display:block;position:relative}.welcome-card>div{z-index:1;position:relative}.welcome-card h2{font-size:2.1rem}.welcome-card .assembly{opacity:.75;width:125px;position:absolute;top:5px;right:-25px}.welcome-card .eyebrow{max-width:200px}.text-link{margin-left:74px}.puzzle-shelf{grid-template-columns:1fr;gap:24px}.card-art{height:176px}.card-copy{padding:24px}.panel{padding:16px}.site-footer{flex-direction:column;gap:16px;margin-top:40px;padding-bottom:24px}.play-layout{grid-template-columns:1fr;gap:8px}.play-surface{border-radius:20px;padding:20px 12px}.rules-panel{padding:28px 8px 0}.puzzle-cell{border-radius:8px}.progress-list li{flex-direction:column;align-items:start;gap:12px}.checkpoint{width:36px;height:36px}.play-tools{margin-top:16px}.tag{font-size:.875rem}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) *,:root:not([data-motion=full]) :before,:root:not([data-motion=full]) :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.play-tools button[aria-disabled=true]{color:var(--muted);cursor:default}@media (width<=380px){.play-surface{padding:16px 6px}.puzzle-grid{gap:3px}}.board-scroll{overscroll-behavior:contain;scrollbar-width:none;padding:4px;overflow:auto hidden}.board-scroll::-webkit-scrollbar{display:none}.rectangles-grid .puzzle-cell{touch-action:none;font-size:1.4rem}.rectangle-filled{background:var(--soft);border-color:var(--text)}.rectangle-selection{margin:16px 0;font-size:.875rem}.rectangle-selection p{margin:0 0 12px}.rectangle-selection button{margin:4px}.rectangles .card-art{background:var(--citron)}.light-up .card-art{background:var(--soft)}.light-tools{gap:8px;margin-bottom:18px;display:flex}.light-tools button{background:var(--soft);color:var(--text);flex-direction:column;flex:1;gap:2px;padding:8px 4px;font-size:.875rem}.light-tools button span:first-child{font-size:1.4rem}.light-tools button[aria-pressed=true]{outline:2px solid var(--action);outline-offset:-2px}.light-up-grid .wall-cell{background:var(--text);color:var(--canvas);font-size:calc(1.45 * var(--puzzle-type-unit))}.lit-cell{background-color:var(--citron);color:#20251f;background-image:repeating-linear-gradient(135deg,#0000,#0000 5px,#20251f12 5px 7px)}.region-boundaries{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.guest-import{border-top:1px solid var(--line);margin-top:28px;padding-top:28px}.account-actions{flex-direction:column;align-items:flex-start;gap:12px;display:flex}.account-actions button{max-width:100%}.account-data-trigger{text-align:left}.app-modal.account-data-modal{width:min(100% - 32px,600px)}.app-modal.account-deletion-modal{width:min(100% - 32px,520px)}.account-data-modal strong,.account-deletion-modal strong{overflow-wrap:anywhere}.account-data-modal .guest-import{margin-top:20px;padding-top:20px}.account-deletion input#deletion-confirmation{width:100%;margin-top:8px;display:block}.guest-import h3{margin:0 0 16px;font-size:1.4rem}.guest-import-actions{align-items:center;gap:8px;display:flex}.guest-import-actions button{min-width:0}.guest-import-feedback{min-height:4.5em;margin-top:16px}.guest-import .guest-import-feedback p{margin:0}.guest-import [role=status],.guest-import [role=alert]{margin-top:16px}.deletion-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.deletion-status{margin:48px 0}.deletion-status h1{font-size:clamp(2rem,6vw,3rem)}.account-deletion .radio-option{align-items:flex-start;margin-block:20px}.deletion-policy{margin-block:20px}.deletion-policy summary{cursor:pointer;min-height:44px;padding-block:12px;display:list-item}.deletion-status .muted{overflow-wrap:anywhere}.learn-shelf{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.learn-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;min-width:0;padding:18px}.learn-card h3{margin:18px 0;font-size:1.35rem}.learn-card .button{justify-content:space-between;width:100%}.learn-art{background:var(--apricot);color:#20251f;border-radius:10px;place-items:center;height:80px;display:grid;overflow:hidden}.paths .learn-art{background:var(--lilac)}.learn-art svg{width:100px;height:64px}.learn-art .binary-mini{grid-template-columns:repeat(3,20px);gap:2px;width:64px;height:64px;transform:none}.learn-art .binary-mini span{border-radius:4px;width:20px;height:20px;font-size:.6rem}.browse-section{margin-top:44px}.library-filters{gap:20px;margin:24px 0;display:flex}.library-filters label{flex:1;gap:8px;min-width:0;font-size:.9rem;display:grid}.library-filters select{font:inherit;border:1px solid var(--grid);min-height:48px;color:var(--text);background:var(--surface);border-radius:12px;width:100%;padding:10px 14px}.collection-shelf{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.collection-card{border:1px solid var(--line);background:var(--surface);border-radius:18px;padding:24px}.collection-card h3{margin:14px 0 24px;font-size:1.55rem}.collection-card .button{justify-content:space-between;width:100%}.load-puzzles{margin-top:24px}@media (width<=760px){.learn-shelf,.collection-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}.learn-card{padding:14px}.collection-card{padding:18px}.library-filters{gap:12px}}@media (width<=420px){.collection-shelf{grid-template-columns:1fr}}.daily-choice{border-top:1px solid var(--line);align-items:center;gap:32px;padding-top:24px;display:flex}.daily-choice>div{flex:1}.daily-choice h3{font-size:1.6rem}.daily-choice button{flex-shrink:0}.daily-source{color:var(--muted);font-size:.9rem}@media (width<=700px){.daily-choice{flex-direction:column;align-items:stretch;gap:12px}}.race-clock{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 0;display:flex}.race-clock p{font-variant-numeric:tabular-nums;margin:0}.social-actions{flex-wrap:wrap;gap:.35rem;display:flex}.social-toast-layer{top:auto;left:16px;right:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;pointer-events:none;background:0 0;border:0;justify-content:center;width:calc(100vw - 32px);max-width:none;height:fit-content;margin:0;padding:0;display:flex;position:fixed}.social-toast{border:1px solid var(--citron);color:#f7f8f2;background:#20251f;border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;width:max-content;max-width:min(100%,28rem);padding:12px 16px;font-weight:600;line-height:1.35;display:flex;box-shadow:0 8px 24px #14191533}.social-toast-error{border-color:var(--danger)}.social-toast-error .social-toast-mark{background:var(--danger)}.social-toast-retry{min-height:44px;color:inherit;pointer-events:auto;background:0 0;border:1px solid;flex:none;padding:8px 12px}.social-toast-mark{background:var(--citron);color:#20251f;border-radius:8px;flex:0 0 24px;place-items:center;width:24px;height:24px;font-size:.875rem;font-weight:800;display:grid}@media (width<=767px){.social-toast-layer{bottom:calc(4.5rem + 12px + env(safe-area-inset-bottom))}}.social-profile{grid-column:1/-1}.social-profile form{max-width:32rem}.profile-picture-editor{align-items:center;gap:16px;margin-block:16px 20px;display:flex}.profile-picture-editor button{min-height:44px}.profile-picture-editor p{margin:8px 0 0}.settings-group-body .avatar-choice-grid{border:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:8px 0;padding:8px 0;display:grid}.avatar-choice-grid legend{grid-column:1/-1;padding:0}.avatar-choice{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;min-width:0;min-height:68px;display:grid;position:relative}.settings-group .avatar-choice input[type=radio]{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.avatar-choice.is-selected{border-color:var(--action);background:color-mix(in srgb, var(--lilac) 28%, var(--surface));box-shadow:0 0 0 1px var(--action)}.avatar-choice:has(input:focus-visible){outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.player-avatar{border-radius:50%;flex:none;display:block;overflow:hidden}.social-profile fieldset{margin-top:1.5rem}.field-note{color:var(--muted);font-size:.88rem}.field-error{color:var(--danger);margin:0;font-weight:600}input[aria-invalid=true]{border-color:var(--danger)}.invite-preview{margin-block:1.5rem}textarea{resize:vertical;width:100%;min-height:7rem;font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--grid);border-radius:12px;margin-block:.5rem 1rem;padding:.75rem;display:block}.rankings{margin-block:1.5rem}.rankings-title{margin:0 0 12px;font-size:1.375rem}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ranking-scope{flex-wrap:wrap;gap:1.5rem;display:flex}.ranking-scroll{margin-block:1.5rem;overflow-x:auto}.rankings table{border-collapse:collapse;text-align:left;width:100%}.rankings th,.rankings td{border-bottom:1px solid var(--line);padding:.8rem .6rem}.rankings th[scope=row]{overflow-wrap:anywhere;min-width:7rem;font-weight:600}.rankings .tag{margin-left:.5rem}.rank-time{white-space:nowrap;font-variant-numeric:tabular-nums}.own-result{background:var(--soft);border-radius:1rem;margin-block:1.5rem;padding:1.25rem}.own-result h3{font-size:1.4rem}.rank-player{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;display:flex}.rank-player .social-actions{gap:0}.rank-player button{padding-inline:.6rem}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;gap:1rem;margin-bottom:1.5rem;display:flex}.admin-auth{max-width:42rem}.admin-records{margin:1.5rem 0;padding:0;list-style:none}.admin-records>li{border-top:1px solid var(--line);padding-block:1.5rem}.admin-records h3{margin:0 0 .75rem;font-size:1.4rem}.admin-records .field-note{overflow-wrap:anywhere}.admin-filter{align-items:center;gap:1rem;margin-block:1rem;display:flex}.admin-filter select{font:inherit;min-height:48px;color:var(--text);background:var(--surface);border:1px solid var(--grid);border-radius:12px;padding:.5rem}.admin-secret{overflow-wrap:anywhere;margin-bottom:1.5rem;display:block}.admin-search{flex-wrap:wrap;align-items:end;gap:1rem;margin-bottom:1.25rem;display:flex}.admin-search label{flex:12rem;gap:.5rem;min-width:0;display:grid}.admin-search :is(input,select){font:inherit;border:1px solid var(--grid);width:100%;min-height:48px;color:var(--text);background:var(--canvas);border-radius:12px;padding:10px 14px}.admin-users{gap:1.5rem;display:grid}.admin-records p{overflow-wrap:anywhere}.daily-statistics{border:1px solid var(--line);background:var(--surface);border-radius:20px;margin-top:1.5rem;padding:1.25rem}.rankings-refresh{justify-content:flex-end;min-height:44px;margin-bottom:.5rem;display:flex}.rankings-refresh button{min-width:9rem;min-height:44px}.statistics-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.75rem 1rem;margin-bottom:1rem;display:flex}.statistics-heading h3{margin:0;font-size:1.75rem}.statistics-meta{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.statistics-meta-item{border:1px solid color-mix(in srgb, var(--piece-ink) 12%, transparent);background:var(--lilac);min-height:60px;color:var(--piece-ink);border-radius:16px;align-content:center;gap:.25rem;padding:.55rem .9rem;font-size:1rem;font-weight:700;line-height:1.2;display:grid}.statistics-meta-item--count{background:var(--citron)}.statistics-meta-item--updated{background:var(--apricot)}.statistics-meta-item--count strong{font-variant-numeric:tabular-nums;font:800 1.3rem/1 Bricolage,system-ui,sans-serif}.statistics-meta-label{color:var(--piece-ink);letter-spacing:.055em;overflow-wrap:anywhere;text-transform:uppercase;font-size:.875rem;font-weight:800}.daily-statistics .statistics-empty{color:var(--text);margin:1rem 0 0;font-size:1.125rem;font-weight:650}.statistics-values{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:1rem 0 0;display:grid}.statistics-values dt{font-size:.9rem}.statistics-values dd{font-variant-numeric:tabular-nums;margin:.4rem 0 0}.statistics-chart{--statistics-panel:color-mix(in srgb, var(--lilac) 90%, var(--surface));--statistics-bar-fill:color-mix(in srgb, var(--lilac) 65%, var(--action));background:var(--statistics-panel);border-radius:20px;margin:1rem 0 0;padding:1rem 1.25rem .75rem}:root[data-theme=dark] .statistics-chart{--statistics-panel:color-mix(in srgb, var(--lilac) 12%, var(--surface));--statistics-bar-fill:color-mix(in srgb, var(--action) 72%, var(--surface))}.statistics-chart-plot{height:clamp(14rem,24vw,20rem)}.statistics-chart-scroll{overflow-x:auto}.statistics-chart-scroll:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.statistics-chart-scroll[data-overflow-right=true]:not([data-overflow-left=true]),.ranking-scroll[data-overflow-right=true]:not([data-overflow-left=true]){--scroll-mask-x:linear-gradient(to right, #000 calc(100% - 18px), transparent)}.statistics-chart-scroll[data-overflow-left=true][data-overflow-right=true],.ranking-scroll[data-overflow-left=true][data-overflow-right=true]{--scroll-mask-x:linear-gradient(to right, transparent, #000 18px, #000 calc(100% - 18px), transparent)}.statistics-chart-scroll[data-overflow-left=true]:not([data-overflow-right=true]),.ranking-scroll[data-overflow-left=true]:not([data-overflow-right=true]){--scroll-mask-x:linear-gradient(to right, transparent, #000 18px)}.statistics-chart-plot svg{width:100%;height:100%;overflow:visible}.statistics-chart-axis-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 12px;font-size:.875rem;display:flex}.statistics-bar{fill:var(--statistics-bar-fill);opacity:.9;rx:3px}.statistics-axis{stroke:var(--grid)}.statistics-gridline{stroke:color-mix(in srgb, var(--action) 18%, transparent);stroke-dasharray:2 5;stroke-width:1px}.statistics-marker{stroke:var(--text);fill:var(--text);stroke-width:2.5px}.statistics-marker--median line{stroke:var(--action);stroke-width:3px;stroke-dasharray:7 6}.statistics-marker--you line{stroke:var(--text);stroke-width:3px}.statistics-marker--you{stroke:var(--text);fill:var(--text)}.statistics-marker-label{fill:var(--text);stroke:var(--statistics-panel);stroke-linejoin:round;stroke-width:4px;paint-order:stroke;font-family:Instrument,system-ui,sans-serif;font-size:.875em;font-weight:700}.statistics-marker-label--median{fill:var(--action)}.statistics-chart figcaption{color:var(--muted);margin-top:.25rem;font-size:.875rem}.statistics-explanation p{margin:.75rem 0 0}.session-result{margin-block:1.5rem;animation:.4s ease-out session-accepted}.session-complete{border-color:var(--action)}@keyframes session-accepted{0%{opacity:.5}to{opacity:1}}:root{--gold:#f5dc82;--sky:#a8d8ec;--mint:#b9dfc6;--rose:#efafc4;--piece-ink:#20251f}.page-reveal{padding:3px;display:flow-root;position:relative}button,.button{box-shadow:0 3px 0 color-mix(in srgb, var(--text) 15%, transparent);transition:background-color .15s,box-shadow .15s}@media (hover:hover) and (pointer:fine){button:active,.button:active{box-shadow:0 1px 0 color-mix(in srgb, var(--text) 15%, transparent)}}button.quiet{box-shadow:none}.binary{--family-color:var(--family-binary)}.bridges{--family-color:#a8cef3}.mini-sudoku{--family-color:var(--rose)}.rectangles{--family-color:var(--family-rectangles)}.paths{--family-color:var(--family-paths)}.light-up{--family-color:var(--family-light-up)}.tile-arrow{border:1px solid #20251f33;border-radius:50%;place-items:center;width:36px;height:36px;font:1.5rem Instrument;display:grid}.mini-stages{gap:9px;display:flex}.mini-stages i{background:var(--gold);color:var(--piece-ink);border-radius:15px;place-items:center;width:52px;height:52px;font-size:1.7rem;font-style:normal;display:grid;transform:rotate(-7deg)}.mini-stages i:nth-child(2){background:var(--citron);transform:rotate(6deg)}.mini-stages i:nth-child(3){background:var(--lilac);transform:rotate(-3deg)}.play-layout{grid-template-columns:minmax(0,1.7fr) minmax(230px,1fr);gap:28px}.play-layout.rules-collapsed{grid-template-columns:minmax(0,1fr)}.rules-collapsed .rules-panel{order:-1;justify-self:end;padding:0}.play-surface{border-radius:28px;min-width:0;padding:12px}.board-stage{isolation:isolate;min-height:340px;position:relative}.board-wrap{max-width:520px}.rules-collapsed .board-wrap{max-width:640px}.board-scroll{max-width:100%}.play-tools{background:var(--soft);border-radius:16px;align-items:stretch;gap:4px;margin-top:8px;padding:8px;display:flex}.play-tools button{min-width:0;min-height:48px;box-shadow:none;border-radius:12px;flex:1 1 0}.play-tools-divider{background:var(--grid);flex:none;width:1px;margin:8px 2px}.play-tools .play-tool-reset:not([aria-disabled=true]){color:var(--danger)}@media (hover:hover) and (pointer:fine){.play-tools button:hover:not([aria-disabled=true]){background:var(--surface)}}.play-tools button span{font-size:.875rem}.rules-panel{padding:12px 0}.rules-panel ol{line-height:1.6}.rules-panel li{padding-bottom:14px}.collapse-rules{font-size:.875rem}.binary-piece{pointer-events:none;width:65%;height:65%;overflow:visible}.binary-piece path{transform-origin:50px 50px}.binary-grid .puzzle-cell{transition:background-color .16s}.binary-grid .puzzle-cell:active:not([aria-disabled=true]) .binary-piece{scale:.91}.binary-grid .puzzle-cell[aria-disabled=true]{border-width:2px}.binary-grid .symbol-0{background:var(--gold)}.binary-grid .symbol-1{background:var(--lilac)}.rule-message{border:2px solid var(--danger-border);background:var(--danger-surface);color:var(--text);border-radius:12px;margin-top:8px;padding:10px 12px}.rule-message p{margin:0}.rule-instruction{color:var(--danger);font-weight:650}.rule-message .rule-explanation{margin-top:4px;font-size:.875rem}.board-overlay{z-index:8;background:var(--scrim);border-radius:20px;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.board-dialog{background:var(--surface);border:1px solid var(--line);width:min(100%,430px);max-height:min(100%,100dvh - 140px);box-shadow:var(--shadow-overlay);border-radius:24px;outline:none;padding:24px;font-size:1rem;overflow:auto}.board-dialog h2{margin:0 0 16px;font-size:1.5rem}.board-dialog p{line-height:1.5}.board-dialog :is(button,.button){margin:5px 5px 5px 0}.board-dialog ol{padding-left:22px;line-height:1.5}.board-dialog li{margin-bottom:12px}.board-dialog.celebration,.completion-followup{--action:var(--piece-action);--on-action:#fff;--muted:var(--piece-ink);background:var(--citron);color:var(--piece-ink);border-color:#20251f22}.celebration .button{background:var(--action);color:var(--on-action)}.completion-shapes{letter-spacing:.5rem;color:var(--piece-action);margin-bottom:18px;font-size:2.5rem;display:block}.daily-session .player-page{padding-top:0}.race-puzzle-transition-slot{min-width:0;position:relative;overflow:visible}.race-puzzle-transition-slot.is-static{display:block}.race-puzzle-transition{width:100%;min-width:0}[data-motion=reduced] *,[data-motion=reduced] :before,[data-motion=reduced] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}@media (width<=900px){.play-layout{grid-template-columns:minmax(0,1.5fr) minmax(210px,1fr);gap:20px}}@media (width<=767px){.tile-arrow{width:28px;height:28px}.mini-stages i{width:40px;height:40px}.play-layout,.play-layout.rules-collapsed{grid-template-columns:1fr}.rules-panel{display:none}.play-surface{padding:16px 8px}.board-dialog{border-radius:20px;padding:20px}.board-dialog h2{font-size:1.5rem}.board-overlay{padding:8px}.board-stage{min-height:0}.play-tools{gap:2px;padding:4px}.board-caption{margin-top:12px}}.paths-grid{touch-action:none}.paths-grid .puzzle-cell{place-items:center;display:grid}.paths-grid .path-dot{opacity:0}.path-lines{z-index:1}.checkpoint{z-index:2;background:var(--text);color:var(--canvas);pointer-events:none;width:34px;height:34px;font-size:1rem}.provisional-path{opacity:.75}.light-rays{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.light-up-grid .puzzle-cell>span{z-index:3;position:relative}.light-up-grid .puzzle-cell{isolation:auto}.light-up-grid .wall-cell{z-index:3}.light-up-grid .lit-cell{background-color:var(--gold);background-image:repeating-linear-gradient(135deg,#0000,#0000 7px,#20251f09 7px 9px)}.rectangle-clue{z-index:3;border:2px solid var(--piece-ink);background:var(--apricot);width:28px;height:28px;color:var(--piece-ink);box-sizing:border-box;border-radius:3px;flex:none;justify-content:center;align-items:center;font-size:14px;font-weight:800;line-height:1;display:inline-flex;position:relative}.rectangle-clue-any{border-radius:50%}.rectangle-clue-tall{width:22px;height:34px}.rectangle-clue-wide{width:34px;height:22px}.rectangle-legend{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px 14px;margin-top:12px;font-size:.875rem;display:flex}.rectangle-legend>span{align-items:center;gap:6px;display:inline-flex}.rectangle-legend small{text-align:center;flex-basis:100%}.rectangles-grid .puzzle-cell{isolation:auto}.region-boundaries{z-index:2}.rectangle-filled{animation:.2s ease-out region-settle}@keyframes region-settle{0%{filter:saturate(.6)}to{filter:saturate()}}.board-dialog.celebration .quiet{color:var(--piece-action);background:0 0}.board-dialog.celebration .secondary{color:var(--piece-ink);background:#ffffffa8}.daily-session .board-dialog .button{white-space:normal}.daily-choice .local-note{border-left:3px solid var(--action);background:0 0;border-radius:0}.statistics-values>div{min-height:104px;color:var(--piece-ink);border-radius:20px;flex-direction:column;justify-content:center;padding:16px;display:flex}.statistics-value--percentile{background:var(--citron)}.statistics-value--average{background:var(--apricot)}.statistics-value--median{background:var(--lilac)}.statistics-values dd{font:700 clamp(1.5rem,2.5vw,2rem)/1.12 Bricolage}.own-result{border:1px solid color-mix(in srgb, var(--piece-ink) 14%, var(--citron));background:var(--citron);color:var(--piece-ink);border-radius:24px;justify-content:space-between;align-items:center;gap:1.25rem;margin:1rem 0 1.25rem;padding:1.25rem 1.5rem;display:flex}.own-result h3{margin:0 0 .35rem;font-size:1.15rem}.own-result-time{font-variant-numeric:tabular-nums;margin:0;font:700 clamp(2rem,4vw,2.75rem)/1.08 Bricolage}.own-result-meta{text-align:right;justify-items:end;gap:.5rem;max-width:48%;display:grid}.own-result-meta p{margin:0}.own-result-status{font-weight:650}.own-result-hints{background:color-mix(in srgb, var(--surface) 58%, var(--citron));border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .65rem;font-size:.9rem;display:inline-flex}.own-result-hints strong{font-variant-numeric:tabular-nums;font:800 1.2rem/1 Bricolage,system-ui,sans-serif}.ranking-date{color:var(--text);margin-bottom:.75rem;font:750 1.375rem/1.2 Bricolage,system-ui,sans-serif;display:block}:root[data-theme=dark] .own-result .own-result-hints{background:var(--surface);color:var(--text)}.friends-comparison{border:1px solid color-mix(in srgb, var(--action) 16%, var(--line));background:color-mix(in srgb, var(--lilac) 24%, var(--surface));border-radius:20px;margin-top:1.25rem;padding:1.25rem}.friends-comparison-heading{flex-wrap:wrap;justify-content:space-between;align-items:start;gap:.5rem 1rem;display:flex}.friends-comparison-heading h3{margin:0;font-size:1.75rem}.friends-comparison .ranking-scroll{overscroll-behavior:contain;scrollbar-width:none;max-height:min(22rem,46vh);-webkit-mask-image:var(--scroll-mask-x,linear-gradient(#000, #000)), var(--scroll-mask-y,linear-gradient(#000, #000));mask-image:var(--scroll-mask-x,linear-gradient(#000, #000)), var(--scroll-mask-y,linear-gradient(#000, #000));-webkit-mask-composite:source-in;mask-composite:intersect;-webkit-mask-image:var(--scroll-mask-x,linear-gradient(#000, #000)), var(--scroll-mask-y,linear-gradient(#000, #000));-webkit-mask-composite:source-in;margin-block:.75rem 0;overflow:auto}.friends-comparison .ranking-scroll::-webkit-scrollbar{display:none}.friends-comparison .ranking-scroll:focus-visible{outline-offset:-2px}.friends-comparison .ranking-scroll[data-overflow-end=true]:not([data-overflow-start=true]){--scroll-mask-y:linear-gradient(to bottom, #000 calc(100% - 18px), transparent)}.friends-comparison .ranking-scroll[data-overflow-start=true][data-overflow-end=true]{--scroll-mask-y:linear-gradient(to bottom, transparent, #000 18px, #000 calc(100% - 18px), transparent)}.friends-comparison .ranking-scroll[data-overflow-start=true]:not([data-overflow-end=true]){--scroll-mask-y:linear-gradient(to bottom, transparent, #000 18px)}.friends-comparison table{border-collapse:separate;border-spacing:0 .5rem;text-align:left;width:100%;min-width:34rem}.friends-comparison thead th{color:var(--muted);background:0 0;border:0;padding:.35rem .75rem;font-size:.875rem;font-weight:600}.friends-comparison thead .friends-hints-heading{text-align:right;padding-inline-end:1.5rem}.friends-rank-heading-short{display:none}.friends-comparison tbody td,.friends-comparison tbody th[scope=row]{background:var(--surface);vertical-align:middle;border:0;padding:.75rem}.friends-comparison tbody tr>:first-child{font-variant-numeric:tabular-nums;text-align:center;border-radius:14px 0 0 14px;width:4.5rem;font-size:1.1rem;font-weight:700}.friends-comparison tbody tr>:last-child{border-radius:0 14px 14px 0}.friends-comparison tbody tr.is-you>*{background:color-mix(in srgb, var(--citron) 40%, var(--surface));color:var(--piece-ink)}.friends-comparison tbody .rank-hints{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;padding-inline-end:1.5rem;font-size:1rem;font-weight:700}.friends-comparison tbody tr.is-you .rank-hints{color:var(--piece-ink)}:root[data-theme=dark] .friends-comparison{border-color:var(--line);background:var(--soft)}:root[data-theme=dark] .friends-comparison tbody tr.is-you>*{background:color-mix(in srgb, var(--citron) 12%, var(--surface));color:var(--text)}:root[data-theme=dark] .friends-comparison tbody tr.is-you>:first-child{box-shadow:inset 4px 0 var(--citron)}:root[data-theme=dark] .friends-comparison tbody tr.is-you .rank-hints{color:var(--muted)}:root[data-theme=dark] .friends-comparison tbody tr.is-you .tag{background:var(--citron);color:var(--piece-ink)}.friend-name{align-items:center;gap:12px;display:flex}.friend-avatar{border-radius:50%;flex:none;width:38px;height:38px;display:block;overflow:hidden}.rank-actions-menu{flex:none;position:relative}.rank-actions-menu>summary{width:44px;height:44px;color:var(--text);cursor:pointer;border-radius:50%;place-items:center;list-style:none;display:grid}.rank-actions-menu>summary::-webkit-details-marker{display:none}.rank-actions-menu[open]>summary{background:color-mix(in srgb, var(--lilac) 60%, var(--surface))}:root[data-theme=dark] .rank-actions-menu[open]>summary{background:color-mix(in srgb, var(--action) 16%, var(--surface))}@media (hover:hover) and (pointer:fine){.rank-actions-menu>summary:hover{background:color-mix(in srgb, var(--lilac) 60%, var(--surface))}:root[data-theme=dark] .rank-actions-menu>summary:hover{background:color-mix(in srgb, var(--action) 16%, var(--surface))}}.rank-actions-menu>summary svg{fill:currentColor;width:20px;height:20px}.rank-actions-popover:popover-open{z-index:100;border:1px solid var(--line);background:var(--surface);border-radius:12px;gap:.25rem;min-width:8rem;margin:0;padding:.35rem;display:grid;position:fixed;inset:auto;box-shadow:0 4px 16px #20251f24}.rank-actions-popover button{justify-content:flex-start;width:100%;min-height:44px}.stage-symbol{vertical-align:middle;background:#fff7;border-radius:8px;place-items:center;width:28px;height:28px;margin-right:9px;display:inline-grid;position:relative;overflow:hidden}.stage-symbol>svg{width:100%;height:100%}.stage-symbol .binary-mini{transform:scale(.22)}.stage-symbol-fallback{font-size:1.15rem}.ready-to-play{text-align:center;max-width:600px;margin:auto;padding:30px}.ready-to-play p{line-height:1.6}.ready-to-play .button{margin:8px}.race-countdown{text-align:center;justify-items:center;gap:8px;padding:16px;display:grid}.race-countdown p{margin:0}.play-surface:has(.race-countdown)>.session-clock{position:static}.race-countdown-stage{aspect-ratio:1;isolation:isolate;place-items:center;width:min(64vw,280px);display:grid;position:relative}.race-countdown-number{aspect-ratio:1;background:var(--citron);width:66%;color:var(--piece-ink);box-shadow:0 8px 0 color-mix(in srgb, var(--piece-ink) 18%, transparent);border-radius:32%;place-items:center;font:800 clamp(4rem,18vw,7rem)/1 Bricolage,sans-serif;display:grid}.race-countdown-burst{z-index:-1;position:absolute;inset:0}.race-countdown-number[data-go]{font-size:clamp(2rem,9vw,4rem)}.race-countdown-piece{background:var(--action);border-radius:25%;width:10%;height:10%;position:absolute}.race-countdown-piece:nth-child(2n){background:var(--apricot);border-radius:50%}.race-countdown-piece.piece-0{top:0;left:45%}.race-countdown-piece.piece-1{top:10%;right:10%}.race-countdown-piece.piece-2{top:45%;right:0}.race-countdown-piece.piece-3{bottom:10%;right:10%}.race-countdown-piece.piece-4{bottom:0;left:45%}.race-countdown-piece.piece-5{bottom:10%;left:10%}.race-countdown-piece.piece-6{top:45%;left:0}.race-countdown-piece.piece-7{top:10%;left:10%}.race-countdown-lights{gap:12px;padding:4px;display:flex}.race-countdown-lights span{background:var(--line);border-radius:50%;width:14px;height:14px;transition:background .16s}.race-countdown-lights [data-lit]{background:var(--action)}.race-countdown[data-reduced-motion] .race-countdown-lights span{transition:none}@media (height<=740px){.race-countdown{gap:4px;padding:8px}.race-countdown-stage{width:min(50vw,220px,30svh)}.race-countdown-number{font-size:clamp(3rem,13vw,5rem)}}.progress-summary{background:var(--citron);color:var(--piece-ink);border-radius:24px;margin-bottom:24px;padding:30px}.progress-summary span{color:var(--piece-ink)}.progress-list li{background:var(--surface);border:1px solid var(--line);border-radius:20px;margin-bottom:16px;padding:24px}@media (width<=700px){.daily-statistics{padding:14px}.statistics-heading{gap:.65rem;display:grid}.statistics-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;display:grid}.statistics-meta-item{min-width:0;min-height:52px;padding:.45rem 8px;font-size:.875rem}.statistics-meta-label{letter-spacing:0;font-size:.875rem}.statistics-values{grid-template-columns:1fr 1fr}.statistics-value--percentile{grid-column:1/-1}.statistics-values dd{font-size:1.4rem}.statistics-chart{padding:12px 10px 8px}.statistics-chart-plot{height:16rem}.statistics-chart-content{min-width:40rem}.statistics-chart-scroll{scrollbar-width:none;-webkit-mask-image:var(--scroll-mask-x,linear-gradient(#000, #000));mask-image:var(--scroll-mask-x,linear-gradient(#000, #000));-webkit-mask-image:var(--scroll-mask-x,linear-gradient(#000, #000))}.statistics-chart-scroll::-webkit-scrollbar{display:none}.statistics-chart-scroll:focus-visible{outline-offset:-3px}.own-result{flex-direction:column;align-items:flex-start;gap:.75rem;padding:16px}.own-result-meta{text-align:left;justify-items:start;max-width:100%}.friends-comparison{padding:10px 8px}.friends-comparison-heading h3{font-size:1.5rem}.friends-comparison table{table-layout:fixed;min-width:max(100%,18rem)}.friends-comparison thead th,.friends-comparison tbody td,.friends-comparison tbody th[scope=row]{padding-block:.3rem;padding-inline:.2rem}.friends-comparison thead th{text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.friends-comparison .friends-rank-heading-full{display:none}.friends-comparison .friends-rank-heading-short{display:inline}.friends-comparison thead th:first-child,.friends-comparison tbody tr>:first-child{width:2rem;font-size:.9rem}.friends-comparison .friends-time-heading,.friends-comparison .rank-time{width:4.6rem}.friends-comparison thead .friends-hints-heading,.friends-comparison tbody .rank-hints{width:3.25rem;padding-inline-end:.65rem}.friends-comparison tbody th[scope=row]{min-width:0}.friends-comparison .rank-player{flex-wrap:nowrap;align-items:center;gap:.2rem;min-width:0}.friends-comparison .friend-name{white-space:nowrap;flex:1;gap:.3rem;min-width:0}.friends-comparison .friend-display-name{text-overflow:ellipsis;min-width:0;font-size:.875rem;overflow:hidden}.friends-comparison .tag{text-transform:uppercase;margin-left:.15rem;padding:.15rem .3rem;font-size:.75rem}.friends-comparison .friend-avatar{width:22px;height:22px}.friends-comparison .rank-actions-menu>summary{width:44px;height:44px}.friends-comparison .rank-time{text-align:right;white-space:nowrap;font-size:.875rem;display:table-cell}.friends-comparison .rank-hints{font-size:.875rem}.friend-name{gap:7px}.rankings{padding:18px}.rankings th,.rankings td{padding:.7rem .35rem}.rankings .rank-time{font-size:.9rem}.friend-avatar{width:28px;height:28px}.rank-player .social-actions button{font-size:.875rem}}@media (width<=440px){.friends-comparison .rank-actions-menu{display:none}}.completion-burst{pointer-events:none;z-index:1;position:absolute;top:35%;left:50%}.completion-burst i{width:10px;height:10px;display:block;position:absolute}.board-dialog{position:relative}.board-dialog>:not(.completion-burst){z-index:2;position:relative}.board-dialog .notice{background:0 0;margin-top:12px;padding:0}.recovery-trigger{margin:10px auto;font-size:.875rem;display:block}.paths-grid .puzzle-cell{isolation:auto}.paths-grid .checkpoint{z-index:3}@media (height<=500px){.board-overlay{align-items:flex-start}.board-dialog{position:sticky;top:0}}.light-up-grid .puzzle-cell:not(.wall-cell)>span{font-size:clamp(calc(1.65 * var(--puzzle-type-unit)), 4vw, calc(2.3 * var(--puzzle-type-unit)))}.board-dialog.celebration .button.quiet{color:var(--piece-action);border-color:color-mix(in srgb, var(--piece-action) 40%, transparent);background:0 0}.page-reveal [data-reveal]:not([data-reveal-state]){opacity:0;visibility:hidden}.page-reveal [data-reveal-state=waiting]{pointer-events:none}@media (prefers-reduced-motion:reduce){.page-reveal [data-reveal]{opacity:1;visibility:visible}}[data-motion=reduced] .page-reveal [data-reveal]{opacity:1;visibility:visible}.presence-slot{display:flow-root;position:relative}.presence-piece.departing{pointer-events:none;z-index:0;position:absolute;inset:0}.presence-piece:not(.departing){z-index:1;position:relative}.nav-bubble{background:var(--surface);box-shadow:0 3px 0 var(--line);z-index:-1;pointer-events:none;border-radius:15px;position:absolute;inset:0}.own-result{--muted:var(--piece-ink)}.own-result p{color:var(--piece-ink)}.page-reveal{position:relative}.rules-collapsed .rules-panel{max-width:100%}.presence-slot:focus{outline:none}.board-play{position:relative}.hint-strip{border:1px solid var(--action);background:var(--selected);color:var(--text);border-radius:12px;align-items:flex-start;gap:10px;margin-top:8px;padding:10px 12px;display:flex}.hint-strip>.ponder-icon{color:var(--action);margin-top:3px}.hint-strip p{margin:0}.hint-strip .hint-instruction{font-weight:600}.hint-strip .hint-explanation{color:var(--muted);margin-top:4px;font-size:.875rem}.hint-reasoning summary{cursor:pointer;min-height:44px;color:var(--action);align-items:center;font-size:.875rem;display:flex}.hint-reasoning summary:before{content:"+";margin-right:8px}.hint-reasoning[open] summary:before{content:"−"}.hint-reasoning ol{margin:0;padding-left:20px;font-size:.875rem}.hint-reasoning li+li{margin-top:8px}.puzzle-cell.hint-target{--feedback-stroke:var(--hint-stroke,var(--action));--feedback-glow:var(--action)}.puzzle-cell.rule-conflict{--feedback-stroke:var(--conflict-stroke,var(--danger));--feedback-glow:var(--feedback-stroke)}.puzzle-cell:is(.hint-target,.rule-conflict){outline:3px solid var(--feedback-stroke);outline-offset:-4px;box-shadow:inset 0 0 12px 2px color-mix(in srgb, var(--feedback-stroke) 28%, transparent), 0 0 10px 3px color-mix(in srgb, var(--feedback-glow) 45%, transparent);z-index:3}.puzzle-cell:is(.hint-target,.rule-conflict):after{content:"";border:7px solid var(--feedback-glow);border-radius:inherit;filter:blur(8px);opacity:.45;pointer-events:none;animation:3.2s ease-in-out infinite hint-cell-glow;position:absolute;inset:-12px}.puzzle-cell.rule-conflict:after{animation-iteration-count:1}.blooms-grid .puzzle-cell,.binary-grid .puzzle-cell:is(.symbol-0,.symbol-1),.light-up-grid .lit-cell{--hint-stroke:#5243c2;--conflict-stroke:#9f233d}[data-playfield] .puzzle-cell{transition:opacity .65s ease-in-out}[data-playfield]:not(.mini-sudoku-grid):has(.hint-target,.hint-geometry,.rule-conflict) .puzzle-cell:not(.hint-target,.hint-focus,.rule-conflict){opacity:.45}.hint-geometry{fill:none;stroke:var(--action);stroke-width:.085px;filter:drop-shadow(0 0 .025px var(--action));pointer-events:none;animation:3.2s ease-in-out infinite hint-shape-glow}@keyframes hint-cell-glow{0%,to{opacity:.35}50%{opacity:.95}}@keyframes hint-shape-glow{0%,to{filter:drop-shadow(0 0 .025px var(--action))}50%{filter:drop-shadow(0 0 .095px var(--action))}}[data-motion=reduced] :is(.hint-target,.hint-geometry,.rule-conflict),[data-motion=reduced] :is(.hint-target,.rule-conflict):after{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :is(.hint-target,.hint-geometry,.rule-conflict),:root:not([data-motion=full]) :is(.hint-target,.rule-conflict):after{animation:none}:root:not([data-motion=full]) [data-playfield] .puzzle-cell{transition:none}}.hint-cooldown{width:24px;height:24px;transform:rotate(-90deg)}.hint-cooldown circle{fill:none;stroke:currentColor;stroke-width:2.5px}.hint-cooldown .hint-cooldown-track{opacity:.2}.board-celebration{pointer-events:none;z-index:5;border-radius:16px;position:absolute;inset:0;overflow:clip}.solve-particle{text-shadow:0 1px #fff8;will-change:transform;font:700 30px/1 Bricolage,system-ui;position:absolute;top:38%}.solve-particle.confetti{font-size:35px}.solve-edge{border:3px solid var(--action);border-radius:16px;position:absolute;inset:2px}.solve-seal{background:var(--citron);color:#20251f;border-radius:12px;padding:8px 12px;font-weight:700;position:absolute;top:8px;right:8px}.puzzle-cell:disabled{opacity:1}.site-footer{flex-shrink:0}.presence-slot.sequenced>.presence-piece.departing{position:relative;inset:auto}.player-titlebar{flex-wrap:wrap;align-items:center;gap:4px 16px;margin:4px 0 8px;display:flex}.player-titlebar .back-link{margin:0}.player-titlebar .player-heading{flex-wrap:wrap;flex:auto;justify-content:flex-start;gap:4px 12px;min-width:0;margin:0}.player-context{color:var(--muted);margin:0;font-size:.875rem;font-weight:600}.player-titlebar .collapse-rules{gap:6px;margin-left:auto}.play-message>:first-child{margin-top:8px}@media (width>=768px){.play-layout{grid-template-columns:minmax(0,1fr) minmax(0,.588fr);gap:28px;transition:grid-template-columns .7s cubic-bezier(.22,.68,.25,1),gap .7s cubic-bezier(.22,.68,.25,1)}.play-layout.rules-collapsed{grid-template-columns:minmax(0,1fr) minmax(0,0fr);gap:0}.play-layout .rules-panel{order:initial;place-self:start stretch;min-width:0;padding:12px 0;transition:opacity .7s,transform .7s;overflow:hidden}.instructions-content{width:clamp(230px,27vw,380px)}.rules-collapsed .rules-panel{opacity:0;pointer-events:none;transform:translate(32px)}.play-layout .board-wrap{max-width:none;margin-inline:0}.play-layout[data-settled],.play-layout[data-settled] .rules-panel{transition:none}}@media (width<=767px){.player-titlebar .collapse-rules{display:none}}@media (width>=768px){.board-play{padding-top:2.625rem}.board-play:has(.board-wrap>button,.player-loading-board-action){padding-top:0}.play-message{min-height:2.625rem}}:root[data-motion=reduced] .play-layout,:root[data-motion=reduced] .rules-panel{transition:none}.board-overlay{--dialog-inset:24px;padding:var(--dialog-inset);overflow:hidden}.board-dialog{flex-direction:column;flex-shrink:1;max-height:100%;padding:24px;display:flex;overflow:hidden}.board-dialog-heading{flex:none;align-items:flex-start;gap:12px;display:flex}.board-dialog-heading h2{flex:1}.board-dialog-heading .dialog-close{margin:0}.board-dialog-body{overscroll-behavior:contain;min-height:0;padding:2px 4px 6px;scroll-padding:12px;overflow:auto}.board-dialog-actions{flex-wrap:wrap;flex:none;gap:4px;padding-top:12px;display:flex}.board-dialog-actions:empty{display:none}.board-dialog.celebration .completion-shapes{margin-bottom:12px}@media (width<=767px){.board-overlay{--dialog-inset:16px}.board-dialog{padding:20px}.board-dialog-heading h2{font-size:1.5rem}}@media (height<=500px){.board-overlay{--dialog-inset:12px;align-items:center}.board-dialog{padding:16px;position:relative;top:auto}.board-dialog-heading h2{font-size:1.3rem}}.board-celebration.viewport-celebration{contain:strict;border-radius:0;inset:auto;overflow:clip}.viewport-celebration .solve-particle{pointer-events:none;line-height:1}.board-overlay{z-index:30;position:fixed;inset:auto}.board-overlay[data-exiting]{z-index:30}.board-celebration.viewport-celebration{z-index:20;position:fixed}.board-dialog .button{white-space:normal}.board-dialog-actions{overscroll-behavior:contain;max-height:45%;overflow:auto}.board-celebration.viewport-celebration{border-radius:0;width:100%;height:100%;inset:0}:root{--presentation-pace:.769231}body{overflow-x:clip}.session-result{animation-duration:.308s}button,.button{transition-duration:.115s}.binary-grid .puzzle-cell{transition-duration:.123s}.rectangle-filled{animation-duration:.154s}@media (width>=768px){.play-layout,.play-layout .rules-panel{transition-duration:.538s}}.puzzle-grid[data-playfield],.board-scroll[data-playfield]{border-radius:10px}.board-celebration.viewport-celebration:not([data-reduced]){contain:none;border-radius:0;width:100%;height:100%;position:fixed;inset:0;overflow:visible}.board-celebration.viewport-celebration[data-reduced]{contain:none;border-radius:10px;width:auto;height:auto;inset:auto;overflow:visible}.board-placeholder{background:var(--soft);border-radius:14px;min-height:320px}.player-page{--play-chrome:23rem}.daily-session .player-page{--play-chrome:33rem}.play-layout .board-wrap{width:min(100%, clamp(300px, calc(100dvh - var(--play-chrome)), 500px));max-width:500px;margin-inline:auto;transition:width .538s cubic-bezier(.22,.68,.25,1)}.play-layout.rules-collapsed .board-wrap{width:min(100%, clamp(300px, calc(100dvh - var(--play-chrome)), 560px));max-width:560px}.play-layout[data-settled] .board-wrap,:root[data-motion=reduced] .play-layout .board-wrap{transition:none}@media (prefers-reduced-motion:reduce){.play-layout .board-wrap{transition:none}}@media (width<=767px){.play-layout .board-wrap,.play-layout.rules-collapsed .board-wrap{width:min(100%,500px);max-width:500px}.board-placeholder{min-height:280px}}.completion-primary{background:var(--action);width:100%;min-height:56px;color:var(--on-action);justify-content:space-between;padding:12px 24px;font-size:1.125rem}.board-dialog.celebration{scrollbar-width:none;overflow:auto}.board-dialog.celebration::-webkit-scrollbar{display:none}.board-dialog.celebration .board-dialog-body,.board-dialog.celebration .board-dialog-actions{max-height:none;overflow:visible}.board-dialog.celebration .board-dialog-actions{gap:10px}.board-dialog.celebration .board-dialog-actions>*{margin:0}.board-dialog.celebration .board-dialog-actions>.completion-primary{flex:1 0 100%}.completion-followup{background:var(--citron);width:min(100%,560px);color:var(--piece-ink);box-shadow:0 5px 0 var(--line);border-radius:20px;gap:16px;margin:18px auto 0;padding:20px;display:grid}.completion-followup p{color:var(--piece-ink);margin:0 0 4px}.completion-followup strong{font:700 1.35rem/1.15 Bricolage,system-ui}.completion-followup-actions{flex-wrap:wrap;gap:10px;display:flex}.completion-followup-actions>.completion-primary{flex:1 0 100%}.completion-followup-actions>.secondary{padding:12px 16px}.guest-race-entry{padding:56px 0 36px}.guest-race-entry>.panel{border-top:8px solid var(--lilac);max-width:680px;margin-inline:auto}.account-actions{flex-wrap:wrap;gap:12px;display:flex}.race-sign-in>.appearance{display:none}@media (width<=700px){.guest-race-entry{padding-top:28px}.account-actions{display:grid}.account-actions>*{width:100%}}.difficulty-mark{gap:2px;display:flex}.difficulty-mark i{background:var(--line);border-radius:2px;width:4px;height:13px}.difficulty-mark.tier-gentle i:first-child,.difficulty-mark.tier-standard i:nth-child(-n+2),.difficulty-mark.tier-challenging i{background:var(--action)}.weekly-player-progress{background:var(--soft);border-radius:99px;height:12px;margin:8px 0 24px;position:relative;overflow:visible}.weekly-player-progress>span{border-radius:inherit;background:var(--mint);height:100%;display:block}.weekly-player-progress small{color:var(--muted);position:absolute;bottom:-20px;right:0}@media (width<=560px){.weekly-player-progress{margin-top:8px}}.blooms-grid .puzzle-cell{border-radius:0;padding:0}.blooms-grid .puzzle-cell svg{width:85%;height:85%;overflow:visible}.blooms-grid,.ribbons-grid{touch-action:none}.blooms-grid{border-radius:12px;gap:0;overflow:hidden}.ribbon-endpoint{z-index:3;aspect-ratio:1;border-radius:50%;width:64%;height:auto;position:relative}.ribbon-selected .ribbon-endpoint{outline-offset:3px;outline:2px solid}.ribbon-lines{z-index:2}.blooms{--family-color:var(--family-blooms)}.ribbons{--family-color:var(--family-ribbons)}:root[data-theme=dark] .ribbon-endpoint,:root[data-theme=dark] .ribbon-lines{filter:brightness(1.6)}.already-solved{color:#17532d;background:#d6f5de;border:2px solid #237240;border-radius:14px;align-items:center;gap:6px;padding:12px 18px;font-weight:700;display:inline-flex}@media (width<=560px){.already-solved{border-radius:50%;flex:0 0 32px;place-items:center;width:32px;height:32px;padding:0;display:inline-grid}.already-solved-label{display:none}}.header-tools{align-items:center;gap:12px;display:flex}.header-session-refresh{flex:0 0 44px;place-items:center;height:28px;display:grid}.entry-shell .header-session-refresh,.onboarding-shell .main-navigation{display:none}.app-shell.onboarding-shell>main{flex:none}.onboarding-shell .site-footer{border:0;flex-direction:row;justify-content:space-between;margin-top:12px;padding:0}.account-menu{z-index:30;position:relative}.account-menu>summary{cursor:pointer;border:1px solid #0000;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;list-style:none;display:grid}.account-menu>summary::-webkit-details-marker{display:none}.account-menu[open]>summary{background:var(--soft)}.header-sound{width:44px;height:44px;min-height:44px;box-shadow:none;color:var(--text);background:0 0;border:1px solid #0000;border-radius:50%;place-items:center;padding:0;display:grid}.header-sound-icon{border:1px solid var(--line);background:var(--soft);border-radius:50%;place-items:center;width:36px;height:36px;display:grid}.header-sound svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.header-sound[aria-checked=false]{color:var(--muted)}@media (hover:hover) and (pointer:fine){.header-sound:hover .header-sound-icon{border-color:var(--action)}}.guest-avatar{border:1px solid var(--line);background:var(--soft);width:36px;height:36px;color:var(--text);border-radius:50%;place-items:center;display:grid}.guest-avatar .nav-icon{width:24px;height:24px}.account-menu-panel{background:var(--surface);border:1px solid var(--line);min-width:184px;box-shadow:0 3px 0 var(--line);border-radius:12px;gap:8px;padding:12px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-menu-panel>a,.account-menu-panel>button{border:1px solid var(--line);background:var(--soft);min-height:44px;color:var(--text);text-align:left;border-radius:8px;justify-content:flex-start;align-items:center;padding:8px 12px;text-decoration:none;display:flex}.account-menu-panel>.menu-sign-out{border:1px solid var(--danger-border);background:var(--danger-surface);color:var(--danger)}@media (hover:hover) and (pointer:fine){.account-menu-panel>a:hover,.account-menu-panel>button:hover{border-color:var(--action)}.account-menu-panel>.menu-sign-out:hover{background:color-mix(in srgb, var(--danger-surface) 72%, var(--danger-border))}}.account-menu-panel>p{color:var(--text);margin:4px 8px;font-size:.875rem}.profile-page{--profile-stat-tint:74%;--profile-family-tint:56%}:root[data-theme=dark] .profile-page{--profile-stat-tint:20%;--profile-family-tint:22%}.profile-identity{align-items:center;gap:16px;margin-block:16px;display:flex}.profile-identity h2{margin:0 0 4px}.profile-summary{margin-block:16px}.profile-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.profile-stat-grid>div{background:color-mix(in srgb, var(--citron) var(--profile-stat-tint), var(--surface));border-radius:12px;min-width:0;padding:16px;container-type:inline-size}.profile-stat-grid>div:nth-child(2){background:color-mix(in srgb, var(--lilac) var(--profile-stat-tint), var(--surface))}.profile-stat-grid>div:nth-child(3){background:color-mix(in srgb, var(--apricot) var(--profile-stat-tint), var(--surface))}.profile-stat-grid dt{color:var(--muted);font-size:.875rem}.profile-stat-grid dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:4px 0 0;font-family:Bricolage,system-ui,sans-serif;font-size:clamp(1.75rem,16cqi,2rem);font-weight:700;line-height:1}.profile-stat-note{color:var(--muted);margin-top:2px;font-size:.875rem;display:block}.profile-puzzle-types{margin-bottom:20px}.profile-puzzle-types h2{margin-top:0}.profile-puzzle-types ul{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px;margin:0;padding:0;list-style:none;display:grid}.profile-puzzle-types li{border-bottom:1px solid var(--line);--profile-family-color:var(--soft);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.profile-puzzle-types li[data-family=blooms]{--profile-family-color:var(--family-blooms)}.profile-puzzle-types li[data-family=ribbons]{--profile-family-color:var(--family-ribbons)}.profile-puzzle-types li[data-family=binary]{--profile-family-color:var(--family-binary)}.profile-puzzle-types li[data-family=paths]{--profile-family-color:var(--family-paths)}.profile-puzzle-types li[data-family=light-up]{--profile-family-color:var(--family-light-up)}.profile-puzzle-types li[data-family=rectangles]{--profile-family-color:var(--family-rectangles)}.profile-puzzle-types li strong{background:color-mix(in srgb, var(--profile-family-color) var(--profile-family-tint), var(--surface));font-variant-numeric:tabular-nums;text-align:center;border-radius:8px;justify-content:center;align-items:center;min-width:42px;min-height:32px;padding:4px 8px;font-size:1.125rem;line-height:1;display:inline-flex}.profile-friends-heading.embedded{margin-top:28px}.profile-friends-heading.embedded h2{margin:0}.onboarding-stage,.onboarding-card{width:min(100%,440px);margin:32px auto}.onboarding-stage{margin-bottom:0;position:relative}.onboarding-stage .onboarding-card{width:100%;margin:0}.onboarding-shell .onboarding-card{margin-bottom:0}.onboarding-card form{gap:12px;display:grid}.onboarding-card h1{margin:0 0 4px}.onboarding-card h1:focus-visible{outline:none}.onboarding-card input#onboarding-name{width:100%}.onboarding-picture-grid{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.onboarding-picture{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:12px;place-items:center;min-width:0;min-height:84px;display:grid;position:relative}.onboarding-picture input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.onboarding-picture.is-selected{border-color:var(--action);box-shadow:0 0 0 1px var(--action)}.onboarding-picture:has(input:focus-visible){outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.onboarding-actions{justify-content:space-between;gap:12px;display:flex}.onboarding-progress{gap:6px;margin-top:18px;display:grid}.onboarding-progress>span:first-child{color:var(--muted);justify-self:end;font-size:.875rem}.onboarding-progress-bars{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.onboarding-progress-bars>span{background:var(--line);border-radius:999px;height:6px}.onboarding-progress-bars>.is-complete{background:var(--action)}.invitation-panel .invitation-list{gap:8px;margin:16px 0 0;display:grid}.invitation-panel .invitation-list>li{border:1px solid var(--line);background:color-mix(in srgb, var(--soft) 45%, var(--surface));min-width:0;box-shadow:0 2px 0 var(--line);border-radius:12px;flex-wrap:wrap;gap:8px;padding:10px 12px}.invitation-details{flex:80px;gap:2px;min-width:0;display:grid}.invitation-details .field-note{white-space:nowrap}.invitation-list .social-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:100%;margin-left:auto;display:flex}.invitation-panel .social-button{white-space:nowrap;border:1px solid var(--line);background:var(--soft);min-height:44px;color:var(--text);box-shadow:none;padding:7px 10px}.invitation-panel .social-button--danger{border-color:var(--danger-border);background:var(--danger-surface);color:var(--danger)}.copy-label-short{display:none}.profile-sign-in>h2{margin-top:0}.ponder-icon{vertical-align:-.2em;flex:none;width:1.2em;height:1.2em;display:inline-block}.back-link{gap:6px}.library-learn-icon{border:0}.library-learn-icon .ponder-icon{width:22px;height:22px}.difficulty-dots .ponder-icon{width:32px;height:20px}.session-stage-check .ponder-icon{width:12px;height:12px}.binary-relation .ponder-icon{width:18px;height:18px;margin:2px}.light-up-grid .puzzle-cell .ponder-icon{width:1em;height:1em}.paths-grid .path-dot .ponder-icon{width:.5em;height:.5em}.completion-shapes .ponder-icon{width:1.5em;height:1.5em}.solve-particle .ponder-icon{width:1em;height:1em}@media (width<=767px){.ponder-icon{vertical-align:-.16em;width:1.05em;height:1.05em}.library-learn-icon .ponder-icon{width:20px;height:20px}.difficulty-dots .ponder-icon{width:28px;height:18px}.binary-relation .ponder-icon{width:16px;height:16px;margin:3px}.completion-shapes .ponder-icon{width:1.35em;height:1.35em}.binary-grid .binary-piece{width:58%;height:58%}}.groups-section{margin-top:24px}.groups-heading{justify-content:space-between;align-items:center;gap:16px}.groups-heading h2{align-items:baseline;gap:12px;display:flex}.groups-heading small{color:var(--muted);white-space:nowrap;font:400 1rem Instrument,system-ui,sans-serif}.groups-panel{flex-direction:column;justify-content:center;gap:12px;min-height:104px;display:flex;container-type:inline-size}.groups-panel>p{margin:0}.group-list{margin:0;padding:0;list-style:none}.group-list li+li{border-top:1px solid var(--line)}.group-row{text-align:left;grid-template-columns:minmax(0,1fr) auto auto 20px;align-items:center;gap:16px;width:100%;min-height:64px;padding:12px 0;display:grid}.group-row-name{overflow-wrap:anywhere;min-width:0;font-weight:600}.group-row-count{white-space:nowrap}.group-row-role-short{display:none}.group-row>svg{width:20px;height:20px}.group-row>span:not(.group-row-name){font-size:.875rem}.group-list-loading{gap:8px;min-height:70px;display:grid}.app-modal.group-detail-modal{width:min(680px,100vw - 32px)}.group-detail-summary{color:var(--muted)}.group-name-form{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.group-name-form label{flex:220px;margin:0}.group-name-form p{width:100%;margin:0}.group-detail-actions{align-items:center;gap:8px}.group-roster-heading,.social-list.group-roster>li{grid-template-columns:minmax(0,1fr) minmax(0,min(8rem,40%)) 44px;align-items:center;gap:12px;display:grid}.group-roster-heading{color:var(--muted);padding-block:16px 8px;font-size:.875rem}.group-roster-heading>span:nth-child(2){text-align:right;overflow-wrap:anywhere}.social-list.group-roster>li{padding-block:10px}.group-roster .friend-name{gap:12px;min-width:0}.group-roster .friend-avatar{width:38px;height:38px}.group-member-identity{overflow-wrap:anywhere;gap:4px;min-width:0;display:grid}.group-member-identity small,.group-last-raced{color:var(--muted);font-size:.875rem}.group-last-raced{text-align:right;overflow-wrap:anywhere}.group-last-raced-label{display:none}.anonymous-avatar{background:var(--canvas);border-radius:50%;flex:0 0 38px;place-items:center;width:38px;height:38px;display:grid}.groups-comparison{margin-block:24px}.settings-group.friends-comparison{margin-block:20px}.friends-comparison>.settings-desktop-title{margin:0;font-size:1.75rem}.race-result-tabs.group-tabs{min-width:0;margin-block:16px;display:flex;overflow-x:auto}.group-tabs button{flex:1 0 auto}.group-tabs button>span:last-child{overflow-wrap:anywhere;max-width:250px}.groups-comparison table{width:100%}.groups-comparison .ranking-scroll{max-height:440px;overflow:auto}.group-invitation-return{justify-content:center;margin:20px 0;display:flex}.group-invitation-return a{border-radius:14px;padding:12px 16px}.own-result{flex-wrap:wrap;align-items:center;gap:16px}.own-result-identity{flex:180px;align-items:center;gap:12px;min-width:0;display:flex}.own-result-identity>svg,.own-result-avatar-placeholder{border-radius:50%;flex:0 0 52px;width:52px;height:52px}.own-result-identity>svg{box-shadow:0 2px 6px #20251f33}.own-result-name{overflow-wrap:anywhere;font-weight:600}.own-result-main{flex:0 auto}.own-result-meta{flex:170px;max-width:none}@media (width>=768px){.app-modal.group-detail-modal{padding:32px}}@media (width<=767px){.settings-group.friends-comparison{margin-block:12px}}@media (width<=600px){.groups-heading{flex-wrap:wrap}.group-row{gap:8px}.group-row-count-label,.group-row-role-full{display:none}.group-row-role-short{display:inline}.group-detail-actions>button:first-child{flex-basis:100%}.group-roster-heading,.social-list.group-roster>li{grid-template-columns:minmax(0,1fr) 44px;gap:4px 12px}.group-roster-heading>span:nth-child(2){display:none}.group-roster .friend-name{grid-area:1/1}.group-last-raced{text-align:left;grid-area:2/1;padding-left:50px}.group-last-raced-label{display:inline}.group-roster .friend-more{grid-area:1/2/3}.own-result{flex-direction:row;gap:12px;padding:16px}.own-result-identity{flex-basis:100%}.own-result-main{flex:100px}.own-result-meta{text-align:left;flex:100px;justify-items:start;font-size:.875rem}}@container (width<=16rem){.group-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 20px;gap:8px}.group-row-name{grid-column:1/3}.group-row-count{white-space:normal;grid-column:1}.group-row>.tag{white-space:normal;overflow-wrap:anywhere;grid-column:2;justify-self:start}.group-row>svg{grid-area:1/3/3}}.app-shell{flex-direction:column;min-height:100dvh;padding:0 32px;display:flex}.app-shell>main{flex:1;width:100%;min-width:0;max-width:1440px;margin-inline:auto;position:relative}.shell-loading-indicator{z-index:1;position:absolute;top:20px;right:0}.loading-indicator{pointer-events:none;justify-content:center;align-items:center;gap:5px;width:44px;height:28px;display:inline-flex}.loading-indicator i{background:var(--action);border-radius:3px;width:9px;height:9px;animation:1.1s ease-in-out infinite loading-piece;display:block}.loading-indicator i:nth-child(2){animation-delay:.14s}.loading-indicator i:nth-child(3){animation-delay:.28s}@keyframes loading-piece{0%,65%,to{transform:translateY(0)rotate(0)}32%{transform:translateY(-6px)rotate(12deg)}}.loading-bar,.loading-chip-row span{background:var(--soft);border:1px solid var(--line);display:block}.loading-bar{border-radius:7px;height:16px}.loading-bar-title{width:112px;height:32px;margin:18px 0}.loading-bar-heading{width:100px;height:24px}.startup-placeholder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.startup-placeholder-grid .panel{min-height:228px}.loading-card-content{align-content:space-between;gap:18px;min-height:154px;padding-top:18px;display:grid}.loading-bar-wide{width:min(75%,280px)}.loading-bar-action{border-radius:12px;width:min(54%,210px);height:44px}.loading-countdown-label{width:96px}.loading-countdown-time{border-radius:999px;width:calc(12ch + 24px);height:33px;font-size:1rem}.loading-chip-row{gap:8px;display:flex}.loading-chip-row span{border-radius:10px;width:48px;height:42px}.loading-screen,.standalone-panel{margin-top:24px}.loading-screen{min-height:216px}.loading-screen-heading{justify-content:space-between;align-items:center;display:flex}.loading-screen-heading .loading-bar-title{margin:0}.loading-screen-pieces{gap:8px;margin:24px 0;display:flex}.loading-screen-pieces span{background:var(--soft);border:1px solid var(--line);border-radius:12px;width:58px;height:58px;display:block}.loading-screen-actions{margin-top:16px}.player-loading-title{width:96px;height:28px}.player-loading-context{width:72px;height:16px}.player-loading-toggle{width:136px;height:16px;margin-block:16px}.player-loading-board{aspect-ratio:1;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;width:100%;display:grid}.player-loading-board>span{border:1px solid var(--line);background:var(--soft);border-radius:10px}.player-loading-caption{vertical-align:middle;width:70%;height:1em;display:inline-block}.player-loading-board-action{background:var(--soft);border:1px solid var(--line);border-radius:12px;width:144px;height:48px;display:block}.player-loading .rules-panel>.loading-bar{margin-bottom:16px;display:block}.inline-loading{min-width:0;position:relative}.profile-identity-avatar-placeholder,.profile-avatar-placeholder{border-radius:50%;flex:none;place-items:center;display:grid;position:relative}.profile-identity-avatar-placeholder{width:56px;height:56px}.profile-avatar-placeholder{width:72px;height:72px}.profile-identity-avatar-placeholder .loading-indicator,.profile-avatar-placeholder .loading-indicator{position:absolute;inset:auto}.profile-name-placeholder{width:160px;height:27px}.profile-stat-placeholder{width:64px;height:30px}.profile-type-placeholder{width:24px;height:20px}.profile-editor-count-placeholder{width:min(210px,100%);height:18px}.profile-edit-unavailable{color:var(--muted)}.profile-retry{min-height:20px;padding:0}.settings-loading-line{align-items:center;gap:12px;min-height:22px;display:flex}.settings-email-placeholder{width:min(230px,70%);height:18px}.settings-theme-icon-placeholder{width:20px;height:20px}.friends-row-placeholder{width:min(65%,180px);height:20px}.friends-note-placeholder{width:min(90%,270px)}.friends-note-loading .friends-note-second{display:none}@media (width<=767px){.friends-note-loading{align-content:start;gap:4px;min-height:46px;display:grid}.friends-note-loading .friends-note-second{width:55%;display:block}}.friends-count-placeholder{vertical-align:middle;width:34px;height:1em;display:inline-block}.inline-loading>.loading-indicator{position:absolute;top:0;right:0}.inline-loading-compact{align-items:center;min-height:32px;display:flex}.inline-loading-compact>.loading-indicator{top:2px}@media (width<=767px){.startup-placeholder-grid{grid-template-columns:1fr;gap:10px}.startup-placeholder-grid .panel{min-height:152px}.startup-placeholder-grid .panel:nth-child(2){display:none}.loading-card-content{gap:10px;min-height:92px;padding-top:10px}.loading-chip-row span{height:28px}.loading-bar-action{height:36px}.loading-screen,.standalone-panel{margin-top:16px}.loading-screen{min-height:176px}.loading-screen-pieces{margin:16px 0}.loading-screen-pieces span{width:44px;height:44px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .loading-indicator i{animation:none}}.site-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding-block:8px;display:flex}.app-update-progress{background:var(--soft);height:12px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--line) 72%, transparent);border-radius:999px;overflow:hidden}.app-update-progress>span{border-radius:inherit;background:var(--citron);height:100%;transition:width .2s linear;display:block}:root[data-motion=reduced] .app-update-progress>span{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .app-update-progress>span{transition:none}}.app-modal .app-update-status{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;margin:8px 0 20px;display:flex}.app-update-status>[aria-hidden]{font-variant-numeric:tabular-nums;font-size:.875rem}.app-update-modal button:disabled{background:var(--action);color:var(--on-action)}.app-update-spinner{visibility:hidden;border:2px solid;border-right-color:#0000;border-radius:50%;flex:0 0 18px;width:18px;height:18px}.app-update-spinner[data-spinning]{visibility:visible;animation:.8s linear infinite app-update-spin}@keyframes app-update-spin{to{transform:rotate(360deg)}}:root[data-motion=reduced] .app-update-spinner{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .app-update-spinner{animation:none}}:root[data-theme=dark] .app-update-modal button{color:#fff;background:#5243c2}@media (width>=768px){.site-header:has(>.main-navigation:not([hidden])){grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);display:grid}.site-header .wordmark{justify-self:start}.site-header .header-tools{justify-self:end}}@media (width>=768px) and (width<=1023px){.site-header:has(>.main-navigation:not([hidden])){gap:8px}.site-header:has(>.main-navigation:not([hidden])) .ponder-logo{width:124px}.site-header .main-navigation a{padding-inline:10px}}.wordmark{color:var(--text);align-items:center;min-height:44px;text-decoration:none;display:flex}.ponder-logo{width:148px;max-width:100%;line-height:0;display:block}.ponder-logo img{width:100%;height:auto;display:block}.ponder-logo .ponder-logo-dark,:root[data-theme=dark] .ponder-logo .ponder-logo-light{display:none}:root[data-theme=dark] .ponder-logo .ponder-logo-dark{display:block}.site-footer{border-top:1px solid var(--line);flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:4px 12px;min-height:52px;margin-top:12px;padding:4px 0;font-size:.875rem;display:flex}.site-footer .ponder-logo{width:88px}.footer-brand,.footer-credit{flex-wrap:wrap;align-items:center;gap:5px;display:inline-flex}.footer-credit a{min-height:44px;color:var(--muted);text-decoration-thickness:1px;-webkit-text-decoration-color:var(--line);text-decoration-color:var(--line);align-items:center;display:inline-flex}.footer-links{flex-wrap:wrap;align-items:flex-start;gap:4px 16px;margin-left:auto;display:flex}.footer-links a,.footer-ad-choices{min-height:44px;color:var(--muted);align-items:center;display:inline-flex}.footer-ad-choices{font:inherit;cursor:pointer;background:0 0;border:0;padding:0}@media (hover:hover) and (pointer:fine){.footer-credit a:hover{color:var(--text);text-decoration-color:currentColor}.footer-links a:hover{color:var(--text)}}.privacy-sections{gap:32px;margin:28px 0;display:grid}.privacy-page>p:not(.privacy-updated){max-width:72ch}@media (width>=1024px){.privacy-sections{grid-template-columns:repeat(2,minmax(0,1fr))}}.privacy-page .privacy-updated{margin-bottom:16px;font-size:.875rem}.privacy-sections h2{margin-bottom:12px}.privacy-sections p{margin:0}.privacy-sections p+p,.privacy-sections button{margin-top:16px}.privacy-return{align-items:center;min-height:44px;display:inline-flex}.main-navigation{background:var(--soft);border-radius:16px;gap:4px;padding:4px;display:flex}.main-navigation[hidden]{display:none}.main-navigation a{min-height:44px;color:var(--muted);isolation:isolate;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 14px;text-decoration:none;display:flex;position:relative}.main-navigation a[aria-current]{color:var(--text)}.main-navigation .nav-icon{flex:0 0 24px;width:24px;height:24px}.page-heading,.page-heading.compact{flex-wrap:wrap;align-items:center;gap:8px 16px;padding:16px 0;display:flex}.page-heading h1{margin:0;font-size:2rem}.page-heading p{color:var(--muted);margin:0;font-size:.875rem}.page-heading>h1{flex:1}.back-link+.page-heading.compact{padding-top:0}.back-link+.player-heading{margin-top:0}.section-label{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;display:flex}.section-label h2{flex-shrink:0;margin:0;font-size:1.375rem}.refresh-countdown{min-width:min(100%,8ch);color:var(--muted);flex-wrap:wrap;flex:1 1 0;justify-content:flex-end;align-items:center;gap:6px;font-size:.875rem;display:flex}.refresh-countdown time{color:var(--text);background:var(--soft);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;border-radius:999px;padding:4px 12px;font-size:1rem;font-weight:600}summary{cursor:pointer;min-height:44px;color:var(--action);padding-block:10px}select{font:inherit;border:1px solid var(--grid);background:var(--surface);min-height:44px;color:var(--text);border-radius:12px;padding:8px 12px}.today-grid{align-items:stretch;gap:16px;display:grid}.daily-panel,.weekly-panel{min-width:0;margin:0;padding:24px}.daily-set-summary{flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;display:flex}.daily-set-pill{border:1px solid var(--line);background:var(--soft);border-radius:999px;align-items:center;min-height:32px;padding:4px 10px;font-size:.875rem;font-weight:650;display:inline-flex}.daily-set-progress{color:var(--muted);margin-left:auto;font-size:.875rem}.daily-stages{overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-width:none;gap:12px;margin:12px 0 16px;padding:0 0 4px;list-style:none;display:flex;overflow:auto hidden}.daily-stages[data-overflow-start=true][data-overflow-end=true]{-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.daily-stages[data-overflow-start=true]:not([data-overflow-end=true]){-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px,#000);mask-image:linear-gradient(90deg,#0000,#000 16px,#000)}.daily-stages[data-overflow-end=true]:not([data-overflow-start=true]){-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 16px),#0000)}.daily-stages::-webkit-scrollbar{display:none}.daily-stages.six-stages{grid-template-columns:repeat(3,minmax(0,1fr));display:grid;overflow:visible}.daily-stages.six-stages li{min-width:0}.daily-stages li{background:var(--family-color,var(--soft));min-width:104px;min-height:88px;color:var(--piece-ink);scroll-snap-align:start;border-radius:16px;flex:1 0 104px;padding:12px 10px}.daily-stages li>div{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:64px;display:flex}.daily-stages li h3,.daily-stages li p{margin:0;font-size:.875rem;line-height:1.25}.daily-stages-placeholder{position:relative}.daily-stages-placeholder li:not(.daily-placeholder-message){background:var(--soft)}.daily-stages-placeholder .loading-family-art{background:color-mix(in srgb, var(--action) 15%, var(--surface));border-radius:10px}.daily-stages-placeholder .daily-family-placeholder{width:64px;height:12px}.daily-stages-placeholder .daily-placeholder-message{z-index:1;border:1px solid var(--line);background:var(--surface);width:100%;min-width:0;color:var(--text);text-align:center;place-items:center;padding:8px 12px;font-size:.875rem;line-height:1.25;display:grid;position:absolute;inset:0}.daily-count-placeholder{width:58px;height:16px}.daily-action-placeholder{border:1px solid var(--line);background:var(--soft);border-radius:12px;min-width:0;display:block}.daily-mode>.daily-action-placeholder{width:100%}.daily-footer-actions>.daily-action-placeholder{width:132px}.daily-family-name{font-size:.875rem;font-weight:600;line-height:1.2}.daily-family-art{flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.daily-family-art svg{width:40px;height:40px}.daily-family-art .binary-mini{transform:scale(.3)}.daily-modes{gap:10px;display:grid}.daily-mode{flex-direction:column;min-width:0;display:flex}.daily-mode-symbol{color:currentColor;place-items:center;width:28px;height:28px;display:inline-grid}.daily-mode-symbol svg{fill:none;stroke:currentColor;stroke-width:2.6px;width:28px;height:28px}.race-check{fill:currentColor;stroke:none}.daily-mode>.button,.daily-mode>button{width:100%}.daily-primary-action{border-width:2px;min-height:56px;font-size:1.125rem;font-weight:600}.daily-secondary-action{border-color:var(--line);min-height:48px;font-size:1rem}.mode-progress{gap:6px;margin:0 0 8px;display:flex}.mode-progress span{background:var(--soft);border-radius:6px;padding:0 6px;font-size:.875rem}.mode-progress .done{background:var(--mint);color:var(--piece-ink)}.daily-note,.mode-note{margin:12px 0 0;font-size:.875rem}.daily-details-symbol{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.daily-footer{margin-top:10px}.daily-footer-actions{flex-wrap:wrap;gap:8px;display:flex}.daily-footer-button{border-color:var(--line);min-height:44px;padding:7px 12px;font-size:.875rem}.daily-footer-button>span[aria-hidden=true]{font-size:1.125rem}.app-modal{overscroll-behavior:contain;border:1px solid var(--line);background:var(--surface);width:min(100% - 32px,430px);max-width:none;max-height:calc(100dvh - 32px);color:var(--text);box-shadow:var(--shadow-overlay);border-radius:24px;padding:24px;overflow:auto}.app-modal::backdrop{background:var(--scrim);animation:.26s ease-out both app-modal-backdrop-in}.app-modal[data-exiting]{pointer-events:none}.app-modal[data-exiting]::backdrop{animation:.26s ease-in both app-modal-backdrop-out}.app-modal[data-quiet-motion]::backdrop,.app-modal[data-quiet-motion][data-exiting]::backdrop{animation:none}@keyframes app-modal-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes app-modal-backdrop-out{0%{opacity:1}to{opacity:0}}.app-modal-heading{align-items:flex-start;gap:12px;display:flex}.app-modal-heading h2{flex:1;margin:4px 0 12px;font-size:1.5rem}.app-modal-heading .app-modal-close,.board-dialog-heading .dialog-close{background:var(--soft);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--text);border-radius:999px;padding:0;font-size:1.25rem}.app-modal p{color:var(--muted);margin-bottom:20px}.app-modal-action,.app-modal-later{width:100%}.app-modal-action{min-height:48px}.app-modal-later{border-color:var(--line);margin-top:8px}.invite-modal{text-align:center}.invite-modal::backdrop{background:var(--scrim)}.invite-modal .app-modal-heading{flex-direction:column;align-items:center;gap:0}.invite-modal-label{color:var(--muted);letter-spacing:.13em;text-transform:uppercase;margin-bottom:18px;font-size:.75rem;font-weight:750}.invite-modal-avatar{width:96px;height:96px;margin-bottom:18px;display:block}.invite-avatar-skeleton{background:var(--soft);border:1px solid var(--line);border-radius:50%;place-items:center;width:96px;height:96px;display:grid}.invite-modal .app-modal-heading h2{overflow-wrap:anywhere;flex:none;max-width:320px;min-height:2.2em;margin:0 auto 12px;font-size:1.8rem}.invite-modal p{max-width:330px;margin:0 auto 24px}.invite-modal .invite-loading-copy{align-items:center;min-height:2lh;display:grid}.invite-modal-accept,.invite-modal-decline{width:100%}.invite-modal-accept{min-height:58px;font-size:1.0625rem}.invite-modal-decline{border-color:var(--line);background:var(--surface);color:var(--action);margin-top:8px}.invite-modal .invite-modal-decline+p,.invite-modal .invite-modal-decline+button{margin-top:12px}@media (width<=767px){.invite-modal{padding:24px 22px 20px}.invite-modal .app-modal-heading h2{font-size:1.625rem}}.calm-confirm-remember{cursor:pointer;align-items:center;gap:12px;min-height:44px;margin:0 0 16px;display:flex}.calm-confirm-remember input{width:20px;height:20px;accent-color:var(--action);flex:none;margin:0}.daily-details-dialog{width:min(100% - 32px,680px)}.daily-details-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:4px 0 20px;display:grid}.daily-details-card{border:1px solid var(--line);background:var(--soft);border-radius:16px;padding:16px}.daily-details-card h3{align-items:center;gap:8px;margin:0 0 12px;display:flex}.daily-details-card ul{margin:0;padding-left:20px}.daily-details-card li+li{margin-top:8px}@media (width<=600px){.daily-details-grid{grid-template-columns:1fr}}.daily-empty{border:1px solid var(--line);background:linear-gradient(105deg, color-mix(in srgb, var(--lilac) 16%, var(--surface)), var(--surface) 70%);border-radius:16px;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;padding:8px 16px;display:flex}.daily-empty h2{margin:0;font-size:1.25rem}.daily-empty .button{margin-left:auto}.library-shortcut-art{flex:0 0 112px;width:112px;height:56px;position:relative}.library-shortcut-art>span{background:var(--family-color);width:44px;height:44px;color:var(--piece-ink);box-shadow:0 3px 0 var(--line);border-radius:12px;place-items:center;display:grid;position:absolute;top:6px}.library-shortcut-art>span:first-child{left:0;transform:rotate(-10deg)}.library-shortcut-art>span:nth-child(2){left:32px;transform:rotate(5deg)}.library-shortcut-art>span:nth-child(3){left:64px;transform:rotate(-4deg)}.library-shortcut-art svg{width:28px;height:28px}.library-shortcut-art .binary-mini{transform:scale(.23)}.library-shortcut-copy p{color:var(--muted);margin:2px 0 0;font-size:.875rem}.weekly-summary{flex-direction:column;display:flex}.weekly-progress-copy{margin:0 0 8px;font-size:.875rem}.weekly-progress-placeholder{width:112px;height:18px}.weekly-progress-pieces{background:var(--soft);border-radius:999px;height:16px;margin:8px 0 24px;overflow:hidden}.weekly-summary .weekly-progress-pieces{box-shadow:0 2px 4px color-mix(in srgb, var(--text) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--line) 72%, transparent);margin-bottom:12px}.weekly-progress-pieces>span{border-radius:inherit;background:var(--citron);height:100%;display:block}.weekly-summary-puzzles{overscroll-behavior:contain;scrollbar-width:none;grid-template-columns:repeat(auto-fill,minmax(min(44px,100%),1fr));gap:8px;min-width:0;max-height:304px;margin:0 0 16px;padding:0;list-style:none;display:grid;overflow:hidden auto}.weekly-summary-puzzles::-webkit-scrollbar{display:none}.weekly-summary-puzzles[data-overflow-end=true]:not([data-overflow-start=true]){-webkit-mask-image:linear-gradient(#000 calc(100% - 18px),#0000);mask-image:linear-gradient(#000 calc(100% - 18px),#0000)}.weekly-summary-puzzles[data-overflow-start=true][data-overflow-end=true]{-webkit-mask-image:linear-gradient(#0000,#000 18px calc(100% - 18px),#0000);mask-image:linear-gradient(#0000,#000 18px calc(100% - 18px),#0000)}.weekly-summary-puzzles[data-overflow-start=true]:not([data-overflow-end=true]){-webkit-mask-image:linear-gradient(#0000,#000 18px);mask-image:linear-gradient(#0000,#000 18px)}.weekly-summary-puzzles>li{min-width:0}.weekly-summary-puzzle{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--family-color,var(--soft)) 58%, var(--line));background:color-mix(in srgb, var(--family-color,var(--soft)) 24%, var(--surface));width:100%;min-width:44px;min-height:44px;box-shadow:0 2px 0 color-mix(in srgb, var(--text) 10%, transparent);color:var(--text);border-radius:11px;place-items:center;text-decoration:none;transition:opacity .22s,background-color .22s,box-shadow .22s;display:grid;position:relative}.weekly-summary-puzzle.is-complete{background:color-mix(in srgb, var(--family-color,var(--soft)) 68%, var(--surface));opacity:1;font-weight:800}.weekly-summary-puzzle.is-started:after{background:var(--action);content:"";border-radius:50%;width:6px;height:6px;position:absolute;bottom:6px;right:6px}.weekly-summary-puzzle:focus-visible{z-index:1;outline:var(--focus-width) solid var(--focus-color);outline-offset:-3px;opacity:1}.weekly-summary-puzzle-progress{border:2px solid;border-radius:50%;width:8px;height:8px}@media (hover:hover){.weekly-summary-puzzles:has(.weekly-summary-puzzle:hover) .weekly-summary-puzzle:not(:hover){opacity:.4}.weekly-summary-puzzle:hover{z-index:1;background:color-mix(in srgb, var(--family-color,var(--soft)) 46%, var(--surface));box-shadow:0 3px 2px color-mix(in srgb, var(--text) 14%, transparent);opacity:1}.weekly-summary-puzzles:focus-within .weekly-summary-puzzle:not(:focus-visible){opacity:.4}}@media (prefers-reduced-motion:reduce){.weekly-summary-puzzle{transition:none}}.weekly-next-actions{flex-wrap:wrap;gap:8px;display:flex}.weekly-summary .weekly-next-actions{flex-direction:column;gap:12px;margin-top:0}.weekly-next-actions>.button{flex:1;min-width:0;padding-inline:8px}.weekly-action-placeholder{border:1px solid var(--line);background:var(--soft);border-radius:12px;flex:1;min-width:0;min-height:48px;display:block}.weekly-summary .weekly-action-placeholder{width:100%}.today-grid .weekly-action-placeholder{min-height:56px}.weekly-next-actions>button{flex:1;min-width:0}.weekly-done{margin:0}.weekly-filters{margin:12px 0}.weekly-filter-buttons{flex-wrap:wrap;gap:8px;display:flex}.weekly-filter-buttons button{background:var(--soft);min-height:44px;color:var(--text)}.weekly-filter-buttons button[aria-pressed=true]{background:var(--action);color:var(--on-action)}.weekly-filter-select{display:none}.weekly-filter-placeholder{border:1px solid var(--line);background:var(--soft);border-radius:12px;width:min(100%,460px);min-height:44px;display:block}.weekly-panel.weekly-catalogue{box-shadow:none;background:0 0;border:0;flex-wrap:wrap;align-items:center;gap:12px;padding:0;display:flex}.weekly-panel.weekly-catalogue>*{flex:1 0 100%;margin:0}.weekly-catalogue>.weekly-progress-copy{flex:auto;order:-1}.weekly-catalogue>.section-label{flex:none;margin-left:auto}.weekly-catalogue .loading-countdown-label{width:3em}.weekly-catalogue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.weekly-piece{background:var(--family-color);border:1px solid var(--line);min-width:0;min-height:78px;color:var(--piece-ink);box-shadow:0 3px 0 var(--line);border-radius:12px;grid-template-columns:40px 1fr;align-content:center;align-items:center;gap:4px 8px;padding:10px;text-decoration:none;display:grid;position:relative}.weekly-piece-placeholder{border:1px solid var(--line);background:var(--soft);box-shadow:0 3px 0 var(--line)}.weekly-piece-art{width:36px;height:36px;color:var(--piece-ink);grid-row:1/3;place-items:center;display:grid}.weekly-piece-art svg{width:36px;height:36px}.weekly-piece-art .binary-mini{transform:scale(.28)}.weekly-piece .weekly-piece-difficulty{position:absolute;top:8px;right:10px}.weekly-piece strong{font-size:1rem}.weekly-piece small{font-size:.875rem}.weekly-piece.done{border-color:var(--grid)}.weekly-piece.is-next{outline:2px solid var(--action);outline-offset:-2px}.family-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 0 16px;display:grid}@media (width>=1024px){.family-shelf{grid-template-columns:repeat(4,minmax(0,1fr))}}.family-tile{color:var(--piece-ink);text-align:left;border:0;padding:0;box-shadow:none!important;background:0 0!important}.family-face{background:var(--family-color);width:100%;min-height:112px;box-shadow:0 4px 0 var(--line);border-radius:20px;align-items:center;gap:16px;padding:16px;display:flex}.family-face strong{font:650 1.25rem Bricolage,system-ui}@media (hover:hover) and (pointer:fine){.family-tile:hover .family-face{outline:2px solid var(--piece-ink);outline-offset:-2px}}.family-tile:active .family-face{box-shadow:0 1px 0 var(--line)}.family-art{flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.family-art svg{width:56px;height:56px}.family-art .binary-mini{transform:scale(.45)}.library-heading{flex-wrap:wrap}.library-title{align-items:center;gap:16px;display:flex}.library-learn{align-items:center;gap:6px;min-height:44px;font-size:.875rem;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.library-learn:hover{text-decoration:underline}}.library-learn-icon{place-items:center;width:22px;height:22px;display:inline-grid}.startup-learn-icon{border-radius:50%;width:22px;height:22px}.catalogue-placeholder,.catalogue-content{position:relative}.catalogue-content-message{text-align:center;width:max-content;max-width:90%;margin:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.catalogue-content>p.catalogue-content-message{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:16px}.catalogue-placeholder .puzzle-piece-spacer{visibility:visible;background:color-mix(in srgb, var(--family-color) 15%, var(--surface));border:1px dashed var(--line);box-shadow:none}.loading-piece-mark,.loading-piece-number{background:color-mix(in srgb, var(--family-color) 28%, var(--soft));border-radius:5px;display:block}.loading-piece-mark{width:22px;height:18px;margin-bottom:5px}.loading-piece-number{width:28px;height:12px}.catalogue-placeholder p{text-align:center;background:var(--surface);border:1px solid var(--line);width:max-content;max-width:90%;color:var(--muted);border-radius:12px;margin:0;padding:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.daily-invitation{border:1px solid var(--line);background:var(--surface);min-height:56px;color:var(--text);border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:8px 16px;text-decoration:none;display:flex}.daily-invitation strong{font:650 1.25rem Bricolage,system-ui}.daily-invitation>span:first-child{align-items:center;gap:12px;display:flex}.daily-invitation .mini-stages{display:none}.catalogue-toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.difficulty-selector{border:1px solid var(--line);background:var(--soft);border-radius:16px;gap:4px;width:min(100%,660px);margin-inline:auto;padding:4px;display:flex}.difficulty-selector button{isolation:isolate;background:color-mix(in srgb, var(--family-color) 22%, var(--surface));min-height:88px;color:var(--text);box-shadow:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:1.125rem;display:flex;position:relative}.difficulty-dots{letter-spacing:4px;font-size:.75rem;line-height:1;position:relative}.difficulty-label{position:relative}.difficulty-pill{border-radius:inherit;background:var(--family-color);box-shadow:0 2px 0 var(--line);position:absolute;inset:0}.difficulty-selector [aria-pressed=true]{color:var(--piece-ink);background:0 0}.practice-actions{border-bottom:1px solid var(--line);grid-template-columns:0fr 1fr;gap:0;margin:0 0 12px;padding-bottom:12px;display:grid}.practice-action-slot{min-width:0;min-height:48px}.practice-resume-slot{position:relative;overflow:hidden}.practice-resume-slot>.practice-action{position:absolute;inset:0}.practice-resume-slot .button{white-space:nowrap}.practice-action .button,.practice-action button{width:100%;min-height:48px}.practice-action-skeleton{border:1px solid var(--line);background:var(--soft);border-radius:12px;width:100%;min-height:48px;display:block}.practice-actions>.button{min-height:48px}.catalogue-pages{margin:-4px;padding:4px;overflow:clip}.puzzle-pieces{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.puzzle-piece,.puzzle-piece-spacer{min-width:0;min-height:72px;color:var(--piece-ink);background:var(--family-color);box-shadow:0 3px 0 var(--line);border-radius:12px;text-decoration:none;position:relative}.puzzle-piece>span,.puzzle-piece-spacer>span{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:8px;display:flex}.puzzle-piece strong,.puzzle-piece-spacer strong{font:650 1.125rem Bricolage,system-ui}.piece-status{text-align:center;font-size:.875rem}.piece-status:empty{display:none}.piece-badge{position:absolute;top:6px;right:8px}.puzzle-piece.completed{background:color-mix(in srgb, var(--family-color) 30%, var(--surface));color:var(--text)}.puzzle-piece.resume{outline:2px solid var(--action);outline-offset:-2px}.puzzle-piece-spacer{visibility:hidden}.puzzle-piece-placeholder{border:1px solid var(--line);background:color-mix(in srgb, var(--family-color) 15%, var(--surface));box-shadow:0 3px 0 var(--line)}.puzzle-paging{justify-content:space-between;align-items:center;gap:8px;margin-top:12px;display:flex}.puzzle-paging button{min-height:44px}.puzzle-paging span{font-size:.875rem}.puzzle-paging .paging-status{white-space:nowrap;justify-content:center;align-items:center;gap:4px;min-width:0;display:inline-flex}.paging-loading-bar{width:52px;height:14px}.player-heading{justify-content:space-between;align-items:center;gap:8px;margin:8px 0;display:flex}.player-heading h1,.player-heading h2{margin:0;font-size:1.5rem}.session-stages{gap:8px;margin:0;padding:0;list-style:none;display:flex}.session-stages li{background:var(--family-color,var(--soft));color:var(--piece-ink);border-radius:12px;width:40px;height:40px;padding:6px}.session-stages [aria-current]{outline:2px solid var(--action)}.daily-session .page-heading.daily-session-heading{grid-template-columns:minmax(15ch,max-content) minmax(0,1fr);grid-template-areas:"title stages";gap:8px 16px;display:grid}.daily-session-heading>.session-heading-copy{grid-area:title;min-width:15ch}.session-heading-copy>.eyebrow,.session-heading-copy>h1{white-space:nowrap}.daily-session-heading>.session-stages{flex-wrap:wrap;grid-area:stages;justify-content:flex-end;justify-self:stretch;min-width:0}.session-stages li{justify-content:center;align-items:center;display:flex;position:relative;overflow:visible}.session-stages .stage-symbol{margin-right:0}.session-stage-check{z-index:1;border:2px solid var(--canvas);background:var(--piece-ink);width:18px;height:18px;color:var(--surface);pointer-events:none;border-radius:50%;place-items:center;font-size:10px;font-weight:700;line-height:1;display:grid;position:absolute;top:-6px;right:-6px}.session-clock{z-index:4;background:var(--surface);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px;padding:8px 12px;font-size:.875rem;display:flex;position:sticky;top:0}.session-clock p{margin:0}.session-clock p>span{display:block}.session-clock.race p>span{min-height:1.5em}.session-clock strong{font-variant-numeric:tabular-nums;font-size:1.375rem}.focused-play .site-header{min-height:48px}.focused-play .page-heading{padding:8px 0}.settings-layout{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:16px;display:grid}.settings-column{flex-direction:column;gap:16px;min-width:0;display:flex}.settings-layout.race-sign-in{grid-template-columns:minmax(0,620px);justify-content:center}.settings-layout input{width:100%}.settings-layout input[type=checkbox],.settings-layout input[type=radio]{width:auto}.settings-group{min-width:0;margin:0;padding:16px}.settings-disclosure{display:none}.settings-group-body{min-width:0}.settings-group-body form{gap:8px;display:grid}.settings-group-body fieldset{border:0;margin:8px 0;padding:8px 0}.settings-group-body p{font-size:.875rem}.settings-group .radio-option{min-height:44px;margin:0}.appearance .theme-choice-set,.appearance .motion-choice-set{margin:8px 0 16px;padding:0}.theme-choice-set legend,.motion-choice-set legend,.privacy-settings legend{color:var(--text);margin:0 0 8px;font-size:1rem;font-weight:600}.theme-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.theme-choice{border:1px solid var(--line);background:var(--surface);min-width:0;min-height:76px;color:var(--text);cursor:pointer;text-align:center;border-radius:16px;align-content:center;justify-items:center;gap:4px;padding:8px 6px;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative;overflow:hidden}.settings-layout .theme-choice>input[type=radio],.settings-layout .motion-choice>input[type=radio]{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.theme-choice-icon,.sound-choice-icon{background:var(--soft);width:32px;height:32px;color:var(--action);border-radius:11px;place-items:center;display:grid}.theme-choice-icon svg,.sound-choice-icon svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.theme-choice-icon[data-mode=dark] svg path{fill:currentColor}.theme-choice-label{max-width:100%;font-size:1rem;font-weight:600;line-height:1.2}.theme-choice-check{background:var(--action);width:18px;height:18px;color:var(--on-action);opacity:0;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;line-height:1;transition:opacity .14s,transform .14s;display:grid;position:absolute;top:6px;right:6px;transform:scale(.75)}.theme-choice.is-selected{border-color:var(--action);background:color-mix(in srgb, var(--action) 10%, var(--surface));box-shadow:inset 0 0 0 1px var(--action)}.theme-choice.is-selected .theme-choice-check{opacity:1;transform:scale(1)}@media (hover:hover) and (pointer:fine){.theme-choice:hover,.motion-choice:hover{border-color:var(--action)}.theme-choice:active,.motion-choice:active{transform:scale(.98)}}:is(.theme-choice:has(input:focus-visible),.motion-choice:has(input:focus-visible)){outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.motion-choice-grid{background:var(--soft);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.sound-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.motion-choice{min-width:0;min-height:44px;color:var(--muted);cursor:pointer;text-align:center;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;gap:4px;padding:8px 4px;font-size:1rem;font-weight:600;line-height:1.15;transition:background-color .14s,border-color .14s,box-shadow .14s,color .14s,transform .14s;display:flex;position:relative}.motion-choice>span,.theme-choice>span{pointer-events:none}.motion-choice.is-selected{border-color:var(--action);background:var(--surface);color:var(--text);box-shadow:0 1px 3px color-mix(in srgb, var(--text) 16%, transparent)}.motion-choice-check{color:var(--action);font-size:.75rem;font-weight:750}.privacy-settings{gap:8px;display:grid}.privacy-option{border:1px solid var(--line);background:var(--surface);min-height:72px;color:var(--text);cursor:pointer;border-radius:16px;grid-template-columns:minmax(0,1fr) 48px;align-items:center;gap:12px;padding:12px 14px;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;display:grid;position:relative}.privacy-option>input[type=checkbox]{z-index:1;opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.privacy-option-copy{grid-area:1/1;gap:2px;min-width:0;font-size:.875rem;line-height:1.35;display:grid}.privacy-option-copy strong{font-size:1rem;font-weight:650}.privacy-option-copy>span{color:var(--muted)}.privacy-switch{border:1px solid var(--grid);background:var(--soft);border-radius:999px;grid-area:1/2;align-items:center;width:48px;height:28px;padding:3px;transition:background-color .14s,border-color .14s;display:flex}.privacy-switch-thumb{background:var(--surface);width:20px;height:20px;box-shadow:0 1px 3px color-mix(in srgb, var(--text) 28%, transparent);border-radius:50%;transition:transform .16s cubic-bezier(.2,.8,.2,1);display:block}.privacy-option input:checked+.privacy-switch{border-color:var(--action);background:var(--action)}.privacy-option input:checked+.privacy-switch .privacy-switch-thumb{transform:translate(20px)}.privacy-option.is-enabled{border-color:color-mix(in srgb, var(--action) 62%, var(--line));background:color-mix(in srgb, var(--action) 7%, var(--surface))}.privacy-option.is-disabled{cursor:default;opacity:.62}.privacy-option input:focus-visible+.privacy-switch{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}@media (hover:hover) and (pointer:fine){.privacy-option:active:not(.is-disabled){transform:scale(.99)}}.privacy-note{margin:4px 0 0}[data-motion=reduced] :is(.theme-choice,.motion-choice,.privacy-option):active{transform:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :is(.theme-choice,.motion-choice,.privacy-option):active{transform:none}}.social-layout{grid-template-columns:1fr 1fr;gap:16px;display:grid}.social-layout>.panel{margin:0;padding:16px}.friends-panel{flex-direction:column;display:flex;container-type:inline-size}.friends-list-heading,.social-list.friends-list>li:not(.social-list-placeholder){grid-template-columns:minmax(0,1fr) minmax(0,min(8rem,40%)) 44px;align-items:center;gap:8px;display:grid}.friends-list-heading,.friend-last-raced{color:var(--muted);overflow-wrap:anywhere;font-size:.875rem}.friends-list-heading{font-weight:600}.friends-list .player-identity>.player-avatar{flex-shrink:0}.friend-last-raced-label{display:none}@container (width<=24rem){.friends-list-heading,.social-list.friends-list>li:not(.social-list-placeholder){grid-template-columns:minmax(0,1fr) 44px}.friends-list-heading>span:nth-child(2){display:none}.friends-list .player-identity{grid-area:1/1}.friend-last-raced{grid-area:2/1}.friend-last-raced-label{display:inline}.friends-list .friend-more{grid-area:1/2/3}}.social-list{margin:8px 0;padding:0;list-style:none;position:relative}.social-list>li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.social-list>.social-list-placeholder{border:1px solid var(--line);background:color-mix(in srgb, var(--soft) 45%, var(--surface));min-height:44px;box-shadow:0 2px 0 var(--line);color:var(--muted);border-radius:12px;padding:10px 12px;display:block}.friends-empty-note{color:var(--muted);margin:0 0 8px;font-size:.875rem}.friend-count{border:1px solid var(--line);background:var(--soft);color:var(--muted);border-radius:999px;align-self:flex-end;margin-top:auto;padding:4px 8px;font-size:.875rem;line-height:1.2}.player-identity{align-items:center;gap:10px;min-width:0;display:inline-flex}.player-identity strong{overflow-wrap:anywhere}.social-list p{margin:0}.friend-more{flex:none;position:relative}.friend-more>summary{width:44px;height:44px;color:var(--text);border-radius:50%;place-items:center;padding:0;list-style:none;display:grid}.friend-more>summary::-webkit-details-marker{display:none}.friend-more[open]>summary{background:color-mix(in srgb, var(--lilac) 60%, var(--surface))}:root[data-theme=dark] .friend-more[open]>summary{background:color-mix(in srgb, var(--action) 16%, var(--surface))}@media (hover:hover) and (pointer:fine){.friend-more>summary:hover{background:color-mix(in srgb, var(--lilac) 60%, var(--surface))}:root[data-theme=dark] .friend-more>summary:hover{background:color-mix(in srgb, var(--action) 16%, var(--surface))}}.friend-more>summary svg{width:20px;height:20px}.friend-more .social-actions{z-index:6;background:var(--surface);border:1px solid var(--line);box-shadow:0 3px 0 var(--line);border-radius:12px;padding:8px;position:absolute;right:0}.friend-more .social-actions:popover-open{z-index:100;min-width:8rem;margin:0;display:grid;position:fixed;inset:auto}.friend-more .social-actions:popover-open button{justify-content:flex-start;min-height:44px}.social-tabs{display:none}.friends-heading{justify-content:space-between}.rankings-container[data-full=true]>summary{display:none}.rankings-container{margin-top:12px}.rankings-container>.rankings{min-width:0;margin:0}.rankings-disclosure,.comparison-detail{margin-top:12px}.rankings-disclosure>summary,.comparison-detail>summary{font-weight:600}.daily-session .board-dialog-body>.button{margin:4px}.daily-results-summary{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:dense;gap:12px;max-width:760px;margin-inline:auto;display:grid}.daily-results-summary>*{grid-column:1/-1}.daily-results-summary>.share-result-action,.daily-results-summary>.share-result-action~.daily-result-action{grid-column:auto;padding-inline:12px}.race-results-summary{width:100%;max-width:none}.race-results-summary>.daily-result-action{justify-self:center;max-width:866px}.race-results-summary>.share-result-action{justify-self:end;max-width:427px}.race-results-summary>.share-result-action~.daily-result-action{justify-self:start;max-width:427px}.share-result-copy{justify-self:center;width:100%;max-width:866px}.calm-results-summary{animation:calm-result-panel-arrive calc(.7s * var(--presentation-pace)) both}.calm-results-summary:focus-within{animation:none}@keyframes calm-result-panel-arrive{0%{opacity:0;transform:translateY(18px)scale(.985)}to{opacity:1;transform:none}}.daily-results-heading,.daily-results-summary>.daily-result-action{animation:daily-result-arrive calc(.55s * var(--presentation-pace)) both}.daily-results-heading:focus-visible{outline:none}.daily-results-summary>.daily-result-action:first-of-type{animation-delay:calc(.12s * var(--presentation-pace))}.daily-results-summary>.daily-result-action:last-of-type{animation-delay:calc(.2s * var(--presentation-pace))}.daily-results-summary>.daily-result-action:is(:focus,:active),[data-motion=reduced] .daily-results-heading,[data-motion=reduced] .calm-results-summary,[data-motion=reduced] .daily-results-summary>.daily-result-action{animation:none}@keyframes daily-result-arrive{0%{opacity:.65;transform:translateY(10px)}to{opacity:1;transform:none}}.daily-results-summary>.button{margin:0}.daily-results-summary>p:first-child{color:var(--text);font-size:1.5rem}.result-stages ol{margin:4px 0 12px;padding-left:24px;font-size:.875rem}.calm-result-content{gap:12px;display:grid}.calm-results-summary .calm-result-time{border:1px solid var(--lilac);background:var(--lilac);min-height:8rem;color:var(--piece-ink);text-align:center;border-radius:18px;align-content:center;justify-items:center;gap:4px;margin:0;display:grid}.calm-result-time strong{font-variant-numeric:tabular-nums;font:700 clamp(2.75rem,8vw,3.75rem)/1 Bricolage,system-ui,sans-serif}.calm-result-time span{color:inherit;font-weight:600}.calm-result-details{gap:8px;width:100%;max-width:600px;margin-inline:auto;display:grid}.calm-result-details p{background:var(--soft);min-height:56px;color:var(--text);border-radius:12px;justify-content:space-between;align-items:center;gap:8px;margin:0;padding:12px 16px;display:flex}.calm-result-details strong{font:700 1.375rem/1 Bricolage,system-ui,sans-serif}.race-result-content{gap:10px;display:grid}.race-result-desktop{gap:12px;display:grid}.race-result-mobile{display:none}.race-result-tabs{background:var(--soft);border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid}.race-result-tabs button{min-width:0;min-height:44px;box-shadow:none;color:var(--muted);isolation:isolate;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;padding:8px 10px;font-size:.95rem;font-weight:600;display:flex;position:relative}.race-result-tabs button[aria-selected=true]{color:var(--text)}.race-result-tabs .nav-bubble{border-radius:12px}.race-result-tabs button>span:last-child{z-index:1;position:relative}.race-result-panel-viewport{overflow:visible}.race-result-panel{align-content:center;min-height:12rem;display:grid}.race-result-content .race-result-time{border:1px solid var(--citron);background:var(--citron);min-height:8rem;color:var(--piece-ink);text-align:center;border-radius:18px;align-content:center;justify-items:center;gap:4px;margin:0;display:grid}.race-result-time strong{font-variant-numeric:tabular-nums;font:700 clamp(2.75rem,8vw,3.75rem)/1 Bricolage,system-ui,sans-serif}.race-result-time span{color:inherit;font-weight:600}.race-result-statistics{border-collapse:separate;border-spacing:0 4px;table-layout:fixed;text-align:left;font-variant-numeric:tabular-nums;width:100%;max-width:600px;margin-inline:auto}.race-result-statistics thead th{color:var(--muted);padding:4px 8px;font-size:.875rem;font-weight:600}.race-result-statistics thead th:first-child{width:53%}.race-result-statistics thead th:nth-child(2){width:30%}.race-result-statistics tbody th,.race-result-statistics tbody td{background:color-mix(in srgb, var(--soft) 76%, var(--surface));padding:8px}.race-result-statistics tbody th{border-radius:10px 0 0 10px;font-weight:600}.race-result-puzzle{text-align:left;align-items:center;gap:8px;display:flex}.race-result-puzzle .stage-symbol{color:var(--piece-ink);background:var(--family-color,var(--soft));flex:0 0 28px;margin-right:0}.race-result-statistics tbody td{white-space:nowrap}.race-result-statistics tbody td:last-child{text-align:center;border-radius:0 10px 10px 0;width:1%}.board-dialog-actions:has(>.race-result-action){grid-template-columns:minmax(0,1fr);gap:8px;display:grid}.board-dialog-actions>.race-result-action,.daily-results-summary>.daily-result-action{justify-content:center;width:100%;min-height:48px;margin:0}@media (width<=767px){.race-result-desktop{display:none}.race-result-mobile{gap:10px;display:grid}.race-result-content .race-result-time{min-height:11rem}}@media (width>=1024px){.today-grid{grid-template-columns:1fr 1fr}}@media (width<=1023px){.settings-layout{grid-template-columns:1fr 1fr}.settings-group-body .avatar-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.daily-empty{display:none}}@media (width<=767px){.app-shell{padding:0 16px}.menu-shell{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom));overflow-x:clip}.site-header{min-height:64px}.wordmark{font-size:1.375rem}.main-navigation{z-index:20;border-top:1px solid var(--line);padding:4px 8px calc(4px + env(safe-area-inset-bottom));background:var(--surface);border-radius:0;position:fixed;bottom:0;left:0;right:0}.main-navigation a{overflow-wrap:anywhere;flex-direction:column;flex:1 1 0;gap:2px;min-width:0;min-height:56px;padding:4px;font-size:.875rem;line-height:1.2}.main-navigation a[aria-current]{color:var(--action);font-weight:700}.main-navigation .nav-bubble{background:color-mix(in srgb, var(--action) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--action) 45%, var(--surface));box-shadow:none;border-radius:12px}.input-focused .main-navigation{display:none}.input-focused{padding-bottom:16px}.page-heading,.page-heading.compact{gap:4px 8px;padding:8px 0}.page-heading h1{font-size:1.75rem}.page-heading .today-date{margin-left:auto}.today-grid{gap:10px}.daily-panel,.weekly-panel{padding:12px}.section-label{gap:8px;margin-bottom:8px}.section-label h2{font-size:1.25rem}.refresh-countdown{gap:0 4px}.daily-set-summary{margin-top:8px}.daily-stages{margin:8px 0}.daily-stages li{min-height:72px;padding:4px}.daily-stages li>div{flex-direction:column;gap:4px}.daily-family-name{text-align:center;overflow-wrap:anywhere}.daily-family-art,.daily-family-art svg{width:24px;height:24px}.daily-family-art .binary-mini{transform:scale(.2)}.daily-family-name{font-size:.875rem}.daily-modes{gap:8px}.daily-mode>.button,.daily-mode>button{padding-inline:8px}.daily-footer{margin-top:10px;padding-top:0}.daily-empty{display:none}.daily-empty .button{padding-inline:8px}.library-shortcut-copy p{display:none}.library-shortcut-art{flex-basis:40px;width:40px;height:36px}.library-shortcut-art>span{border-radius:8px;width:28px;height:28px;top:4px}.library-shortcut-art>span:nth-child(2){left:6px}.library-shortcut-art>span:nth-child(3){left:12px}.library-shortcut-art svg{width:20px;height:20px}.library-shortcut-art .binary-mini{transform:scale(.16)}.daily-empty{gap:8px}.weekly-next-actions>.button{padding-inline:8px}.family-shelf{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:24px}.family-face{border-radius:16px;flex-direction:column;gap:6px;min-height:92px;padding:12px}.family-face strong{overflow-wrap:anywhere;text-align:center;max-width:100%;font-size:1rem}.family-art,.family-art svg{width:36px;height:36px}.family-art .binary-mini{transform:scale(.28)}.daily-invitation{min-height:48px;margin-top:8px;padding:4px 12px}.daily-invitation>span:first-child>span{display:none}.library-heading,.library-title{gap:4px}.library-learn{justify-content:center;min-width:44px}.library-learn-label{display:none}.library-heading h1{font-size:1.5rem}.difficulty-selector{flex:1}.difficulty-selector button{flex:1;min-height:72px;padding:8px;font-size:.875rem}.catalogue-toolbar{gap:8px;margin-bottom:8px}.catalogue-toolbar>.button{min-height:44px}.practice-actions{margin-bottom:8px}.practice-actions>.button,.practice-action .button,.practice-action button{padding:6px 4px;font-size:.875rem}.puzzle-pieces{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.puzzle-piece,.puzzle-piece-spacer{min-height:48px}.puzzle-piece>span,.puzzle-piece-spacer>span{padding:4px}.piece-status{font-size:.875rem}.piece-badge{top:2px;right:4px}.puzzle-paging{margin-top:8px}.puzzle-paging button{padding:8px 10px}.weekly-panel.weekly-catalogue{gap:8px}.weekly-filter-buttons{display:none}.weekly-filter-select{align-items:center;gap:8px;display:flex}.weekly-filter-select select{flex:1}.weekly-catalogue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.weekly-piece{flex-direction:column;justify-content:center;gap:0;min-height:68px;padding:4px;display:flex}.weekly-piece strong{font-size:.875rem}.weekly-piece-art,.weekly-piece-art svg{width:24px;height:24px}.weekly-piece-art .binary-mini{transform:scale(.18)}.session-clock{gap:8px;padding:4px 8px}.player-heading{margin:4px 0}.settings-layout{grid-template-columns:1fr;gap:8px}.settings-column{gap:8px}.settings-group{padding:12px}.settings-desktop-title{display:none}.settings-disclosure{text-align:left;width:100%;box-shadow:none;justify-content:space-between;padding:0;display:flex}.settings-disclosure small{color:var(--muted);font-size:.875rem;font-weight:400;display:block}.settings-group-body{visibility:hidden;opacity:0;grid-template-rows:0fr;transition:grid-template-rows .26s cubic-bezier(.22,.68,.25,1),padding-top .26s cubic-bezier(.22,.68,.25,1),opacity .18s,visibility 0s linear .26s;display:grid}.settings-group-content{min-height:0;overflow:hidden}.settings-group.is-open>.settings-group-body{visibility:visible;opacity:1;grid-template-rows:1fr;padding-top:8px;transition:grid-template-rows .26s cubic-bezier(.22,.68,.25,1),padding-top .26s cubic-bezier(.22,.68,.25,1),opacity .18s,visibility}:root[data-motion=reduced] .settings-group-body{transition:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) .settings-group-body{transition:none}}.social-layout{grid-template-columns:1fr;gap:8px}.social-tabs{background:var(--soft);border-radius:16px;gap:4px;margin-bottom:12px;padding:4px;display:flex}.social-tabs button{isolation:isolate;min-height:44px;color:var(--muted);background:0 0;border:0;flex:1;position:relative}.social-tabs button[aria-selected=true]{color:var(--text)}.copy-label-long{display:none}.copy-label-short{display:inline}.invitation-panel .social-button{padding-inline:8px}.social-layout[data-tab=friends] .invitation-panel,.social-layout[data-tab=invitations] .friends-panel{display:none}.friends-heading .button{font-size:.875rem}}@media (width<=900px){.daily-session .page-heading.daily-session-heading{grid-template-columns:minmax(0,1fr);grid-template-areas:"title""stages"}.daily-session-heading>.session-heading-copy{min-width:0}.daily-session-heading>.session-stages{justify-content:flex-start;width:100%}}@media (width<=767px) and (height<=700px){.difficulty-selector button{gap:6px;min-height:64px}.daily-set-summary,.daily-stages{display:none}.daily-panel,.weekly-panel{padding:8px 12px}.today-grid .weekly-progress-pieces{margin-bottom:8px}.weekly-piece{flex-flow:wrap;align-content:center;column-gap:4px;min-height:44px;line-height:1.2}.weekly-piece strong{text-align:center;flex-basis:100%;order:-1}.weekly-piece .weekly-piece-difficulty{display:flex;position:static}.weekly-piece .weekly-piece-difficulty .ponder-icon{width:16px;height:16px}.weekly-piece-art,.weekly-piece-state-word,.weekly-catalogue .weekly-progress-pieces{display:none}.weekly-catalogue .weekly-next-actions .button,.weekly-catalogue .weekly-action-placeholder{min-height:44px}}@media (width<=767px){.header-tools{gap:4px}.profile-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-stat-grid>div:last-child{grid-column:1/-1}.profile-puzzle-types ul{grid-template-columns:1fr}.onboarding-card{margin-top:16px}}.today-grid .daily-primary-action,.today-grid .weekly-next-actions>.button:not(.secondary){min-height:56px;font-size:1.125rem}.today-grid .daily-secondary-action,.today-grid .weekly-next-actions>.button.secondary{min-height:48px;font-size:1rem}.library-events{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.library-events .panel{padding:16px}.library-events .section-label h2{font-size:1.25rem}.library-events .refresh-countdown time{font-size:1rem}.library-events .button{width:100%;min-height:44px}.compact-daily-art{gap:8px;margin:8px 0 12px;display:flex}.compact-daily-loading{position:relative}.compact-daily-loading>.loading-indicator{position:absolute;top:10px;right:0}.compact-daily-art>.compact-daily-placeholder{background:var(--soft);border:1px solid var(--line)}.compact-daily-art>span{background:var(--family-color);color:var(--piece-ink);border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.compact-daily-art svg{width:24px;height:24px}.compact-daily-art .binary-mini{transform:scale(.2)}.compact-availability{font-size:.875rem}.weekly-compact .weekly-progress-pieces{height:10px;margin:4px 0 12px}.weekly-compact .weekly-next-actions{margin-top:auto}@media (width>=768px){.play-tools .mobile-rules{display:none}}@media (width<=767px){.today-grid .refresh-countdown{flex-direction:column;flex:0 auto;align-items:flex-end;max-width:100%;margin-left:auto}.refresh-countdown time{padding:2px 10px}.loading-countdown-time{height:29px}.weekly-progress-pieces{height:12px;margin:4px 0 12px}.weekly-summary .weekly-next-actions,.library-events{gap:8px}.library-events>.panel{grid-column:1/-1}.library-events .panel{padding:12px 16px}.library-events .refresh-countdown{flex-basis:100%;justify-content:flex-start}.library-events .refresh-countdown>span{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.library-events .refresh-countdown time{background:0 0;padding:0;font-size:.875rem}.library-events .section-label{gap:2px;margin-bottom:4px}.library-events .button{padding:4px;font-size:.875rem}.library-events .compact-daily-art{margin:8px 0 12px}.library-events .compact-daily-art>span{width:32px;height:32px}.practice-actions{padding-bottom:8px}}@media (width<=767px) and (height<=700px){.library-events .panel{padding:12px}.practice-actions{padding-bottom:4px}.family-face{gap:4px;min-height:64px;padding:4px}.family-art,.family-art svg{width:28px;height:28px}.family-art .binary-mini{transform:scale(.22)}.today-grid{gap:8px}.today-grid .daily-primary-action,.today-grid .daily-secondary-action,.today-grid .weekly-next-actions>.button{min-height:44px}.today-grid .weekly-summary .section-label{margin-bottom:4px}.today-grid .refresh-countdown time{font-size:1rem}.today-grid .weekly-progress-pieces{height:8px;margin:0 0 8px}.today-grid .weekly-progress-copy{margin-bottom:4px}}@media (width<=767px){.today-grid .daily-stages,.today-grid .daily-stages.six-stages{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;display:grid;overflow:visible;-webkit-mask-image:none;mask-image:none}.today-grid .daily-stages li{border-radius:12px;min-width:0;min-height:44px;padding:4px;position:relative}.today-grid .daily-stages li>div{min-height:36px}.today-grid .daily-family-title,.today-grid .daily-family-placeholder{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.today-grid .daily-family-name .ponder-icon{width:14px;height:14px;position:absolute;top:2px;right:2px}.today-grid .weekly-summary-puzzles{display:none}}.choice-group{background:0 0;border:0;border-radius:0;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:8px;width:auto;padding:0;display:grid}.choice-group .choice{isolation:isolate;border:1px solid var(--line);background:var(--surface);min-width:0;min-height:48px;color:var(--text);text-align:center;box-shadow:none;border-radius:12px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:1rem;font-weight:600;line-height:1.2;display:flex;position:relative;transform:none}.choice-group .choice>*{z-index:1;position:relative}.choice-group .choice:is(.is-selected,[aria-checked=true]){border-color:var(--action);background:var(--selected);box-shadow:inset 0 0 0 1px var(--action);color:var(--text)}@media (hover:hover) and (pointer:fine){.choice-group .choice:hover{border-color:var(--action);filter:none}}.choice-group .choice>.ponder-icon,.choice-group :is(.theme-choice-check,.motion-choice-check){color:var(--action)}.choice-group :is(.theme-choice-check,.motion-choice-check){opacity:1;background:0 0;width:auto;height:auto;font-size:1rem;display:inline-grid;position:static;transform:none}.choice-group :is(.theme-choice-icon,.sound-choice-icon){background:0 0;border-radius:0;width:24px;height:24px}.choice-group.difficulty-selector{width:min(100%,660px);margin-inline:auto}.choice-group .choice>.difficulty-pill{z-index:0;background:var(--selected);box-shadow:inset 0 0 0 2px var(--action);border-radius:12px;position:absolute;inset:-1px}.choice-group.difficulty-selector .choice[aria-checked=true]{box-shadow:none;background:0 0;border-color:#0000}.choice-group .difficulty-dots .ponder-icon{width:24px;height:16px}.choice-group.weekly-filter-buttons{flex-wrap:wrap;display:flex}.choice-group.weekly-filter-buttons .choice{flex:none;min-height:44px}@media (width<=767px){.choice-group.weekly-filter-buttons{display:none}}@media (width<=600px){.choice-group:not(.weekly-filter-buttons) .choice{flex-direction:column;gap:2px;min-height:56px;padding:6px 4px}.choice-group:not(.weekly-filter-buttons) .choice>.ponder-icon:last-child,.choice-group :is(.theme-choice-check,.motion-choice-check){font-size:.875rem;position:absolute;top:4px;right:4px}}@media (width<=600px) and (height<=700px){.choice-group.difficulty-selector .choice{min-height:48px;padding-block:4px}}.tabs{background:var(--soft);border-radius:16px;flex-wrap:wrap;gap:4px;padding:4px;display:inline-flex}.tabs [role=tab]{isolation:isolate;min-height:44px;color:var(--muted);box-shadow:none;background:0 0;border:0;padding:0 16px;position:relative}.tabs [role=tab][aria-selected=true]{color:var(--text)}.tabs [role=tab] .nav-bubble{z-index:-1;background:var(--surface);box-shadow:0 2px 0 var(--line);border-radius:12px;position:absolute;inset:0}.social-tabs.tabs{display:none}@media (width<=767px){.social-tabs.tabs{margin-bottom:12px;display:flex}.social-tabs.tabs [role=tab]{flex:1}}.account-invitation{--focus-color:var(--piece-ink);--action:var(--piece-action);--on-action:#fff;background:var(--family-binary);max-width:720px;color:var(--piece-ink);border-radius:24px;gap:12px;margin-bottom:16px;padding:24px;display:grid}.account-invitation h2{margin:0;font-size:1.5rem}.account-invitation p{color:var(--piece-ink);margin:0}.account-invitation-actions{flex-wrap:wrap;gap:8px;display:flex}.account-invitation .button.secondary{color:var(--piece-ink);background:#ffffffa8}.library-today-link{margin-top:16px}@media (width<=767px) and (height<=700px){.today-grid .daily-stages,.today-grid .daily-stages.six-stages{display:none}}@media (width<=400px){.today-grid .daily-footer-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.today-grid .daily-footer-button:has(.daily-footer-label){width:44px;padding:0}}@media (width>=768px){.daily-session>.page-reveal{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:20px;display:grid}.daily-session>.page-reveal>*{grid-column:1/-1;min-width:0}.daily-session>.page-reveal>.back-link{grid-column:1;margin:0}.daily-session>.page-reveal>.daily-session-heading{grid-column:2;padding:4px 0}.session-clock{padding:6px 12px}.session-clock>div,.session-clock p{align-items:baseline;gap:8px;display:flex}.session-clock p>span,.session-clock.race p>span{min-height:0;display:inline}.session-clock strong{font-size:1.125rem}}@media (width<=480px){.pager-word{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.session-loading-day,.session-loading-title{vertical-align:middle;height:1em;display:inline-block}.session-loading-day{width:14ch}.session-loading-title{width:10ch}.daily-session-loading .session-stages .stage-symbol{background:var(--soft);border:1px solid var(--line)}.daily-session-loading .session-stages .stage-symbol-fallback{visibility:hidden}.results-history{min-width:0}.results-history .daily-results-heading{grid-template-columns:auto minmax(0,1fr) auto;margin-bottom:8px;padding-block:8px;display:grid}.results-history .daily-results-heading>.back-link{margin:0}.results-toolbar,.results-date-controls,.results-toolbar-status{align-items:center;gap:8px;display:flex}.results-toolbar{flex-wrap:wrap;justify-content:space-between;margin-bottom:12px}.results-date-controls{flex-wrap:wrap}.results-date-arrow,.results-refresh{min-width:44px;min-height:44px;padding:8px}.results-date-picker{font-variant-numeric:tabular-nums;min-width:150px}.results-date-caret{transform:rotate(90deg)}.results-publication{text-align:center;min-width:64px;font-size:.875rem;font-weight:650}.results-publication[data-publication=final]{background:var(--lilac);color:var(--piece-ink)}.results-own{gap:12px;min-height:100px;margin:0 0 16px;padding:16px 20px;position:relative}.results-own h2{margin:0 0 4px;font-size:1.125rem}.results-own .own-result-avatar-placeholder{border-radius:50%;width:52px;height:52px}.results-own .own-result-meta{flex:0 auto;min-height:60px;font-size:.875rem}.results-own>.loading-indicator{position:absolute;bottom:8px;right:16px}.results-own-empty{margin:0;font-size:1rem}.results-own a{color:var(--piece-ink)}.results-own-percentile{flex-wrap:wrap;justify-content:end;align-items:baseline;gap:8px;display:flex}.results-own-percentile strong{font:750 1.5rem/1 Bricolage,system-ui,sans-serif}.results-own-time-placeholder{width:7rem;height:calc(1.08*clamp(2rem,4vw,2.75rem));margin:0}.results-own-meta-placeholder{width:10rem;margin:0}.results-panels{align-items:stretch;gap:16px;display:grid}.results-panels>.settings-group{min-width:0;margin:0;padding:16px;position:relative}.results-panels .settings-desktop-title{font-size:1.375rem}.results-panels .statistics-compact{background:0 0;border:0;border-radius:0;margin:0;padding:0}.statistics-compact .statistics-heading{justify-content:end;margin:12px 0 0}.statistics-compact .statistics-meta-item{border-radius:10px;gap:8px;min-height:32px;padding:6px 10px;display:flex}.statistics-compact .statistics-meta-label{text-transform:none;letter-spacing:0;font-weight:600}.statistics-compact .statistics-meta-item--count strong{font-size:1rem}.statistics-compact .statistics-chart{margin-top:12px;padding:12px 12px 8px}.statistics-compact .statistics-chart-plot{height:10rem}.statistics-compact .statistics-chart figcaption{margin-top:8px;font-size:.875rem}.statistics-compact .statistics-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}.statistics-compact .statistics-values>div{border-radius:16px;min-height:72px;padding:12px}.statistics-compact .statistics-values dd{margin-top:4px;font-size:1.5rem}.statistics-compact .statistics-explanation{margin-top:8px;font-size:.875rem}.statistics-compact .statistics-explanation summary{cursor:pointer;min-height:44px;padding-block:10px}.statistics-compact .statistics-explanation p{margin-bottom:8px}.results-history .group-tabs{margin-block:12px}.results-history .ranking-scroll{max-height:22rem}.results-history .rank-player{min-height:44px}.results-friends{min-width:0;display:flex}.results-friends>.settings-group{width:100%}.results-friends .settings-group{margin:0;padding:16px}.results-statistics-loading .statistics-heading>.loading-bar{width:7rem;height:32px;margin:0}.results-statistics-loading .statistics-chart-axis-labels>span{align-items:center;min-height:1.55em;display:flex}.results-statistics-loading .statistics-chart-axis-labels .loading-bar{width:2.5em;height:1em}.results-statistics-loading .statistics-values dd .loading-bar{width:5rem;height:1.12em;margin:0}.results-about-placeholder{align-items:center;height:52px;display:flex}.results-about-placeholder .loading-bar{width:10rem;margin:0}.results-tabs-placeholder{background:var(--soft);border-radius:16px;height:52px;margin-block:12px;padding:8px}.results-tabs-placeholder .loading-bar{width:45%;height:24px;margin:4px 0}.friends-comparison .results-table-placeholder{overflow:hidden}.results-table-placeholder .loading-bar{width:100%;height:18px;margin:0}.results-table-placeholder .friend-avatar{border-radius:50%;flex:0 0 38px;width:38px;height:38px}.results-table-placeholder .friend-display-name{width:7rem;max-width:100%}.results-table-placeholder td:first-child .loading-bar,.results-table-placeholder .rank-hints .loading-bar{width:1.5rem;max-width:100%;display:inline-block}.results-table-placeholder .rank-time .loading-bar{width:4.5rem;max-width:100%;display:inline-block}.results-calendar-modal{width:min(400px,100vw - 24px);padding:20px}.results-calendar-month{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.results-calendar-month strong{font:650 1.25rem/1.2 Bricolage,system-ui,sans-serif}.results-calendar-month button{min-width:44px;min-height:44px;padding:8px}.results-calendar-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;display:grid}.results-calendar-weekday{text-align:center;color:var(--muted);padding-block:8px;font-size:.875rem}.results-calendar-grid button{border-radius:12px;min-width:0;min-height:44px;padding:4px}.results-calendar-grid button[aria-pressed=true]{background:var(--action);color:var(--on-action)}.results-calendar-grid button[data-today=true]{box-shadow:inset 0 0 0 1px var(--action)}.results-calendar-grid button:disabled{color:var(--muted);opacity:.45}.results-calendar-note{text-align:center;color:var(--muted);margin:12px 0 8px;font-size:.875rem}.results-calendar-today{width:100%}@media (width>=1024px){.results-panels{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.results-global{grid-area:2/1/auto/-1}.results-panels>.groups-comparison{grid-area:1/1}.results-friends{grid-area:1/2}.results-own{min-height:84px;margin-bottom:12px;padding-block:12px}.results-own .own-result-meta{min-height:4.25rem}.results-global>.settings-desktop-title{min-height:32px;padding-right:8rem}.results-global .statistics-heading{margin:0;position:absolute;top:16px;right:16px}}@media (width>=1024px) and (height<=800px){.results-history .statistics-chart-plot{height:7.5rem}.results-history .ranking-scroll{max-height:18rem}}@media (width<=767px){.results-history .daily-results-heading{grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;padding-top:0}.results-history .daily-results-heading>.back-link{grid-column:1/-1}.results-history .daily-results-heading h1{font-size:1.75rem}.results-history .daily-results-heading>.button{min-height:44px;padding:8px 12px}.results-toolbar{gap:4px}.results-date-controls{flex-wrap:nowrap;flex:180px;gap:4px}.results-date-picker{flex:1;min-width:5.5rem;padding-inline:8px}.results-current-date .results-date-full,.results-today{display:none}.results-toolbar-status{flex:none;justify-content:space-between}.results-own{flex-wrap:wrap;gap:8px;min-height:108px;margin-bottom:12px;padding:12px 16px}.results-own .own-result-identity{flex-basis:100%}.results-own .own-result-main{flex:7rem;min-width:0}.results-own .own-result-meta{text-align:right;flex:9rem;align-content:center;justify-items:end;gap:4px;min-height:5rem}.results-own-percentile{flex-direction:column;align-items:end;gap:0}.results-own .own-result-hints{padding:4px 8px;font-size:.875rem}.results-own .own-result-hints strong{font-size:1rem}.results-panels{gap:12px}.results-panels>.settings-group,.results-friends .settings-group{padding:12px}.results-panels .settings-disclosure{padding:0}.statistics-compact .statistics-chart-content{min-width:0}.statistics-compact .statistics-chart-scroll{overflow:visible}.results-calendar-modal{width:min(400px,100vw - 16px);padding:8px}}@media (width<=600px){.results-table-placeholder .friend-avatar{flex-basis:22px;width:22px;height:22px}}