.entry-shell .main-navigation,.entry-shell .header-tools,.welcome-shell .site-footer{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}.welcome-shell .site-header{z-index:2;background:var(--canvas);position:relative}.welcome-shell>main,.welcome-shell .presence-slot{flex-direction:column;display:flex}.welcome-shell .presence-slot,.welcome-page{flex:1}.welcome-page{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(24px,4vw,56px);display:grid}.welcome-copy{z-index:1;background:var(--canvas);min-width:0;padding:20px 0;position:relative}.welcome-copy h1{max-width:11ch;margin:0 0 24px;font-size:clamp(3rem,5.2vw,4.75rem);line-height:.98}.welcome-copy>p{max-width:44ch;margin-bottom:32px;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.45}.welcome-actions{text-align:center;justify-items:stretch;gap:6px;max-width:496px;display:grid}.welcome-actions>a{place-items:center;min-height:44px;font-weight:600;display:grid}.welcome-actions>.button{min-height:56px;margin-bottom:6px}.welcome-actions>a:last-child{color:var(--muted);font-weight:500}.welcome-art{z-index:0;pointer-events:none;isolation:isolate;min-width:0;height:min(520px,66dvh);position:relative;overflow:visible}.welcome-art-circle{aspect-ratio:1;background:var(--citron);border-radius:50%;width:min(79%,59dvh);position:absolute;top:10%;left:12%}.welcome-piece-slot{aspect-ratio:1;width:min(45%,35dvh);position:absolute}.welcome-piece-paths{z-index:1;top:6%;left:43%;transform:rotate(7deg)}.welcome-piece-light{z-index:2;top:37%;left:6%;transform:rotate(-11deg)}.welcome-piece-binary{z-index:3;top:38%;left:49%;transform:rotate(8deg)}.welcome-piece-arrival,.welcome-piece-float,.welcome-piece-card{width:100%;height:100%}.welcome-piece-card{background:var(--surface);border:8px 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{max-width:640px;margin:clamp(24px,8vh,96px) auto}@media (width<=767px){.welcome-page{flex-direction:column;justify-content:center;align-items:stretch;gap:4px;padding-bottom:12px;display:flex}.welcome-art{flex:none;order:-1;align-self:center;width:min(100%,390px);height:clamp(195px,34dvh,300px)}.welcome-art-circle{width:min(72%,260px,30dvh);top:2%;left:16%}.welcome-piece-slot{width:min(42%,148px,16.5dvh)}.welcome-piece-paths{top:10%;left:38%}.welcome-piece-light{top:34%;left:8%}.welcome-piece-binary{top:42%;left:51%}.welcome-piece-card{border-width:6px}.welcome-copy{text-align:center;padding:4px 0 0}.welcome-copy h1{margin:0 auto 12px;font-size:clamp(2rem,8vw,2.7rem);line-height:1.03}.welcome-copy>p{margin:0 auto 18px;font-size:1rem}.welcome-actions{max-width:none}.welcome-actions>.button{min-height:48px}.account-entry{justify-content:flex-start;gap:12px;padding:8px 0 24px}.account-entry-card>p{margin-bottom:16px}}@media (width<=767px) and (height<=700px){.welcome-art{height:205px}.welcome-art-circle{width:min(58%,28dvh);left:22%}.welcome-piece-slot{width:min(38%,122px)}.welcome-piece-light{top:27%}.welcome-piece-binary{top:28%}.welcome-copy h1{font-size:2rem}.welcome-copy>p{margin-bottom:10px}}@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;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Instrument,system-ui,sans-serif;font-size:16px;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}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{opacity:.45;cursor:default}button.quiet{color:var(--action);background:0 0}.secondary{background:var(--soft);color:var(--text)}button:hover:not(:disabled),.button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid var(--action);outline-offset:4px}h1,h2,h3{letter-spacing:-.035em;font-family:Bricolage,system-ui,sans-serif;font-weight:650;line-height:1.08}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:.78rem}.eyebrow{text-transform:uppercase;letter-spacing:.14em;margin:0;font-size:.69rem;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:.8rem;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:10px;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}.back-link:hover{color:var(--text);text-underline-offset:3px;text-decoration:underline}.back-link:focus-visible{outline:3px solid var(--action);outline-offset:2px}.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}.fixed-dot{background:currentColor;border-radius:50%;width:4px;height:4px;position:absolute;bottom:6px;left:calc(50% - 2px)}.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:.75rem}.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:.75rem;font-weight:450}.save-status{text-align:center;color:var(--muted);margin:8px 0 0;font-size:.875rem}.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:.8rem}.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}.offline-banner{background:var(--soft);border-radius:12px;margin:24px 0;padding:12px 20px;font-size:.9rem}.skip-link{z-index:10;background:var(--surface);padding:12px;position:fixed;top:-100px;left:16px}.skip-link:focus{top:12px}@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){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.play-tools button[aria-disabled=true]{opacity:.45;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:.85rem}.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:.75rem}.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-data-modal button.danger,.account-deletion-modal button.danger{background:var(--danger);color:var(--surface)}.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 [role=status],.guest-import [role=alert]{margin-top:16px}.deletion-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.deletion-status{max-width:760px;margin:48px auto}.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:10px;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{inset-inline:16px;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;pointer-events:none;justify-content:center;display:flex;position:fixed}.social-toast{border:1px solid var(--citron);color:#f7f8f2;background:#20251f;border-radius:16px;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-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:focus-within{outline:3px solid var(--action);outline-offset:2px}.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}.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(--line);border-radius:.6rem;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(--line);border-radius:.5rem;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:10px;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}.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{grid-template-columns:2rem minmax(0,1fr);align-items:stretch;display:grid}.statistics-chart-plot svg{width:100%;height:auto;overflow:visible}.statistics-chart-y-axis{min-width:0;color:var(--muted);text-align:right;flex-direction:column;padding-block:.25rem .7rem;font-size:.75rem;line-height:1;display:flex}.statistics-chart-axis-title{width:max-content;margin-bottom:.25rem;font-size:.65rem;font-weight:600;position:relative;left:-.25rem}.statistics-chart-y-ticks{flex-direction:column;flex:1;justify-content:space-between;display:flex}.statistics-chart-axis-labels{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;margin:0 3.125% 0 calc(2rem + 3.125%);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:12px;font-weight:700}.statistics-marker-label--median{fill:var(--action)}.statistics-marker-label--stacked{transform:translateY(4px)}.statistics-chart figcaption{color:var(--muted);margin-top:.25rem;font-size:.875rem}.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}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(--citron)}.rectangles{--family-color:var(--apricot)}.paths{--family-color:var(--lilac)}.light-up{--family-color:var(--gold)}.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:18px;grid-template-columns:repeat(5,minmax(0,1fr));margin-top:8px;padding:8px}.play-tools button{min-height:48px;box-shadow:none;border-radius:12px}.play-tools button:hover{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{margin-bottom:16px;font-size:.8rem}.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)}.fixed-dot{width:5px;height:5px;bottom:7px}.puzzle-cell.rule-conflict{outline-offset:-4px;outline:3px solid #bd3451;animation:.22s ease-out rule-pulse}.rule-message{background:var(--surface);border:2px solid #bd3451;border-radius:12px;margin:12px 0;padding:10px 14px;font-size:.85rem}@keyframes rule-pulse{0%{translate:-2px}40%{translate:2px}to{translate:0}}.board-overlay{z-index:8;background:color-mix(in srgb, var(--canvas) 70%, transparent);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:2px solid var(--line);border-radius:26px;outline:none;width:min(100%,430px);max-height:min(100%,100dvh - 140px);padding:26px;font-size:.9rem;overflow:auto;box-shadow:0 8px #20251f18}.board-dialog h2{margin:0 0 16px;font-size:2rem}.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{--action:#5743bf;--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:#5743bf;margin-bottom:18px;font-size:2.5rem;display:block}.daily-session .player-page{padding-top:0}.race-puzzle-transition-slot{min-width:0;transition:height .23s ease-in-out;position:relative;overflow:visible}.race-puzzle-transition-slot.is-static{transition:none;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.65rem}.board-overlay{padding:8px}.board-stage{min-height:0}.play-tools{gap:2px;padding:4px}.play-tools button{min-height:50px}.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:13px;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:#443493;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);margin-block:.75rem 0;overflow:auto}.friends-comparison .ranking-scroll::-webkit-scrollbar{display:none}.friends-comparison .ranking-scroll[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)}.friends-comparison .ranking-scroll[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)}.friends-comparison .ranking-scroll[data-overflow-start=true]:not([data-overflow-end=true]){-webkit-mask-image:linear-gradient(#0000,#000 18px);mask-image:linear-gradient(#0000,#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>summary:hover,.rank-actions-menu[open]>summary{background:color-mix(in srgb, var(--lilac) 60%, var(--surface))}:root[data-theme=dark] .rank-actions-menu>summary:hover,:root[data-theme=dark] .rank-actions-menu[open]>summary{background:color-mix(in srgb, var(--action) 16%, var(--surface))}.rank-actions-menu>summary:focus-visible{outline:3px solid var(--action);outline-offset:2px}.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}.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{grid-template-columns:1.65rem minmax(0,1fr)}.statistics-chart-y-axis{font-size:.65rem}.statistics-chart-axis-title{font-size:.58rem}.statistics-chart-axis-labels{margin-left:calc(1.65rem + 3.125%);font-size:.75rem}.statistics-chart-axis-labels span:nth-child(2n){display:none}.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{font-size:.72rem}.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:.82rem;overflow:hidden}.friends-comparison .tag{margin-left:.15rem;padding:.15rem .3rem;font-size:.65rem}.friends-comparison .friend-avatar{width:22px;height:22px}.friends-comparison .rank-actions-menu>summary{width:40px;height:44px}.friends-comparison .rank-time{text-align:right;white-space:nowrap;font-size:.75rem;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:.75rem}}@media (width>=441px) and (width<=700px){.statistics-marker-label{stroke-width:6px;font-size:18px}.statistics-marker-label--stacked{transform:translateY(8px)}}@media (width<=440px){.friends-comparison .rank-actions-menu{display:none}.statistics-marker-label{stroke-width:8px;font-size:28px}.statistics-marker-label--stacked{transform:translateY(28px)}}.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:.78rem;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:#443493;background:0 0;border-color:#5743bf66}.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{background:var(--surface);color:var(--text);border-radius:12px;margin-top:8px;padding:10px 12px}.hint-strip p{margin:0}.hint-strip .hint-instruction{font-weight:650}.hint-strip .hint-explanation{margin-top:4px;font-size:.875rem}.puzzle-cell.hint-target{outline:3px solid var(--hint-stroke,var(--action));outline-offset:-4px;box-shadow:inset 0 0 12px 2px color-mix(in srgb, var(--hint-stroke,var(--action)) 28%, transparent), 0 0 10px 3px color-mix(in srgb, var(--action) 45%, transparent);z-index:3}.puzzle-cell.hint-target:after{content:"";border:7px solid var(--action);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}.blooms-grid .puzzle-cell,.binary-grid .puzzle-cell:is(.symbol-0,.symbol-1),.light-up-grid .lit-cell{--hint-stroke:#5243c2}[data-playfield] .puzzle-cell{transition:filter .65s ease-in-out}[data-playfield]:has(.hint-target,.hint-geometry) .puzzle-cell:not(.hint-target,.hint-focus){filter:brightness(.58)}.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),[data-motion=reduced] .hint-target:after{animation:none}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]) :is(.hint-target,.hint-geometry),:root:not([data-motion=full]) .hint-target: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}.instructions-toggle{z-index:10;pointer-events:none;justify-content:flex-end;display:flex;position:sticky;top:8px}.instructions-toggle button{pointer-events:auto;background:var(--surface);margin-bottom:12px}@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){.instructions-toggle{display:none}}: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:28px;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{min-width:44px;min-height:44px;margin:0;padding:0;font-size:1.4rem}.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}.puzzle-cell.rule-conflict{animation-duration:.169s}.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}.play-layout .board-wrap{width:min(100%,clamp(300px,100dvh - 300px,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,100dvh - 260px,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{color:#fff;background:#5743bf;justify-content:space-between;width:100%;min-height:60px;padding:16px 24px;font-size:1.05rem}.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;background:currentColor;border-radius:50%;width:42%;display:block;position:relative}.ribbon-selected .ribbon-endpoint{outline-offset:3px;outline:2px solid}.ribbon-lines{z-index:2}.blooms{--family-color:#c8e5d0}.ribbons{--family-color:#9edbd7}: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}.onboarding-shell .main-navigation{display:none}.app-shell.onboarding-shell>main{flex:none}.onboarding-shell .site-footer{border:0;flex-direction:row;justify-content:center;width:min(100%,440px);margin:12px auto 0;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>summary:focus-visible,.account-menu[open]>summary{outline:2px solid var(--action);outline-offset:2px}.account-menu-panel{background:var(--surface);border:1px solid var(--line);min-width:168px;box-shadow:0 3px 0 var(--line);border-radius:12px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.account-menu-panel>a,.account-menu-panel>button{min-height:44px;color:var(--text);text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;padding:8px 10px;text-decoration:none;display:flex}.account-menu-panel>a:hover,.account-menu-panel>button:hover{background:var(--soft)}.account-menu-panel>.menu-sign-out{border:1px solid var(--danger-border);background:var(--danger-surface);color:var(--danger)}.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%;width:min(100%,900px);margin-inline:auto}: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(--mint)}.profile-puzzle-types li[data-family=ribbons]{--profile-family-color:var(--sky)}.profile-puzzle-types li[data-family=binary]{--profile-family-color:var(--citron)}.profile-puzzle-types li[data-family=paths]{--profile-family-color:var(--lilac)}.profile-puzzle-types li[data-family=light-up]{--profile-family-color:var(--gold)}.profile-puzzle-types li[data-family=rectangles]{--profile-family-color:var(--apricot)}.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:focus-within{outline:3px solid var(--action);outline-offset:2px}.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%}.binary-grid .puzzle-cell[aria-disabled=true] .binary-piece{transform:translateY(-5px)}.binary-grid .fixed-dot{width:4px;height:4px;bottom:15px;left:calc(50% - 2px)}}.app-shell{flex-direction:column;max-width:1248px;min-height:100dvh;margin:auto;padding:0 32px;display:flex}.app-shell>main{flex:1;min-width:0}.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}.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);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:12px;min-height:52px;margin-top:12px;padding:4px 0;font-size:.875rem;display:grid}.site-footer .ponder-logo{width:88px}.footer-brand{white-space:nowrap;grid-column:2;justify-content:center;align-items:center;gap:5px;display:inline-flex}.footer-credit{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-credit a:hover{color:var(--text);text-decoration-color:currentColor}.footer-privacy{min-height:44px;color:var(--muted);grid-column:3;justify-self:end;align-items:center;display:inline-flex}.footer-privacy:hover{color:var(--text)}@media (width<=767px){.site-footer{grid-template-columns:minmax(0,1fr);justify-items:center;row-gap:4px}.footer-brand,.footer-privacy{grid-column:1;justify-self:center}}.privacy-sections{gap:32px;margin:28px 0;display:grid}.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(--action);background:var(--soft);font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;border-radius:12px;min-width:14ch;padding:4px 10px;font-family:Bricolage,system-ui,sans-serif;font-size:1.375rem;font-weight:650}summary{cursor:pointer;min-height:44px;color:var(--action);padding-block:10px}select{font:inherit;border:1px solid var(--line);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:.8125rem;font-weight:650;display:inline-flex}.daily-set-progress{color:var(--muted);margin-left:auto;font-size:.8125rem}.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:.8125rem;line-height:1.25}.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:64px;font-family:Bricolage,system-ui,sans-serif;font-size:1.25rem;font-weight:700}.daily-secondary-action{border-color:var(--line);min-height:52px;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:.8125rem}.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);border-radius:24px;padding:24px;overflow:auto;box-shadow:0 12px 40px #0005}.app-modal::backdrop{background:color-mix(in srgb, var(--canvas) 78%, transparent);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.75rem}.app-modal-close{min-width:44px;min-height:44px;padding:0;font-size:1.5rem}.app-modal p{color:var(--muted);margin-bottom:20px}.app-modal-action,.app-modal-later{width:100%}.app-modal-action{min-height:52px}.app-modal-later{border-color:var(--line);margin-top:8px}.invite-modal{text-align:center}.invite-modal::backdrop{background:#1d241f8f}.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{margin-bottom:18px;display:block}.invite-modal .app-modal-heading h2{overflow-wrap:anywhere;flex:none;max-width:320px;margin:0 auto 12px;font-size:1.8rem}.invite-modal p{max-width:330px;margin:0 auto 24px}.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-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);opacity:.78;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:3px solid var(--action);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-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-panel.weekly-catalogue{padding:16px}.weekly-catalogue .weekly-progress-pieces{margin-bottom:12px}.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-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(3,minmax(0,1fr));gap:12px;margin:0 0 16px;display:grid}.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}.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}.library-learn:hover{text-decoration:underline}.library-learn-icon{place-items:center;width:22px;height:22px;display:inline-grid}.catalogue-placeholder{position:relative}.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}.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:52px}.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:52px}.practice-actions>.button{min-height:52px}.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-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}.adsense-placement{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:12px;width:min(100%,728px);min-height:112px;margin:20px auto 0;padding:8px}.adsense-label{color:var(--muted);margin-bottom:4px;font-size:.75rem;display:block}.adsense-placement .adsbygoogle{min-height:80px}.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 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{background:var(--soft);width:32px;height:32px;color:var(--action);border-radius:11px;place-items:center;display:grid}.theme-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)}.theme-choice:hover,.motion-choice:hover{border-color:var(--action)}.theme-choice:active,.motion-choice:active{transform:scale(.98)}.theme-choice:focus-within,.motion-choice:focus-within{outline:3px solid var(--action);outline-offset:2px}.motion-choice-grid{background:var(--soft);border-radius:16px;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:4px;display:grid}.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:3px solid var(--action);outline-offset:3px}.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}.social-list{margin:8px 0;padding:0;list-style:none}.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:.75rem;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>summary:hover,.friend-more[open]>summary{background:color-mix(in srgb, var(--lilac) 60%, var(--surface))}:root[data-theme=dark] .friend-more>summary:hover,:root[data-theme=dark] .friend-more[open]>summary{background:color-mix(in srgb, var(--action) 16%, var(--surface))}.friend-more>summary:focus-visible{outline:3px solid var(--action);outline-offset:2px}.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,.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{gap:12px;max-width:760px;margin-inline:auto;display:grid}.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{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);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}.calm-result-details .calm-result-save{text-align:center;justify-content:center;font-size:.875rem}.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 button:focus-visible{outline:3px solid var(--action);outline-offset:2px}.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:.8rem;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<=600px){.calm-result-details{grid-template-columns:minmax(0,1fr)}}@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))}.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:12px}.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-catalogue{box-shadow:none;background:0 0;border:0;padding:0}.weekly-catalogue .section-label{float:right;margin:0}.weekly-catalogue .section-label h2,.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-pressed=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{min-height:48px}.weekly-piece-art,.weekly-catalogue .weekly-progress-pieces{display:none}.weekly-catalogue .weekly-next-actions .button{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{min-height:64px;font-size:1.25rem}.today-grid .daily-secondary-action{min-height:52px;font-size:1rem}.today-grid .weekly-next-actions>.button{min-height:60px;font-size:1.125rem}.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-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{grid-template-columns:repeat(4,minmax(0,1fr))}.play-tools .mobile-rules{display:none}}@media (width<=767px){.today-grid .daily-primary-action{min-height:60px;font-size:1.125rem}.today-grid .daily-secondary-action,.today-grid .weekly-next-actions>.button{min-height:52px;font-size:1rem}.refresh-countdown time{padding:2px 6px;font-size:1.125rem}.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}}