:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f4f7fb;--surface:#fff;--surface-2:#ecf2f8;--line:#cad4e0;--text:#102131;--muted:#5b6d81;--accent:#0a76d1;--ok:#236a45;--error:#9b2f3e}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0f1622;--surface:#161f2e;--surface-2:#1a2637;--line:#2d3a50;--text:#edf3fa;--muted:#acbbca;--accent:#68a9e7;--ok:#6ac394;--error:#f08ea0}}*{box-sizing:border-box}:root{--sai-top:env(safe-area-inset-top,0px);--sai-bottom:env(safe-area-inset-bottom,0px);--sai-left:env(safe-area-inset-left,0px);--sai-right:env(safe-area-inset-right,0px)}html{background:#0a0a0f}html,body,#app{touch-action:manipulation;height:100vh;overflow:hidden}.beta-tool-btn{bottom:calc(var(--sai-bottom,0px) + 10px);left:calc(var(--sai-left,0px) + 10px);z-index:9999;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f0c040;letter-spacing:.04em;cursor:pointer;background:#000000bf;border:1px solid #f0c040;border-radius:999px;padding:.4rem .9rem;font-size:.72rem;font-weight:700;position:fixed;box-shadow:0 2px 8px #0006}.beta-tool-btn:hover{background:#000000e6}.beta-badge{top:calc(var(--sai-top,0px) + 6px);right:calc(var(--sai-right,0px) + 6px);z-index:9999;color:#0a0a0f;letter-spacing:.1em;pointer-events:none;background:#f0c040;border-radius:999px;padding:2px 8px;font-size:.6rem;font-weight:800;position:fixed;box-shadow:0 1px 3px #0006}#app{height:var(--app-height,100vh);position:relative}@media not all and (display-mode:standalone){html,body,#app{height:100dvh}#app{height:var(--app-height,100dvh)}}body{color:var(--text);background:#0a0a0f;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.74rem;font-weight:700}h1{margin:0;font-size:1.55rem;line-height:1.1}.top-nav{--nav-height:52px;height:calc(var(--nav-height) + var(--sai-top));z-index:200;padding-top:var(--sai-top);padding-left:var(--sai-left);padding-right:var(--sai-right);background:linear-gradient(to bottom, #0a0a0feb calc(var(--sai-top) + 31px), #0a0a0f00);pointer-events:none;align-items:center;padding-bottom:20px;display:flex;position:fixed;top:0;left:0;right:0}.top-nav.solid{background:#0a0a0ff2;border-bottom:1px solid #ffffff0a}.top-nav.hidden{display:none}.nav-brand{letter-spacing:.18em;text-transform:uppercase;color:#e8e6e0;pointer-events:auto;white-space:nowrap;margin-left:1.5rem;margin-right:2.5rem;font-size:1rem;font-weight:800;position:relative}.nav-brand:after{content:"";background:#ffffff1f;width:1px;height:70%;position:absolute;top:15%;right:-1.25rem}.nav-tabs{pointer-events:auto;flex:1;align-self:stretch;align-items:center;display:flex;position:relative}.nav-spacer{flex:1}.nav-gear{opacity:.7;margin-right:1rem;transition:opacity .3s}.nav-gear:hover,.nav-gear.active{opacity:1}.gear-label{display:none}@media (orientation:landscape){.gear-label{display:inline}}.nav-tab{letter-spacing:.16em;text-transform:uppercase;color:#e8e6e080;cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;min-height:44px;padding:.35rem .7rem;font-family:inherit;font-size:.72rem;font-weight:700;transition:color .3s;display:flex;position:relative}.nav-tab:hover,.nav-tab.active{color:#e8e6e0}.nav-tab .tab-icon{opacity:.6;width:15px;height:15px;transition:opacity .3s}.nav-tab.active .tab-icon{opacity:1}.app-page{opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0}.app-page.visible{opacity:1;pointer-events:auto}.page-back-btn{color:#e8e6e0b3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,background .2s;display:none}.page-back-btn:hover{color:#e8e6e0;background:#ffffff1f}.page-back-btn svg{width:14px;height:14px}.ls-default .page-back-btn{display:flex}.settings-page{color:#e8e6e0;padding:calc(52px + var(--sai-top) + 2rem) calc(2rem + var(--sai-right)) calc(2rem + var(--sai-bottom)) calc(2rem + var(--sai-left));background:#0a0a0f;height:100%;overflow-y:auto}.settings-header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.settings-header h2{letter-spacing:.04em;margin-bottom:.4rem;font-size:1.6rem;font-weight:800}.settings-header p{color:#e8e6e080;font-size:.75rem;line-height:1.5}.settings-body{align-items:flex-start;gap:2rem;max-width:920px;display:flex}.settings-sections{flex:auto;min-width:0;max-width:560px}.settings-nav{display:none}@media (width>=1024px){.settings-nav{top:calc(52px + var(--sai-top) + 2rem);flex-direction:column;flex:0 0 180px;gap:.25rem;display:flex;position:sticky}.settings-nav-link{color:#e8e6e0a6;border-radius:8px;padding:.45rem .7rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s}.settings-nav-link:hover{color:#e8e6e0;background:#ffffff0f}}.settings-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;margin-bottom:.6rem;overflow:hidden}.settings-section-summary{cursor:pointer;letter-spacing:.02em;color:#e8e6e0;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;min-height:48px;padding:.85rem 1rem;font-size:.95rem;font-weight:600;list-style:none;display:flex}.settings-section-summary::-webkit-details-marker{display:none}.settings-section-summary:hover{background:#ffffff0a}.settings-section-title{flex:auto}.settings-section-chevron{color:#e8e6e080;font-size:.9rem;transition:transform .15s;display:inline-block}.settings-section[open]>.settings-section-summary .settings-section-chevron{transform:rotate(90deg)}.settings-section-body{border-top:1px solid #ffffff0a;padding:.4rem 1rem 1rem}.settings-subtitle{letter-spacing:.18em;text-transform:uppercase;color:#e8e6e073;margin:.5rem 0 .75rem;font-size:.7rem;font-weight:700}.settings-row{justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 0;display:flex}.settings-row-stack{flex-direction:column;align-items:stretch;gap:.5rem}.settings-row-label{flex-direction:column;gap:.15rem;font-size:.95rem;display:flex}.settings-row-sub{color:#e8e6e08c;font-size:.75rem}.settings-toggle{cursor:pointer;background:#e8e6e02e;border:none;border-radius:999px;width:44px;height:26px;padding:0;transition:background .18s;position:relative}.settings-toggle.is-on{background:#4ade80}.settings-toggle-track{background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .18s;position:absolute;top:3px;left:3px}.settings-toggle.is-on .settings-toggle-track{transform:translate(18px)}.settings-volume-slider{appearance:none;cursor:pointer;background:#e8e6e033;border-radius:2px;outline:none;width:100%;height:4px}.settings-volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#e8e6e0;border:none;border-radius:50%;width:18px;height:18px}.settings-volume-slider::-moz-range-thumb{cursor:pointer;background:#e8e6e0;border:none;border-radius:50%;width:18px;height:18px}.sync-button-row{flex-wrap:wrap;gap:.5rem;margin-top:.6rem;display:flex}.settings-color-grid{flex-wrap:wrap;gap:.75rem;display:flex}.settings-color-swatch{cursor:pointer;border:2px solid #ffffff1a;border-radius:.5rem;place-items:center;width:3.2rem;height:3.2rem;font-size:1.1rem;transition:border-color .15s,transform .15s;display:grid}.settings-color-swatch:hover{border-color:#ffffff4d;transform:scale(1.06)}.settings-color-swatch.is-active{border-color:#68a9e7;box-shadow:0 0 0 2px #68a9e7}.settings-color-label{color:#e8e6e04d;letter-spacing:.08em;text-transform:uppercase;text-align:center;margin-top:.3rem;font-size:.65rem}.about-text{color:#e8e6e0b3;max-width:520px;font-size:.78rem;line-height:1.7}.contact-form{flex-direction:column;gap:1rem;max-width:480px;display:flex}.contact-field{flex-direction:column;gap:.3rem;display:flex}.contact-label{letter-spacing:.1em;text-transform:uppercase;color:#e8e6e080;font-size:.7rem;font-weight:700}.contact-input{font:inherit;color:#e8e6e0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:.6rem .8rem;font-size:.85rem;transition:border-color .2s}.contact-input:focus{border-color:#ffffff4d;outline:none}.contact-input::placeholder{color:#e8e6e040}.contact-textarea{resize:vertical;min-height:100px}.contact-submit{font:inherit;letter-spacing:.15em;text-transform:uppercase;color:#0a0a0f;cursor:pointer;background:#50e8a0;border:none;border-radius:4px;width:fit-content;padding:.7rem 1.5rem;font-size:.75rem;font-weight:700;transition:opacity .2s,transform .2s}.contact-submit:hover{opacity:.9;transform:scale(1.02)}.contact-submit:disabled{opacity:.5;cursor:default;transform:none}.contact-status{min-height:1.2em;font-size:.75rem}.contact-status-ok{color:#50e8a0}.contact-status-error{color:#f06050}.sync-description{color:#e8e6e0b3;margin-bottom:.75rem;font-size:.78rem;line-height:1.6}.sync-enable-btn,.sync-link-btn{font:inherit;letter-spacing:.15em;text-transform:uppercase;color:#0a0a0f;cursor:pointer;background:#50e8a0;border:none;border-radius:4px;padding:.6rem 1.2rem;font-size:.75rem;font-weight:700;transition:opacity .2s,transform .2s}.sync-enable-btn:hover,.sync-link-btn:hover{opacity:.9;transform:scale(1.02)}.sync-enable-btn:disabled,.sync-link-btn:disabled{opacity:.5;cursor:default;transform:none}.sync-divider{color:#e8e6e04d;text-transform:uppercase;letter-spacing:.2em;margin:1rem 0;font-size:.7rem}.sync-link-row{align-items:center;gap:.5rem;display:flex}.sync-code-input{font:inherit;letter-spacing:.3em;text-transform:uppercase;color:#e8e6e0;text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;width:8rem;padding:.6rem .8rem;font-size:1rem;font-weight:700;transition:border-color .2s}.sync-code-input:focus{border-color:#ffffff4d;outline:none}.sync-code-input::placeholder{color:#e8e6e040;letter-spacing:.1em;font-size:.85rem;font-weight:400}.sync-code-display{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.sync-code-value{letter-spacing:.35em;color:#50e8a0;font-variant-numeric:tabular-nums;font-size:1.6rem;font-weight:800}.sync-copy-btn{font:inherit;letter-spacing:.1em;text-transform:uppercase;color:#e8e6e099;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;padding:.4rem .7rem;font-size:.65rem;font-weight:700;transition:color .2s,border-color .2s}.sync-copy-btn:hover{color:#e8e6e0;border-color:#ffffff4d}.sync-hint{color:#e8e6e066;margin-bottom:1rem;font-size:.72rem}.sync-field{flex-direction:column;gap:.3rem;margin-bottom:1.2rem;display:flex}.sync-field-label{letter-spacing:.1em;text-transform:uppercase;color:#e8e6e080;font-size:.7rem;font-weight:700}.sync-name-input{font:inherit;color:#e8e6e0;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:4px;max-width:260px;padding:.6rem .8rem;font-size:.85rem;transition:border-color .2s}.sync-name-input:focus{border-color:#ffffff4d;outline:none}.sync-name-input::placeholder{color:#e8e6e040}.sync-disable-btn{font:inherit;color:#f06050;cursor:pointer;background:0 0;border:1px solid #f060504d;border-radius:4px;padding:.4rem .8rem;font-size:.7rem;font-weight:600;transition:background .2s}.sync-disable-btn:hover{background:#f060501a}.sync-now-btn{font:inherit;color:#e8e6e0;cursor:pointer;background:#50e8a024;border:1px solid #50e8a066;border-radius:4px;margin-right:.4rem;padding:.45rem .9rem;font-size:.75rem;font-weight:600;transition:background .2s,opacity .2s}.sync-now-btn:hover{background:#50e8a038}.sync-now-btn:disabled{opacity:.55;cursor:wait}.sync-status{min-height:1.2em;margin-top:.5rem;font-size:.75rem}.sync-status-ok{color:#50e8a0}.sync-status-error{color:#f06050}.sync-conflict-overlay{z-index:10000;background:#000000b3;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.sync-conflict-dialog{text-align:center;background:#1a1a22;border:1px solid #ffffff1a;border-radius:12px;width:100%;max-width:440px;padding:1.5rem}.sync-conflict-title{letter-spacing:.04em;color:#e8e6e0;margin:0 0 1rem;font-size:1.05rem;font-weight:800}.sync-conflict-cards{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.sync-conflict-card{font:inherit;color:inherit;text-align:center;cursor:pointer;background:#ffffff0a;border:2px solid #ffffff14;border-radius:10px;flex-direction:column;gap:.5rem;padding:1rem .75rem 2rem;transition:transform .15s,border-color .15s,background .15s;display:flex;position:relative}.sync-conflict-card:hover,.sync-conflict-card:focus-visible{background:#ffffff12;outline:none;transform:translateY(-1px)}.sync-conflict-card--latest{border-color:#f0c040;box-shadow:0 0 0 1px #f0c04059}.sync-conflict-card-label{letter-spacing:.12em;text-transform:uppercase;color:#e8e6e0;font-size:.72rem;font-weight:800}.sync-conflict-card-saved{color:#e8e6e0d9;font-size:.78rem}.sync-conflict-card-elapsed{color:#e8e6e099;font-variant-numeric:tabular-nums;font-size:.72rem}.sync-conflict-card-use{letter-spacing:.1em;text-transform:uppercase;color:#0a0a0f;background:#50e8a0;border-radius:6px;margin-top:.25rem;padding:.5rem 0;font-size:.72rem;font-weight:700}.sync-conflict-card-latest-tag{letter-spacing:.14em;text-transform:uppercase;color:#f0c040;font-size:.6rem;font-weight:800;position:absolute;bottom:.5rem;left:0;right:0}.sync-conflict-footer{color:#e8e6e099;margin:1rem 0 0;font-size:.7rem}.archive-page{color:#e8e6e0;padding:calc(52px + var(--sai-top) + 1.5rem) var(--sai-right) calc(2rem + var(--sai-bottom)) var(--sai-left);background-color:#07070b;background-image:radial-gradient(90% 55% at 50% 0,#405a8c29,#0000 70%),radial-gradient(60% 40% at 0 100%,#a060f012,#0000 70%),radial-gradient(60% 40% at 100% 100%,#f0c0400f,#0000 70%),radial-gradient(40% 30% at 100% 0,#50e8a00d,#0000 70%),linear-gradient(#0000 0 47px,#78a0dc0a 47px 48px),linear-gradient(90deg,#0000 0 47px,#78a0dc0a 47px 48px);background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,repeat,repeat;background-size:auto,auto,auto,auto,48px 48px,48px 48px;background-attachment:local,local,local,local,local,local;flex-direction:column;height:100%;display:flex;overflow-y:auto}.archive-top-bar{justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:1rem;padding:0 1.5rem;display:flex}.archive-top-bar h2{letter-spacing:.04em;margin:0;font-size:1.4rem;font-weight:800}.archive-top-spacer{width:28px;height:28px}.cal-region{flex:1;grid-template-rows:auto 1fr auto;width:100%;max-width:980px;min-height:0;margin:0 auto;padding:0 1.5rem;display:grid}.cal-nav{justify-content:space-between;align-items:center;gap:12px;padding:4px 0 12px;display:flex}.cal-nav-arrow{appearance:none;color:#e8e6e08c;width:40px;height:40px;font:inherit;cursor:pointer;background:#14141e;border:1px solid #e8e6e014;border-radius:50%;place-items:center;padding:0;font-size:22px;line-height:1;transition:background .15s,border-color .15s,color .15s;display:grid}.cal-nav-arrow:hover{color:#e8e6e0;background:#1a1a26;border-color:#e8e6e029}.cal-nav-arrow:disabled{opacity:.3;cursor:default}.cal-nav-title{appearance:none;color:#e8e6e0;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:12px;padding:8px 12px;transition:background .15s;display:flex}.cal-nav-title:hover{background:#e8e6e00a}.cal-nav-title .medal-mini{flex-shrink:0;width:36px;height:36px;display:inline-block}.cal-nav-title .medal-mini svg{width:100%;height:100%;display:block}.cal-nav-title .month-name{letter-spacing:.04em;font-size:22px;font-weight:800}.cal-nav-title .year-label{letter-spacing:.18em;text-transform:uppercase;color:#e8e6e08c;font-size:13px}.cal-nav-title .chevron{color:#e8e6e052;font-size:14px}.cal-deck{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;min-height:0;display:flex;position:relative;overflow:auto hidden}.cal-deck::-webkit-scrollbar{display:none}.cal-deck>.month-card{scroll-snap-align:center;scroll-snap-stop:always;flex:0 0 100%;min-width:0}.month-card{background:0 0;border:0;flex-direction:column;min-height:0;padding:0;display:flex}.cal-square{display:contents}.month-hero{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:6px;min-height:0;padding:10px 0 4px;display:flex;overflow:hidden}.month-hero-medal{flex:1;justify-content:center;align-items:center;min-width:0;min-height:0;display:flex;overflow:hidden}.month-hero-medal svg.tier-svg{filter:drop-shadow(0 12px 36px #f0c0402e);width:220px;max-width:100%;height:220px;max-height:100%}.month-hero-title{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:0;margin:0;padding:0;line-height:1;display:none}.month-hero-title-month{letter-spacing:.01em;color:#e8e6e0;font:700 28px/1 -apple-system,system-ui,sans-serif}.month-hero-title-year{letter-spacing:.18em;color:#e8e6e080;text-transform:uppercase;margin-top:4px;font:600 13px/1 -apple-system,system-ui,sans-serif}.month-hero-counter{letter-spacing:.01em;color:#e8e6e0;text-align:center;white-space:nowrap;font:700 22px/1 -apple-system,system-ui,sans-serif}.month-hero-counter-unit{color:#e8e6e080;letter-spacing:.04em;margin-left:.15em;font-size:.7em;font-weight:500}.month-hero-sub{letter-spacing:.08em;text-transform:uppercase;color:#e8e6e066;text-align:center;padding:0 12px;font:600 11px/1.2 -apple-system,system-ui,sans-serif}.wk-header,.week-col-bg{display:none}.dow{color:#e8e6e052;text-transform:uppercase;letter-spacing:.12em;text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px;margin:8px 0;font-size:11px;display:grid}.grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;display:grid}.day{aspect-ratio:1;cursor:pointer;background:#14141e;border:1px solid #e8e6e014;border-radius:12px;flex-direction:column;align-items:center;min-width:0;padding:6px;transition:background .2s,border-color .2s,transform .2s;display:flex;position:relative}.day:hover{background:#1a1a26;border-color:#e8e6e029;transform:translateY(-1px)}.day.outside,.day.locked{opacity:.28;pointer-events:none;cursor:default}.day.spacer{pointer-events:none;cursor:default;background:0 0;border-color:#0000}.day.spacer .num,.day.spacer .glyph{display:none}.day.today{border-color:#50e8a08c}.day .num{color:#e8e6e052;font-size:11px;position:absolute;top:6px;left:8px}.day .glyph{width:64%;height:auto;margin-top:auto;margin-bottom:4px}.glyph{margin:0 auto;display:block;overflow:visible}.glyph .ring-bg{fill:#ffffff06;stroke:#ffffff0f;stroke-width:1px}.glyph .petal{opacity:.18;transition:opacity .4s,fill .4s}.glyph .star-ghost{fill:none;stroke:#e8e6e059;stroke-width:1.5px;stroke-linejoin:round}.glyph .arm{fill:#0000;transition:fill .4s}.glyph [data-mode][data-done="1"] .petal{opacity:.95}.glyph [data-mode][data-done="1"] .arm{fill:gold}.glyph[data-complete="1"] .star-ghost{stroke-width:0}.glyph[data-complete="1"] .petal{opacity:.42}.glyph[data-complete="1"] .ring-bg{fill:#ffd7000f;stroke:gold;stroke-width:3px}.glyph[data-inprogress="1"] .ring-bg{stroke:#f0c04080;stroke-dasharray:2 3}.week-strip{border-top:1px solid #e8e6e014;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-items:center;gap:8px;margin-top:10px;padding-top:10px;display:grid}.week-strip .week-cell{aspect-ratio:1;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;width:100%;padding:0;display:flex}.week-strip .week-cell svg{width:80%;max-width:130px;height:auto}.week-strip .week-cell .w-label{letter-spacing:.12em;text-transform:uppercase;color:#e8e6e052;margin-top:2px;font:700 10px/1 -apple-system,system-ui,sans-serif}.tier-svg{filter:drop-shadow(0 8px 24px #f0c04029);display:block}.pip-empty{fill:#e8e6e02e}.pip-filled{fill:gold}.tick-empty{stroke:#e8e6e038;stroke-width:4px;stroke-linecap:round}.tick-filled{stroke:gold;stroke-width:4.5px;stroke-linecap:round}.gold-ring{stroke:url(#gold-grad);fill:none;stroke-width:4px}.frame-ring{stroke:#e8e6e02e;fill:none;stroke-width:3px}.cal-dots{flex-wrap:wrap;justify-content:center;gap:6px;margin-top:14px;display:flex}.cal-dots .dot{cursor:pointer;background:#e8e6e02e;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .2s,transform .2s}.cal-dots .dot:hover{background:#e8e6e052}.cal-dots .dot.has-progress{background:#e8e6e066}.cal-dots .dot.month-perfect{background:gold}.cal-dots .dot.current{background:gold;transform:scale(1.4)}.archive-svg-defs{pointer-events:none;width:0;height:0;position:absolute}.day-detail-overlay{z-index:70;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.day-detail-overlay[hidden]{display:none}.day-detail-overlay.open{opacity:1;pointer-events:auto}.day-detail-backdrop{-webkit-backdrop-filter:blur(6px);background:#0009;position:absolute;inset:0}.day-detail-sheet{background:#0e0e16;border:1px solid #e8e6e029;border-radius:18px;width:100%;max-width:520px;max-height:85vh;padding:18px 20px 22px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.day-detail-close{color:#e8e6e08c;cursor:pointer;background:#14141e;border:1px solid #e8e6e014;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.day-detail-close:hover{color:#e8e6e0;border-color:#e8e6e029}.day-detail-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin:4px 36px 14px 0;display:flex}.day-detail-title{letter-spacing:.04em;color:#e8e6e0;font-size:16px;font-weight:800}.day-detail-sub{color:#e8e6e08c;letter-spacing:.06em;text-transform:uppercase;font-size:11px}.day-detail-thumbs{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.day-detail-loading{text-align:center;color:#e8e6e066;grid-column:1/-1;padding:1.6rem 0;font-size:.85rem}.day-detail-thumbs .puzzle-thumb{appearance:none;font:inherit;aspect-ratio:1.1;cursor:pointer;color:inherit;background:#18181f;border:1px solid #e8e6e014;border-radius:10px;flex-direction:column;justify-content:flex-end;padding:0;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.day-detail-thumbs .puzzle-thumb:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000073}.day-detail-thumbs .thumb-image{z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0}.day-detail-thumbs .thumb-image:after{content:"";background:linear-gradient(#0000 25%,#07070b99 65%,#07070bf2 100%);position:absolute;inset:0}.day-detail-thumbs .thumb-image .thumb-grid-canvas{width:100%;height:100%;image-rendering:pixelated;display:block}.day-detail-thumbs .thumb-info{z-index:1;-webkit-backdrop-filter:blur(8px);background:#07070b8c;border-top:1px solid #ffffff0d;padding:.4rem .55rem;position:relative}.day-detail-thumbs .thumb-mode{letter-spacing:.04em;font-size:.72rem;font-weight:800;line-height:1}.day-detail-thumbs .thumb-pill{z-index:2;letter-spacing:.06em;text-transform:uppercase;background:#0000008c;border:1px solid #ffffff14;border-radius:999px;padding:2px 6px;font-family:ui-monospace,Fira Code,monospace;font-size:.6rem;font-weight:700;position:absolute;bottom:6px;right:6px}.day-detail-thumbs .thumb-pill-new{color:#40d0f0}.day-detail-thumbs .thumb-pill-resume{color:#f0c040;border-color:#f0c04073}.day-detail-thumbs .thumb-pill-completed{color:#50e8a0;border-color:#50e8a073}.year-picker{z-index:80;opacity:0;pointer-events:none;justify-content:center;align-items:center;padding:20px;transition:opacity .2s;display:flex;position:fixed;inset:0}.year-picker[hidden]{display:none}.year-picker.open{opacity:1;pointer-events:auto}.year-picker-backdrop{-webkit-backdrop-filter:blur(6px);background:#0009;position:absolute;inset:0}.year-picker-sheet{background:#0e0e16;border:1px solid #e8e6e029;border-radius:18px;width:100%;max-width:460px;max-height:85vh;padding:20px 20px 22px;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0000008c}.year-picker-close{color:#e8e6e08c;cursor:pointer;background:#14141e;border:1px solid #e8e6e014;border-radius:50%;place-items:center;width:32px;height:32px;padding:0;font-size:18px;line-height:1;display:grid;position:absolute;top:10px;right:10px}.year-picker-close:hover{color:#e8e6e0;border-color:#e8e6e029}.year-picker-nav{justify-content:space-between;align-items:center;gap:8px;margin-bottom:16px;display:flex}.year-picker-year{letter-spacing:.06em;text-align:center;color:#e8e6e0;flex:1;padding:6px 12px;font-size:22px;font-weight:800}.year-picker-year .yp-year-sub{color:#e8e6e052;letter-spacing:.14em;text-transform:uppercase;margin-top:2px;font-size:11px;font-weight:600;display:block}.year-picker-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.year-picker-cell{appearance:none;cursor:pointer;color:#e8e6e0;font:inherit;background:#14141e;border:1px solid #e8e6e014;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 8px;transition:background .15s,border-color .15s,transform .1s;display:flex}.year-picker-cell:hover{background:#1a1a26;border-color:#e8e6e029}.year-picker-cell:active{transform:scale(.97)}.year-picker-cell.current{border-color:#50e8a08c;box-shadow:inset 0 0 0 1px #50e8a02e}.year-picker-cell svg.tier-svg{width:70px;height:70px}.year-picker-cell .yp-label{letter-spacing:.12em;text-transform:uppercase;font:700 11px/1 -apple-system,system-ui,sans-serif}.year-picker-cell .yp-sub{color:#e8e6e052;font-size:9.5px}@media (orientation:portrait),(width<=768px){.archive-page{padding-top:calc(52px + var(--sai-top) + .5rem);padding-bottom:0;padding-left:0;padding-right:0}.archive-top-bar{padding:0 1rem}.cal-region{padding:0}.cal-nav{padding:4px .5rem 8px}.cal-dots{margin-top:10px;padding:0 .75rem}.grid{gap:4px;padding:0 4px}.dow{letter-spacing:.06em;gap:4px;margin-bottom:4px;padding:0 4px;font-size:9.5px}.day{border-radius:8px;padding:3px}.day .num{font-size:9px;top:2px;left:4px}.day .glyph{width:80%}.week-strip{gap:4px;margin-top:10px;padding:10px .5rem 0}.week-strip .week-cell svg{max-width:56px}.month-hero{padding:1rem 0 4px}.month-hero svg.tier-svg{width:200px;height:200px}.cal-nav-title .month-name{font-size:18px}.cal-nav-title .year-label{font-size:11px}.cal-nav-title .medal-mini{width:30px;height:30px}}@media (orientation:portrait) and (height<=700px){.month-hero-medal,.month-hero-counter,.month-hero-sub{display:none}.month-hero{flex:0;padding:0}}@media (width<=480px){.archive-top-bar h2{font-size:1.15rem}.cal-nav-arrow{width:36px;height:36px;font-size:20px}.day-detail-thumbs{grid-template-columns:1fr;gap:6px}.day-detail-thumbs .puzzle-thumb{aspect-ratio:auto;flex-direction:row;justify-content:space-between;align-items:center;min-height:60px}.day-detail-thumbs .thumb-image{inset:0}.day-detail-thumbs .thumb-info{background:#07070b8c;padding:12px;position:relative}.day-detail-thumbs .thumb-pill{position:absolute;bottom:10px;right:10px}.year-picker{align-items:flex-end;padding:0}.year-picker-sheet{border-radius:18px 18px 0 0;max-width:100%;max-height:88vh;padding:14px 12px 24px}.year-picker-cell svg.tier-svg{width:60px;height:60px}}.slice-launcher{--ease-expo:cubic-bezier(.16, 1, .3, 1);--ease-out-back:cubic-bezier(.34, 1.56, .64, 1);--accent-jigsaw:#f0c040;--accent-slider:#40d0f0;--accent-swap:#50d070;--accent-polygram:#a060f0;--accent-diamond:#e070a0;--text-light:#e8e6e0;--text-dim:#e8e6e080;background:#0a0a0f;position:absolute;inset:0;overflow:hidden}.slice-container{inset:var(--sai-top) 0 0 0;display:flex;position:absolute}.slice{flex:var(--flex,.9);cursor:pointer;transition:flex .8s var(--ease-expo);position:relative;overflow:hidden}.slice-image{object-fit:cover;filter:saturate(1.15)contrast(1.05);width:100%;height:100%;transition:filter .6s var(--ease-expo);position:absolute;inset:0}canvas.slice-image{image-rendering:pixelated}.thumb-grid-canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.slice-overlay{transition:background .6s var(--ease-expo);background:#0a0a0f40;position:absolute;inset:0}.slice.active .slice-overlay{background:#0a0a0f14}@media (hover:hover) and (pointer:fine){.slice:not(.active):hover .slice-image{filter:saturate(1.2)contrast(1.08)brightness(1.05)}.ls-default .slice:not(.active):hover .slice-accent{opacity:.5}}.slice-icon{opacity:.6;transition:opacity .4s, transform .4s var(--ease-expo), left .4s var(--ease-expo);z-index:3;color:var(--text-light);filter:drop-shadow(0 2px 6px #0009);position:absolute;top:calc(52px + 1rem);left:50%;transform:translate(-50%)}.slice.active .slice-icon{opacity:.85;left:1.4rem;transform:translate(0)}.slice-icon svg{stroke-width:1.5px;width:28px;height:28px}.slice-bar{z-index:4;padding:1rem calc(1.4rem + var(--sai-right)) calc(1rem + var(--sai-bottom)) calc(1.4rem + var(--sai-left));background:linear-gradient(#0000 0%,#0a0a0f4d 40%,#0a0a0fb3 100%);align-items:center;gap:.6rem;transition:opacity .4s;display:flex;position:absolute;bottom:0;left:0;right:0}.bar-title{letter-spacing:.06em;text-shadow:0 2px 12px #000000b3,0 1px 3px #000000e6;white-space:nowrap;color:var(--text-light);font-size:clamp(1.3rem,2.2vw,2rem);font-weight:800;line-height:1}.bar-spacer{flex:1}.bar-icon{cursor:pointer;width:28px;height:28px;transition:background .25s, transform .25s var(--ease-out-back);color:var(--text-light);background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.bar-icon:hover{background:#fff3;transform:scale(1.1)}.bar-icon svg{width:13px;height:13px}.bar-icon.info-btn{opacity:0;pointer-events:none;transition:opacity .35s var(--ease-expo), transform .35s var(--ease-expo), background .25s;transform:scale(.8)}.slice.active .bar-icon.info-btn{opacity:1;pointer-events:auto;transition-delay:.25s;transform:scale(1)}.slice.active .bar-icon.info-btn:hover{transition-delay:0s;transform:scale(1.1)}.bar-completed{color:#50e8a0;letter-spacing:.06em;align-items:center;gap:.35rem;font-size:.65rem;font-weight:700;display:inline-flex}.bar-completed svg{flex-shrink:0;width:14px;height:14px}.bar-completed-time{opacity:.8;font-family:ui-monospace,Fira Code,monospace;font-size:.6rem}.bar-icon.has-save{color:#50e8a0;background:#50e8a033;border-color:#50e8a059}.bar-icon.has-save:hover{background:#50e8a04d}.info-panel{z-index:5;-webkit-backdrop-filter:blur(24px)saturate(1.2);padding:0 calc(1.4rem + var(--sai-right)) var(--sai-bottom) calc(1.4rem + var(--sai-left));opacity:0;max-height:0;transition:max-height .6s var(--ease-expo), opacity .35s, padding .6s var(--ease-expo);background:#0a0a0fd1;border-top:1px solid #ffffff14;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.info-panel.open{opacity:1;max-height:400px;padding:1.4rem}.info-title{letter-spacing:.06em;color:var(--text-light);margin-bottom:.8rem;font-size:1.6rem;font-weight:800;line-height:1;position:relative}.info-title .info-accent-bar{border-radius:1px;width:40px;height:2px;position:absolute;bottom:-4px;left:0}.info-description{color:#e8e6e0bf;max-width:360px;margin-bottom:.9rem;font-size:.73rem;line-height:1.6}.info-play-btn{letter-spacing:.15em;text-transform:uppercase;cursor:pointer;color:#0a0a0f;transition:transform .3s var(--ease-out-back), box-shadow .3s;border:none;border-radius:3px;align-items:center;gap:.6rem;width:fit-content;padding:10px 24px;font-family:inherit;font-size:.85rem;font-weight:700;display:inline-flex}.info-play-btn:hover{transform:scale(1.04);box-shadow:0 6px 30px #0006}.info-play-btn svg{width:14px;height:14px}.info-close{cursor:pointer;width:28px;height:28px;color:var(--text-light);z-index:10;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;transition:background .2s;display:flex;position:absolute;top:.8rem;right:.8rem}.info-close:hover{background:#fff3}.info-close svg{pointer-events:none;width:10px;height:10px}.slice[data-mode=jigsaw] .info-accent-bar,.slice[data-mode=jigsaw] .info-play-btn{background:var(--accent-jigsaw)}.slice[data-mode=sliding] .info-accent-bar,.slice[data-mode=sliding] .info-play-btn{background:var(--accent-slider)}.slice[data-mode=swap] .info-accent-bar,.slice[data-mode=swap] .info-play-btn{background:var(--accent-swap)}.slice[data-mode=polygram] .info-accent-bar,.slice[data-mode=polygram] .info-play-btn{background:var(--accent-polygram)}.slice[data-mode=diamond] .info-accent-bar,.slice[data-mode=diamond] .info-play-btn{background:var(--accent-diamond)}.slice:after{content:"";z-index:5;background:linear-gradient(#0000,#ffffff14 30% 70%,#0000);width:1px;height:80%;position:absolute;top:10%;right:0}.slice:last-child:after{display:none}.slice{opacity:0;animation:sliceIn .8s var(--ease-expo) forwards;transform:scaleX(.92)}.slice:first-child{animation-delay:.1s}.slice:nth-child(2){animation-delay:.2s}.slice:nth-child(3){animation-delay:.3s}.slice:nth-child(4){animation-delay:.4s}@keyframes sliceIn{to{opacity:1;transform:scaleX(1)}}.slice-title,.slice-info,.slice-action,.slice-accent{display:none}.slice-recompute .slice-title,.slice-recompute .slice-info,.slice-recompute .slice-action,.slice-recompute .slice-icon{opacity:0!important;transition:none!important}@media (orientation:landscape){.ls-default .slice-container{gap:3px;padding:3px;inset:0}.ls-default .slice{border-radius:6px}.ls-default .slice-overlay{background:linear-gradient(90deg,#0a0a0add 0%,#0a0a0faa 55%,#0007 100%),linear-gradient(#0000 55%,#0a0a0fcc 90%,#000 100%)}.ls-default .slice.active .slice-overlay{background:linear-gradient(90deg,#0a0a0fcc 0%,#0a0a0f40 50%,#0000 65%),linear-gradient(#0000 55%,#0a0a0fcc 70%,#000 100%)}.ls-default .top-nav,.ls-default .slice-bar,.ls-default .info-panel{display:none}.ls-default .archive-page{padding:calc(.5rem + var(--sai-top)) calc(.75rem + var(--sai-right)) calc(8px + var(--sai-bottom)) calc(.75rem + var(--sai-left))}.ls-default .settings-page{padding:calc(1.5rem + var(--sai-top)) calc(2rem + var(--sai-right)) calc(1.5rem + var(--sai-bottom)) calc(2rem + var(--sai-left))}.ls-default .archive-top-bar{top:calc(.5rem + var(--sai-top));left:calc(.75rem + var(--sai-left));z-index:5;pointer-events:none;background:0 0;margin:0;padding:0;position:absolute}.ls-default .archive-top-bar>*{pointer-events:auto}.ls-default .archive-top-bar h2,.ls-default .archive-top-spacer{display:none}.ls-default .archive-top-bar .page-back-btn{width:32px;height:32px}.ls-default .cal-region{padding:0 .5rem}.ls-default .cal-nav{display:none}.ls-default .cal-deck>.month-card{flex-direction:row;justify-content:center;align-items:center;gap:28px;min-height:0}.ls-default .cal-deck>.month-card>.month-hero{box-sizing:border-box;flex:none;order:-1;justify-content:center;align-items:center;gap:8px;min-width:140px;height:100%;padding:8px 4px}.ls-default .month-hero-title{display:flex}.ls-default .month-hero-medal{flex:1 1 0;min-height:40px;max-height:50%}.ls-default .month-hero-medal svg.tier-svg{width:140px;max-width:100%;height:140px;max-height:100%}.ls-default .month-hero-counter{font-size:24px}.ls-default .month-hero-sub{font-size:11px}.ls-default .cal-square{aspect-ratio:8/7;flex:0 auto;grid-template-rows:repeat(7,minmax(0,1fr));grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;width:auto;max-width:100%;height:100%;min-height:0;display:grid;position:relative}.ls-default .cal-square>.week-col-bg{z-index:0;pointer-events:none;background:#f0c0400d;grid-area:1/8/-1}.ls-default .cal-square>.dow{display:contents}.ls-default .cal-square>.dow>span{color:#e8e6e052;text-transform:uppercase;letter-spacing:.08em;z-index:1;justify-content:center;align-items:center;font-size:10px;display:flex;position:relative}.ls-default .cal-square>.wk-header{color:#f0c040b3;text-transform:uppercase;letter-spacing:.12em;z-index:1;grid-area:1/8;justify-content:center;align-items:center;font:700 10px/1 -apple-system,system-ui,sans-serif;display:flex;position:relative}.ls-default .cal-square>.grid{display:contents}.ls-default .cal-square>.grid>.day{aspect-ratio:1;z-index:1;background:0 0;border:none;border-radius:0;justify-content:center;gap:1px;min-height:0;padding:2px;position:relative}.ls-default .cal-square>.grid>.day:hover{background:0 0;border-color:#0000;transform:none}.ls-default .cal-square>.grid>.day.today{border:1px solid #50e8a073;border-radius:6px}.ls-default .cal-square>.grid>.day:nth-child(7n+1){grid-column:1}.ls-default .cal-square>.grid>.day:nth-child(7n+2){grid-column:2}.ls-default .cal-square>.grid>.day:nth-child(7n+3){grid-column:3}.ls-default .cal-square>.grid>.day:nth-child(7n+4){grid-column:4}.ls-default .cal-square>.grid>.day:nth-child(7n+5){grid-column:5}.ls-default .cal-square>.grid>.day:nth-child(7n+6){grid-column:6}.ls-default .cal-square>.grid>.day:nth-child(7n+7){grid-column:7}.ls-default .cal-square>.grid>.day .num{color:#e8e6e0a6;order:2;margin-top:1px;font-size:10px;line-height:1;position:static}.ls-default .cal-square>.grid>.day .glyph{order:1;width:68%;margin:0 auto}.ls-default .cal-square>.week-strip{display:contents}.ls-default .cal-square>.week-strip>.week-cell{aspect-ratio:1;z-index:1;background:0 0;border:0;grid-column:8;justify-content:center;align-items:center;padding:2px;display:flex;position:relative}.ls-default .cal-square>.week-strip>.week-cell:first-child{grid-row:2}.ls-default .cal-square>.week-strip>.week-cell:nth-child(2){grid-row:3}.ls-default .cal-square>.week-strip>.week-cell:nth-child(3){grid-row:4}.ls-default .cal-square>.week-strip>.week-cell:nth-child(4){grid-row:5}.ls-default .cal-square>.week-strip>.week-cell:nth-child(5){grid-row:6}.ls-default .cal-square>.week-strip>.week-cell:nth-child(6){grid-row:7}.ls-default .cal-square>.week-strip>.week-cell svg{width:100%;max-width:100%;height:auto;max-height:100%}.ls-default .cal-square>.week-strip>.week-cell .w-label{display:none}.ls-default .cal-dots{margin-top:8px;padding:0 .75rem}.ls-default .slice-title{writing-mode:vertical-rl;top:1.5rem;left:var(--slice-center,50%);white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:#e8e6e0b3;z-index:3;font-weight:800;transition:color .4s,opacity .3s;display:block;position:absolute;transform:translate(-50%)}.ls-default .slice.active .slice-title{color:#e8e6e0}.ls-default .slice-icon{top:auto;bottom:.8rem;left:var(--slice-center,50%);color:#e8e6e080;opacity:1;filter:drop-shadow(0 1px 4px #00000080);transition:color .4s,opacity .3s;transform:translate(-50%)}.ls-default .slice.active .slice-icon{left:var(--slice-center,50%);color:#e8e6e0;transform:translate(-50%)}.ls-default .slice-info{bottom:3rem;left:calc(var(--slice-center,50%) + 22px);z-index:3;opacity:0;pointer-events:none;transition:opacity .3s;display:block;position:absolute;right:1.5rem}.ls-default .slice.active .slice-info{opacity:1}.ls-default .slice-info p{color:#e8e6e0b3;text-shadow:0 1px 6px #000c;line-height:1.4}.ls-default .slice-action{bottom:.85rem;left:calc(var(--slice-center,50%) + 22px);z-index:3;opacity:0;pointer-events:none;align-items:center;gap:.35rem;transition:opacity .3s;display:flex;position:absolute}.ls-default .slice.active .slice-action{opacity:1;pointer-events:auto}.ls-default .slice-action span{letter-spacing:.06em;color:#e8e6e0;text-shadow:0 1px 4px #0009;white-space:nowrap;font-weight:700}.ls-default .slice-action.action-completed,.ls-default .slice-action.action-saved{opacity:1;bottom:calc(1.2rem + 28px);left:var(--slice-center,50%);transform:translate(-50%)}.ls-default .slice-action.action-completed{color:#50e8a0;filter:drop-shadow(0 1px 3px #0009)}.ls-default .slice-action.action-saved{color:#f0c040;filter:drop-shadow(0 1px 3px #0009)}.ls-default .slice-action .action-icon{flex-shrink:0;width:16px;height:16px}.ls-default .slice-action.action-completed span,.ls-default .slice-action.action-saved span{display:none}.ls-default .slice.active .slice-action.action-completed,.ls-default .slice.active .slice-action.action-saved{bottom:.85rem;left:calc(var(--slice-center,50%) + 22px);filter:none;border-radius:10px;padding:.3rem .6rem;transform:none}.ls-default .slice.active .slice-action.action-completed{background:#145032d9}.ls-default .slice.active .slice-action.action-saved{background:#503c0ad9}.ls-default .slice.active .slice-action.action-completed span,.ls-default .slice.active .slice-action.action-saved span{color:inherit;text-shadow:none;letter-spacing:.06em;font-size:.7rem;display:inline}.ls-default .slice.active .slice-action .action-icon{width:13px;height:13px}.ls-default .slice-accent{opacity:0;z-index:4;width:3px;height:100%;transition:opacity .4s;display:block;position:absolute;top:0;left:0}.ls-default .slice.active .slice-accent{opacity:1}.ls-default .slice:after{display:none}.ls-default .slice-more{cursor:pointer;background:linear-gradient(135deg,#12121f,#0a0a0f)}.ls-default .slice-more .slice-title,.ls-default .slice-more .slice-icon{left:50%;transform:translate(-50%)}}@media (orientation:portrait){.slice-container{flex-direction:column}.slice{border-right:none;animation-name:sliceInV;transform:scaleY(.92)}@keyframes sliceInV{to{opacity:1;transform:scaleY(1)}}.ls-default .slice-container{padding:calc(3px + var(--sai-top)) 3px 3px 3px;flex-direction:column;gap:3px;inset:0}.ls-default .slice{border-radius:6px}.ls-default .slice-overlay{background:linear-gradient(90deg,#000a 0%,#0007 35%,#0000 100%),linear-gradient(90deg,#0000 75%,#0007 90%,#000a 100%)}.ls-default .slice.active .slice-overlay{background:linear-gradient(#111c 0%,#1117 20%,#0000 30%),linear-gradient(#0000 60%,#111a 70%,#000a 100%)}.ls-default .top-nav,.ls-default .slice-bar,.ls-default .info-panel{display:none}.ls-default .archive-page{padding:calc(.5rem + var(--sai-top)) 0 12px 0}.ls-default .settings-page{padding:calc(1.5rem + var(--sai-top)) calc(2rem + var(--sai-right)) calc(1.5rem + var(--sai-bottom)) calc(2rem + var(--sai-left))}.ls-default .slice-title{writing-mode:horizontal-tb;white-space:nowrap;letter-spacing:.14em;text-transform:uppercase;color:#e8e6e0b3;z-index:3;transition:color .4s, opacity .3s, top .4s var(--ease-expo);font-weight:800;display:block;position:absolute;top:50%;left:1.5rem;transform:translateY(-50%)}.ls-default .slice.active .slice-title{color:#e8e6e0;top:var(--slice-middle)}.ls-default .slice-icon{top:var(--slice-middle,50%);color:#e8e6e080;opacity:1;filter:drop-shadow(0 1px 4px #00000080);transition:color .4s,opacity .3s;left:auto;right:1.5rem;transform:translateY(-50%)}.ls-default .slice.active .slice-icon{top:var(--slice-middle,50%);color:#e8e6e0;left:auto;right:1.5rem;transform:translateY(-50%)}.ls-default .slice-info{z-index:3;opacity:0;pointer-events:none;transition:opacity .3s;display:block;position:absolute;bottom:0;left:1.5rem;right:5rem}.ls-default .slice.active .slice-info{opacity:1}.ls-default .slice-info p{color:#e8e6e0b3;text-shadow:0 1px 6px #000c;line-height:1.4}.ls-default .slice-action{top:var(--slice-middle,50%);z-index:3;opacity:0;pointer-events:none;align-items:center;gap:.35rem;transition:opacity .3s;display:flex;position:absolute;left:auto;right:calc(1.5rem + 34px);transform:translateY(-50%)}.ls-default .slice.active .slice-action{opacity:1;pointer-events:auto}.ls-default .slice-action span{letter-spacing:.06em;color:#e8e6e0;text-shadow:0 1px 4px #0009;white-space:nowrap;font-weight:700}.ls-default .slice-action.action-completed,.ls-default .slice-action.action-saved{opacity:1;top:var(--slice-middle,50%);left:auto;right:calc(2rem + 28px);transform:translateY(-50%)}.ls-default .slice-action.action-completed{color:#50e8a0;filter:drop-shadow(0 1px 3px #0009)}.ls-default .slice-action.action-saved{color:#f0c040;filter:drop-shadow(0 1px 3px #0009)}.ls-default .slice-action .action-icon{flex-shrink:0;width:16px;height:16px}.ls-default .slice-action.action-completed span,.ls-default .slice-action.action-saved span{display:none}.ls-default .slice.active .slice-action.action-completed,.ls-default .slice.active .slice-action.action-saved{filter:none;border-radius:10px;padding:.3rem .6rem;right:calc(1.5rem + 34px)}.ls-default .slice.active .slice-action.action-completed{background:#145032d9}.ls-default .slice.active .slice-action.action-saved{background:#503c0ad9}.ls-default .slice.active .slice-action.action-completed span,.ls-default .slice.active .slice-action.action-saved span{color:inherit;text-shadow:none;letter-spacing:.06em;font-size:.7rem;display:inline}.ls-default .slice.active .slice-action .action-icon{width:13px;height:13px}.ls-default .slice-accent{opacity:0;z-index:4;width:100%;height:3px;transition:opacity .4s;display:block;position:absolute;top:0;left:0}.ls-default .slice.active .slice-accent{opacity:1}.ls-default .slice:after{display:none}.ls-default .slice-more{cursor:pointer;background:linear-gradient(135deg,#12121f,#0a0a0f)}.ls-default .slice-more .slice-title,.ls-default .slice-more .slice-icon{top:50%}}@media (width<=768px){.bar-title{font-size:clamp(1.1rem,4vw,1.6rem)}.nav-brand{margin-left:1rem;margin-right:1.5rem;font-size:.85rem}.nav-brand:after{right:-.75rem}.nav-tab{letter-spacing:.12em;padding:0 .7rem;font-size:.65rem}.settings-page{padding:calc(52px + var(--sai-top) + 1.5rem) calc(1rem + var(--sai-right)) calc(1.5rem + var(--sai-bottom)) calc(1rem + var(--sai-left))}}.launcher-shell{background:radial-gradient(1100px 520px at -8% -14%, color-mix(in oklab, var(--accent) 28%, transparent), transparent), radial-gradient(820px 420px at 110% 8%, oklab(75.1554% .104499 .129211/.24), transparent), linear-gradient(180deg, color-mix(in oklab, var(--surface-2) 74%, var(--bg)), var(--bg));place-items:center;min-height:100%;padding:1.2rem;display:grid;position:relative;overflow:hidden}.launcher-shell:before,.launcher-shell:after{content:"";opacity:0;pointer-events:none;border-radius:999px;position:absolute}.launcher-shell.fx-ready:before,.launcher-shell.fx-ready:after{filter:blur(32px);opacity:.42;animation:11s ease-in-out infinite alternate launcher-float}.launcher-shell:before{background:color-mix(in oklab, var(--accent) 60%, #2ad8b6);width:220px;height:220px;top:-52px;left:-62px}.launcher-shell:after{background:oklab(79.7096% .0750874 .124079);width:180px;height:180px;animation-delay:-1.2s;bottom:-56px;right:-46px}.launcher-main{z-index:1;border:1px solid color-mix(in oklab, var(--line) 75%, transparent);background:linear-gradient(150deg, color-mix(in oklab, var(--surface) 96%, transparent), color-mix(in oklab, var(--surface-2) 90%, var(--surface)));border-radius:1.5rem;flex-direction:column;gap:1rem;width:min(100%,480px);padding:1.25rem;display:flex;position:relative;box-shadow:0 24px 48px #00000029,inset 0 1px oklab(100% 0 5.96046e-8/.3)}.launcher-header{text-align:center;margin-bottom:.25rem}.launcher-main h1{letter-spacing:-.01em;margin-top:.2rem;font-family:Trebuchet MS,Avenir Next,Segoe UI,sans-serif;font-size:clamp(1.6rem,5vw,2.2rem);font-weight:800}.launcher-copy{color:var(--muted);margin:0;font-size:.9rem;font-weight:500}.choice-group{gap:.45rem;display:grid}.choice-heading{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.78rem;font-weight:700}.launcher-secondary-btn{border:1px solid color-mix(in oklab, var(--line) 88%, transparent);background:color-mix(in oklab, var(--surface) 92%, var(--surface-2));width:100%;min-height:2.35rem;color:var(--text);font:inherit;border-radius:.75rem;font-weight:650;transition:transform .11s,border-color .11s,background-color .11s;box-shadow:inset 0 1px oklab(100% 0 5.96046e-8/.26)}.launcher-secondary-btn:hover{border-color:color-mix(in oklab, var(--accent) 38%, var(--line));transform:translateY(-1px)}.launcher-secondary-btn:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 55%, transparent);outline-offset:2px}.difficulty-segmented{background:var(--surface-2);border:1px solid var(--line);border-radius:.75rem;padding:.25rem;display:flex}.difficulty-option{color:var(--muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:.6rem;flex:1;padding:.5rem .2rem;font-size:.75rem;font-weight:700;transition:all .12s}.difficulty-option.is-selected{background:var(--surface);color:var(--accent);box-shadow:0 2px 8px #0000001a}.difficulty-option:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 55%, transparent);outline-offset:1px}.mode-cards-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.mode-card{background:var(--surface);cursor:pointer;aspect-ratio:1/1.15;text-align:left;border:0;border-radius:1.1rem;flex-direction:column;padding:0;transition:transform .15s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.mode-card:hover,.mode-card:active{transform:scale(1.02)}.mode-card:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 55%, transparent);outline-offset:2px}.mode-card-image-wrapper{flex:1;position:relative;overflow:hidden}.mode-card-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.mode-card:hover .mode-card-image{transform:scale(1.05)}.mode-card-play-overlay{opacity:0;background:#00000040;place-items:center;transition:opacity .2s;display:grid;position:absolute;inset:0}.mode-card:hover .mode-card-play-overlay,.mode-card:active .mode-card-play-overlay{opacity:1}.play-icon{width:3rem;height:3rem;color:var(--accent);background:#fff;border-radius:50%;place-items:center;display:grid;box-shadow:0 8px 16px #0000004d}.play-icon svg{fill:currentColor;width:1.5rem;height:1.5rem;margin-left:.2rem}.mode-card-info{background:var(--surface);padding:.6rem .75rem}.mode-card-title{color:var(--text);font-size:.85rem;font-weight:800;display:block}.mode-card-badge{color:#fff;text-transform:uppercase;letter-spacing:.05em;z-index:2;border-radius:.5rem;padding:.2rem .5rem;font-size:.6rem;font-weight:800;position:absolute;top:.5rem;box-shadow:0 2px 4px #0003}.mode-card-badge-pick{background:var(--accent);right:.5rem}.mode-card-badge-completed{background:var(--ok);text-transform:none;left:.5rem}.launcher-footer{flex-direction:column;gap:.5rem;margin-top:.5rem;display:flex}@media (width<=360px){.mode-cards-grid{grid-template-columns:1fr}}.archive-date-row{align-items:center;gap:.4rem;display:flex}.archive-date-input{font:inherit;border:1px solid color-mix(in oklab, var(--line) 82%, transparent);background:color-mix(in oklab, var(--surface) 86%, white);color:var(--text);border-radius:.5rem;flex:1;min-height:2.3rem;padding:.4rem .6rem;font-size:.9rem}.archive-nav-arrow{appearance:none;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.3rem;height:2.3rem;font-size:1.3rem;transition:background .1s;display:flex}.archive-nav-arrow:hover{background:var(--surface-2)}.launcher-difficulty-row{align-items:center;gap:.6rem;display:flex}.difficulty-label{color:var(--muted);font-size:.82rem;font-weight:600}.difficulty-select{font:inherit;border:1px solid var(--line);background:var(--surface);color:var(--text);cursor:pointer;border-radius:.5rem;min-height:2rem;padding:.35rem .5rem;font-size:.85rem}@keyframes launcher-float{0%{transform:translateY(-6px)translate(-4px)}to{transform:translateY(6px)translate(4px)}}@media (width<=480px){.launcher-shell{padding:.8rem}.launcher-main{border-radius:1.05rem;padding:.85rem}}@media (width>=560px){.image-choice-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}}.game-shell{max-width:100vw;height:100%;min-height:100%;padding-bottom:var(--sai-bottom);box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#0a0a0f;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.game-shell--immersive{grid-template-rows:minmax(0,1fr);padding-bottom:0}.game-toolbar{padding:calc(.5rem + var(--sai-top)) calc(.8rem + var(--sai-right)) .5rem calc(.8rem + var(--sai-left));-webkit-backdrop-filter:blur(12px);z-index:10;background:#0a0a0fd9;border-bottom:1px solid #ffffff0a;align-items:center;gap:.5rem;min-height:44px;display:flex}.gt-icon-btn{cursor:pointer;color:#e8e6e0;width:36px;height:36px;font:inherit;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex}.gt-icon-btn:hover{background:#fff3;transform:scale(1.1)}.gt-icon-btn svg{width:14px;height:14px}.gt-icon-btn[aria-pressed=true]{color:#f0c040;background:#f0c04033;border-color:#f0c04059}.gt-title{letter-spacing:.18em;text-transform:uppercase;color:#e8e6e0;white-space:nowrap;text-overflow:ellipsis;min-width:0;margin-right:auto;font-size:.85rem;font-weight:800;overflow:hidden}.gt-actions{align-items:center;gap:.4rem;display:flex}.gt-menu-wrap{position:relative}.gt-menu{-webkit-backdrop-filter:blur(16px);z-index:100;background:#16161ef5;border:1px solid #ffffff1a;border-radius:.6rem;min-width:180px;padding:.3rem;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 8px 32px #00000080}.gt-menu[hidden]{display:none}.gt-menu-item{color:#e8e6e0;width:100%;font:inherit;letter-spacing:.02em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.4rem;align-items:center;gap:.6rem;padding:.6rem .7rem;font-size:.82rem;font-weight:600;transition:background .15s;display:flex}.gt-menu-item:hover{background:#ffffff1a}.gt-menu-item svg{flex-shrink:0;width:16px;height:16px}.gt-menu-item[aria-pressed=true]{color:#f0c040}.gt-menu-item--danger{color:#f06050}.gt-stats{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.gt-counter{color:#e8e6e099;letter-spacing:.05em;font-family:ui-monospace,Fira Code,monospace;font-size:.7rem}.gt-divider{background:#ffffff1f;width:1px;height:16px}.gt-timer{letter-spacing:.08em;color:#e8e6e0;font-variant-numeric:tabular-nums;font-size:1rem;font-weight:800}.floating-timer{top:calc(.85rem + var(--sai-top));right:calc(.85rem + var(--sai-right));z-index:30;opacity:.5;pointer-events:none;font-size:.8rem;position:absolute}.save-indicator{cursor:pointer;opacity:.7;background:0 0;border:none;align-items:center;padding:0 0 0 .3rem;transition:color .3s,opacity .3s;display:flex}.save-indicator:hover{opacity:1}.save-indicator[data-state=saved]{color:#4ade80}.save-indicator[data-state=syncing]{color:#fbbf24;animation:1s ease-in-out infinite pulse-save}.save-indicator[data-state=pending]{color:#fbbf24}.save-indicator[data-state=error]{color:#f87171}@keyframes pulse-save{0%,to{opacity:.5}50%{opacity:1}}.gt-icon-btn[data-sync=syncing]{color:#fbbf24;background:#fbbf242e;border-color:#fbbf2459;animation:1s ease-in-out infinite pulse-save}.more-sheet-overlay{z-index:1000;opacity:0;pointer-events:none;padding:max(1rem, var(--sai-top)) max(1rem, var(--sai-right)) max(1rem, var(--sai-bottom)) max(1rem, var(--sai-left));background:#0000008c;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.more-sheet-overlay.is-visible{opacity:1;pointer-events:auto}.more-sheet{color:#e8e6e0;background:linear-gradient(135deg,#1a1a2a,#0f0f1a);border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:480px;max-height:80vh;padding:1.25rem 1rem 1rem;transition:transform .2s ease-out;position:relative;overflow-y:auto;transform:translateY(20px)scale(.98);box-shadow:0 20px 60px #0009}.more-sheet-overlay.is-visible .more-sheet{transform:translateY(0)scale(1)}.more-sheet-handle{display:none}.more-sheet-close{color:#e8e6e099;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s,color .15s;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.more-sheet-close:hover{color:#e8e6e0;background:#ffffff14}.more-sheet-close svg{width:14px;height:14px}.more-sheet-title{letter-spacing:.18em;text-transform:uppercase;color:#e8e6e080;margin:0 0 .75rem;padding-left:.25rem;font-size:.7rem;font-weight:700}.more-sheet-cards{flex-direction:column;gap:.4rem;display:flex}.more-sheet-card{color:#e8e6e0;text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;align-items:center;gap:.85rem;width:100%;min-height:56px;padding:.7rem .9rem;font-family:inherit;transition:background .15s,border-color .15s,transform 50ms;display:flex}.more-sheet-card:hover{background:#ffffff14;border-color:#ffffff1f}.more-sheet-card:active{transform:scale(.99)}.more-sheet-card-icon{color:#e8e6e0d9;flex:none;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex;position:relative}.more-sheet-card-icon svg{width:26px;height:26px}.more-sheet-card-text{flex-direction:column;flex:auto;gap:.1rem;min-width:0;display:flex}.more-sheet-card-title{letter-spacing:.01em;font-size:.95rem;font-weight:600}.more-sheet-card-sub{color:#e8e6e08c;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.more-sheet-card--continue{border-color:#e070a04d}.more-sheet-card--continue .more-sheet-card-icon{color:#e070a0}.more-sheet-card--music.is-on .more-sheet-card-icon{color:#8ad0a0}.more-sheet-card--music .music-off-slash{transition:opacity .2s}.more-sheet-card--music.is-off .music-off-slash{stroke:#e8e6e08c;opacity:1!important}.more-card-sync-dot{background:#4ade80;border:2px solid #1a1a2a;border-radius:50%;width:10px;height:10px;transition:background .2s;position:absolute;bottom:-2px;right:-2px}.more-card-sync-dot[data-state=syncing]{background:#fbbf24;animation:1s ease-in-out infinite pulse-save}.more-card-sync-dot[data-state=pending]{background:#fbbf24}.more-card-sync-dot[data-state=error]{background:#f87171}@media (width<=768px){.more-sheet-overlay{align-items:flex-end;padding:0}.more-sheet{max-width:100%;max-height:85vh;padding-top:.5rem;padding-bottom:max(1rem, var(--sai-bottom));border-bottom:none;border-radius:18px 18px 0 0;transform:translateY(40px)}.more-sheet-overlay.is-visible .more-sheet{transform:translateY(0)}.more-sheet-handle{background:#e8e6e040;border-radius:2px;width:36px;height:4px;margin:0 auto .75rem;display:block}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=600px){.game-toolbar{padding:calc(.4rem + var(--sai-top)) calc(.5rem + var(--sai-right)) .4rem calc(.5rem + var(--sai-left));gap:.3rem}.gt-title{letter-spacing:.12em;font-size:.7rem}.gt-icon-btn{width:24px;height:24px}.gt-icon-btn svg{width:12px;height:12px}.gt-actions{gap:.25rem}.gt-stats{gap:.3rem}.gt-timer{font-size:.85rem}.gt-counter{font-size:.6rem}}.workspace{height:100%;min-height:0;display:grid;overflow:hidden}.workspace--immersive{position:relative}.floating-game-controls{top:calc(.85rem + var(--sai-top));left:calc(.85rem + var(--sai-left));z-index:30;transition:opacity .18s,transform .18s;position:absolute}.workspace--controls-hidden .floating-game-controls,.workspace--controls-hidden .jigsaw-tray-tools,.workspace--controls-hidden .diamond-floating-btn--back{opacity:.22;pointer-events:auto;transform:none}@media (hover:hover) and (pointer:fine){.workspace--controls-hidden .floating-game-controls,.workspace--controls-hidden .jigsaw-tray-tools,.workspace--controls-hidden .diamond-floating-btn--back{opacity:.28;pointer-events:auto;transform:none}.workspace--controls-hidden .floating-game-controls:hover,.workspace--controls-hidden .jigsaw-tray-tools:hover,.workspace--controls-hidden .diamond-floating-btn--back:hover{opacity:1}}.gt-menu-wrap--floating{position:relative}.gt-icon-btn--floating{-webkit-backdrop-filter:blur(14px);background:#0c0c12d1;border-color:#ffffff29;width:42px;height:42px;box-shadow:0 10px 28px #00000052}.gt-menu--floating{min-width:210px;top:calc(100% + .55rem);left:0;right:auto}.settings-overlay{z-index:1000;background:#00000073;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.settings-overlay[hidden]{display:none}.settings-panel{background:var(--surface);border:1px solid var(--line);border-radius:1rem;width:100%;max-width:320px;box-shadow:0 8px 32px #00000040}.settings-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.settings-title{font-size:.95rem;font-weight:600}.settings-body{padding:1rem}.settings-label{color:var(--muted);margin-bottom:.5rem;font-size:.82rem;font-weight:500;display:block}.board-color-options{flex-wrap:wrap;gap:.5rem;display:flex}.board-color-swatch{border:2px solid var(--line);cursor:pointer;background:var(--surface-2);border-radius:.5rem;place-items:center;width:2.8rem;height:2.8rem;font-size:1.1rem;transition:border-color .12s;display:grid}.board-color-swatch.is-active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}.puzzle-mount{align-content:stretch;height:100%;min-height:0;display:grid;overflow:hidden}.jigsaw-root{grid-template-rows:auto minmax(0,1fr);gap:0;width:100%;height:100%;min-height:0;display:grid;position:relative}.jigsaw-clip-defs{width:0;height:0;position:absolute}.jigsaw-stage{touch-action:none;z-index:0;background:#0c0c12;position:fixed;inset:0;overflow:hidden}.jigsaw-stage-content{position:absolute;top:0;left:0}.jigsaw-ghost{width:100%;height:100%;position:absolute;inset:0}.jigsaw-reference{object-fit:cover;opacity:0;pointer-events:none;z-index:3;width:100%;height:100%;transition:opacity .13s;position:absolute;inset:0}.jigsaw-reference.is-visible{opacity:.96}.jigsaw-piece-layer{z-index:2;position:absolute;inset:0}.jigsaw-piece{touch-action:none;cursor:grab;filter:drop-shadow(0 3px 6px #00000040);-webkit-user-select:none;user-select:none;transition:filter .2s;position:absolute;top:0;left:0}.jigsaw-piece:active,.jigsaw-piece.is-dragging{cursor:grabbing;filter:drop-shadow(0 8px 20px #00000080)}.jigsaw-piece.is-loose{filter:drop-shadow(0 2px 4px #0000004d)drop-shadow(0 0 4px #ffd23c8c)}.jigsaw-piece.is-locked{pointer-events:none;filter:none;opacity:.97}@keyframes snap-flash{0%,30%,60%,to{filter:none}10%,15%{filter:brightness(1.35)drop-shadow(0 0 14px #f0c040f2)drop-shadow(0 0 4px #fff9)}40%,48%{filter:brightness(1.35)drop-shadow(0 0 14px #f0c040f2)drop-shadow(0 0 4px #fff9)}}.jigsaw-piece.snap-flash{pointer-events:none;animation:.8s ease-out snap-flash}@keyframes highlight-pulse{0%,to{filter:brightness()drop-shadow(0 0 4px #ffd23c8c)}50%{filter:brightness(1.5)drop-shadow(0 0 12px #ffc832d9)}}.jigsaw-piece.is-highlighted{animation:.5s ease-in-out 2 highlight-pulse;z-index:999!important}.jigsaw-carousel-item.is-hidden{display:none}.jigsaw-carousel{z-index:25;-webkit-backdrop-filter:blur(12px)saturate(1.1);touch-action:none;overscroll-behavior:contain;background:#0a0a0f73;grid-area:1/1;min-height:0;padding:.4rem;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000)}.jigsaw-tray-tools{z-index:30;flex-direction:row;grid-area:2/1;place-self:start center;gap:2rem;margin-top:-14px;transition:opacity .18s;display:flex}@media (orientation:portrait){.game-shell--jigsaw .jigsaw-root{padding-top:calc(.5rem + var(--sai-top) + 48px)}.jigsaw-root>.floating-game-controls{top:calc(.5rem + var(--sai-top));right:calc(.5rem + var(--sai-right));z-index:30;grid-area:auto;place-self:auto;margin:0;position:absolute;left:auto}.jigsaw-root>.floating-game-controls .gt-icon-btn--floating{width:40px;height:40px}.jigsaw-root>.floating-game-controls .gt-icon-btn--floating svg{width:16px;height:16px}.jigsaw-root>.floating-game-controls .gt-menu--floating{left:auto;right:0}.jigsaw-root>.jigsaw-tray-tools{top:calc(.5rem + var(--sai-top));z-index:30;grid-area:auto;place-self:auto;gap:.6rem;margin:0;position:absolute;left:50%;transform:translate(-50%)}.jigsaw-root>.jigsaw-tray-tools .jigsaw-tray-tool{background:#0a0a0f8c;border-color:#ffffff1a;width:40px;height:40px}.jigsaw-root>.jigsaw-tray-tools .jigsaw-tray-tool svg{width:16px;height:16px}}.game-shell--jigsaw .diamond-floating-btn--back,.game-shell--polygram .diamond-floating-btn--back,.game-shell--sliding .diamond-floating-btn--back,.game-shell--swap .diamond-floating-btn--back{opacity:.75;background:#1e1e28bf;border-color:#ffffff2e}.game-shell--jigsaw .diamond-floating-btn--back:hover,.game-shell--jigsaw .diamond-floating-btn--back:focus-visible,.game-shell--jigsaw .diamond-floating-btn--back:active,.game-shell--polygram .diamond-floating-btn--back:hover,.game-shell--polygram .diamond-floating-btn--back:focus-visible,.game-shell--polygram .diamond-floating-btn--back:active,.game-shell--sliding .diamond-floating-btn--back:hover,.game-shell--sliding .diamond-floating-btn--back:focus-visible,.game-shell--sliding .diamond-floating-btn--back:active,.game-shell--swap .diamond-floating-btn--back:hover,.game-shell--swap .diamond-floating-btn--back:focus-visible,.game-shell--swap .diamond-floating-btn--back:active{opacity:1;background:#282832e0}.game-shell--jigsaw .workspace--controls-hidden .diamond-floating-btn--back,.game-shell--polygram .workspace--controls-hidden .diamond-floating-btn--back,.game-shell--sliding .workspace--controls-hidden .diamond-floating-btn--back,.game-shell--swap .workspace--controls-hidden .diamond-floating-btn--back{opacity:.22}@media (hover:hover) and (pointer:fine){.game-shell--jigsaw .workspace--controls-hidden .diamond-floating-btn--back,.game-shell--polygram .workspace--controls-hidden .diamond-floating-btn--back,.game-shell--sliding .workspace--controls-hidden .diamond-floating-btn--back,.game-shell--swap .workspace--controls-hidden .diamond-floating-btn--back{opacity:.28}.game-shell--jigsaw .workspace--controls-hidden .diamond-floating-btn--back:hover,.game-shell--polygram .workspace--controls-hidden .diamond-floating-btn--back:hover,.game-shell--sliding .workspace--controls-hidden .diamond-floating-btn--back:hover,.game-shell--swap .workspace--controls-hidden .diamond-floating-btn--back:hover{opacity:1}}@media (display-mode:standalone) and (orientation:portrait){.jigsaw-root>.floating-game-controls,.jigsaw-root>.jigsaw-tray-tools{top:var(--sai-top)}.game-shell--jigsaw .jigsaw-root{padding-top:calc(var(--sai-top) + 48px)}}.jigsaw-tray-tool{color:#e8e6e0;cursor:pointer;width:28px;height:28px;font:inherit;-webkit-backdrop-filter:blur(8px);background:#0a0a0fb3;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:background .18s,transform .18s,border-color .18s;display:inline-flex}.jigsaw-tray-tool:hover{background:#ffffff2e}.jigsaw-tray-tool svg{width:13px;height:13px}.jigsaw-tray-tool[aria-pressed=true]{color:#f0c040;background:#f0c0402e;border-color:#f0c04066}.jigsaw-carousel-track{align-items:center;gap:.3rem;min-height:82px;display:flex}.jigsaw-carousel-item{flex:none;transition:transform .2s cubic-bezier(.16,1,.3,1);display:block}.jigsaw-carousel-item:hover{transform:translateY(-4px)scale(1.05)}.jigsaw-carousel-preview{display:block;position:relative}.jigsaw-carousel-outline{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;inset:0}.jigsaw-carousel-outline-path{fill:none;stroke:currentColor;color:var(--text);stroke-width:1px;stroke-linejoin:round}@media (orientation:landscape){.jigsaw-root{grid-template-rows:24px minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(118px,10.5vw);align-items:stretch;gap:0}.jigsaw-carousel{touch-action:none;border-bottom:0;grid-area:2/2;height:100%;min-height:0;padding:.45rem 0 .45rem .45rem;overflow:hidden scroll;-webkit-mask-image:linear-gradient(#0000,#000 1.25rem calc(100% - 1rem),#0000);mask-image:linear-gradient(#0000,#000 1.25rem calc(100% - 1rem),#0000)}.jigsaw-carousel-track{flex-direction:column;align-items:center;gap:.3rem;height:max-content}.jigsaw-tray-tools{flex-direction:column;grid-area:2/2;place-self:start;margin-top:.5rem;margin-left:-14px}.jigsaw-root>.floating-game-controls{grid-area:auto;place-self:auto;margin-top:0;margin-left:0;position:absolute;inset:auto auto 16px 16px}.jigsaw-root>.floating-game-controls .gt-menu--floating{inset:auto auto calc(100% + .55rem) 0}}.sliding-root{width:100%;height:100%;min-height:0;display:grid}.sliding-board-frame{place-items:center;width:100%;min-height:0;padding:.2rem;display:grid}.sliding-board{border:1px solid var(--line);background:var(--surface-2);touch-action:none;border-radius:.8rem;position:relative;overflow:hidden}.game-shell--immersive .sliding-board-frame{padding:0}.game-shell--immersive .sliding-board{background:0 0;border:0;border-radius:0}.game-shell--immersive .sliding-root{padding-top:var(--sai-top)}.sliding-reference{object-fit:cover;opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.sliding-reference.is-visible{opacity:1;z-index:4}.sliding-tile-layer{z-index:3;position:absolute;inset:0}.sliding-tile{cursor:pointer;touch-action:none;will-change:transform;background-repeat:no-repeat;border:0;border-radius:.2rem;margin:0;padding:0;transition:transform .15s cubic-bezier(.2,.74,.34,1),filter 80ms;position:absolute;top:0;left:0;box-shadow:0 2px 4px #00000038}.sliding-tile:active{filter:brightness(.95)}.sliding-tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.sliding-victory-tile{pointer-events:none;z-index:2;opacity:0;background-repeat:no-repeat;transition:opacity .16s;position:absolute;top:0;left:0}.sliding-victory-tile.is-visible{opacity:1}.picture-swap-root{width:100%;height:100%;min-height:0;display:grid}.picture-swap-board-frame{place-items:center;width:100%;min-height:0;padding:.2rem;display:grid}.picture-swap-board{border:1px solid var(--line);background:var(--surface-2);border-radius:.8rem;position:relative;overflow:hidden}.game-shell--immersive .picture-swap-board-frame{padding:0}.game-shell--immersive .picture-swap-board{background:0 0;border:0;border-radius:0}.game-shell--immersive .picture-swap-root{padding-top:var(--sai-top)}.picture-swap-reference{object-fit:cover;opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.picture-swap-reference.is-visible{opacity:1;z-index:5}.picture-swap-tile-layer{z-index:2;position:absolute;inset:0}.picture-swap-tile{cursor:pointer;background-repeat:no-repeat;border:1px solid #ffffff59;margin:0;padding:0;transition:transform .13s,box-shadow .13s,border-color .13s;position:absolute;top:0;left:0}.picture-swap-tile:hover{box-shadow:inset 0 0 0 1px #ffffff47}.picture-swap-tile.is-selected{border:2px solid var(--accent);z-index:3;box-shadow:inset 0 0 0 1px #ffffffb3}.picture-swap-tile:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 65%, transparent);outline-offset:-2px}.picture-swap-confetti{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0}.polygram-root{grid-template-rows:minmax(0,1fr) auto;width:100%;min-width:0;height:100%;min-height:0;display:grid;position:relative}.polygram-board-wrap{place-items:center;min-width:0;min-height:0;display:grid;overflow:hidden}.polygram-board{touch-action:none;background:#0c0c12;position:relative;overflow:hidden}.polygram-board:after{content:"";pointer-events:none;z-index:1;background:radial-gradient(#0000 40%,#0000004d 100%);position:absolute;inset:0}.polygram-board-content{transform-origin:0 0;position:absolute;inset:0}.polygram-ghost,.polygram-reference{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.polygram-ghost{opacity:.08;filter:grayscale(.5)saturate(.85)contrast(.9)}.polygram-reference{opacity:0;z-index:2;transition:opacity .14s}.polygram-reference.is-visible{opacity:.92}.polygram-locked-layer,.polygram-placed-layer{z-index:3;position:absolute;inset:0}.polygram-piece.is-placed{cursor:grab;pointer-events:auto;filter:drop-shadow(0 3px 8px #0006)drop-shadow(0 0 .3rem #a060f047)}.polygram-snap-hint{pointer-events:none;opacity:0;z-index:4;filter:drop-shadow(0 0 6px oklab(82.083% .0456589 .141401/.8))drop-shadow(0 0 14px oklab(82.083% .0456589 .141401/.45))drop-shadow(0 0 24px oklab(82.083% .0456589 .141401/.2));background:oklab(82.083% .0456589 .141401/.1);border:none;transition:opacity .12s,background .12s,filter .12s;position:absolute;top:0;left:0}.polygram-snap-hint.is-visible{opacity:1}.polygram-snap-hint.is-ready{background:color-mix(in oklab, var(--ok) 12%, transparent);filter:drop-shadow(0 0 8px color-mix(in oklab, var(--ok) 85%, transparent)) drop-shadow(0 0 18px color-mix(in oklab, var(--ok) 50%, transparent)) drop-shadow(0 0 30px color-mix(in oklab, var(--ok) 22%, transparent))}.polygram-tray{-webkit-backdrop-filter:blur(12px)saturate(1.1);background:#0a0a0f73;min-width:0;min-height:0;padding:.4rem;overflow:hidden}.polygram-tray-grid{touch-action:none;overscroll-behavior:contain;align-items:center;gap:.3rem;min-height:64px;display:flex;overflow:auto hidden}.game-shell--polygram .floating-game-controls,.game-shell--sliding .floating-game-controls,.game-shell--swap .floating-game-controls{top:calc(.5rem + var(--sai-top));right:calc(.5rem + var(--sai-right));left:auto}.game-shell--polygram .floating-game-controls .gt-menu--floating,.game-shell--sliding .floating-game-controls .gt-menu--floating,.game-shell--swap .floating-game-controls .gt-menu--floating{left:auto;right:0}.game-shell--immersive .polygram-tray{-webkit-mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(90deg,#0000,#000 1rem calc(100% - 1rem),#0000)}@media (orientation:portrait){.game-shell--immersive .polygram-root{padding-top:calc(var(--sai-top) + 44px);grid-template-rows:auto minmax(0,1fr)}.game-shell--immersive .polygram-tray{grid-row:1;padding:.25rem .4rem}.game-shell--immersive .polygram-tray-grid{height:82px;min-height:0}.game-shell--immersive .polygram-board-wrap{grid-row:2}}@media (orientation:landscape){.game-shell--immersive .polygram-root{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) 88px;gap:0}.game-shell--immersive .polygram-tray{height:100%;min-height:0;padding:.35rem .2rem;-webkit-mask-image:linear-gradient(#0000,#000 1rem calc(100% - 1rem),#0000);mask-image:linear-gradient(#0000,#000 1rem calc(100% - 1rem),#0000)}.game-shell--immersive .polygram-tray-grid{touch-action:none;flex-direction:column;align-items:center;gap:.2rem;width:100%;height:100%;min-height:0;overflow:hidden auto}}@media (display-mode:standalone) and (orientation:portrait){.game-shell--immersive .polygram-root{padding-top:calc(var(--sai-top) + 44px)}}.polygram-held-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.polygram-piece.is-held{opacity:.85;filter:drop-shadow(0 4px 12px #0000004d);transition:none;z-index:10!important}.polygram-rotate-ring{border:3px solid color-mix(in srgb, var(--accent) 50%, transparent);background:color-mix(in srgb, var(--accent) 6%, transparent);pointer-events:none;opacity:0;z-index:4;touch-action:none;border-radius:50%;transition:opacity .15s;position:absolute}.polygram-rotate-ring.is-visible{opacity:1;pointer-events:auto;cursor:grab}.polygram-rotate-ring.is-visible:active{cursor:grabbing}.polygram-ring-knob{background:var(--accent);border:3px solid var(--surface);pointer-events:none;border-radius:50%;width:28px;height:28px;margin:-14px 0 0 -14px;position:absolute;box-shadow:0 2px 6px #0000004d}.polygram-piece{transform-origin:50%;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 4px #00000047);background-color:#0000;background-repeat:no-repeat;border:0;margin:0;padding:0;transition:transform .14s,filter .12s;position:absolute;top:0;left:0}.polygram-piece.is-active{touch-action:none;filter:drop-shadow(0 4px 10px #00000054)}.polygram-piece.is-selected{filter:drop-shadow(0 0 .5rem color-mix(in oklab, var(--accent) 68%, transparent)) drop-shadow(0 0 1.1rem color-mix(in oklab, var(--accent) 32%, transparent));outline:2px solid color-mix(in oklab, var(--accent) 55%, transparent);outline-offset:2px}.polygram-piece.is-select-pulse{animation:.36s ease-out polygram-select-pulse}.polygram-piece.is-rotating{transition:transform .2s cubic-bezier(.34,1.56,.64,1),filter .12s}@keyframes polygram-select-pulse{0%{filter:drop-shadow(0 0 .5rem color-mix(in oklab, var(--accent) 68%, transparent)) drop-shadow(0 0 1.1rem color-mix(in oklab, var(--accent) 32%, transparent))}40%{filter:drop-shadow(0 0 .8rem color-mix(in oklab, var(--accent) 88%, transparent)) drop-shadow(0 0 1.6rem color-mix(in oklab, var(--accent) 52%, transparent)) drop-shadow(0 0 2.4rem color-mix(in oklab, var(--accent) 26%, transparent))}to{filter:drop-shadow(0 0 .5rem color-mix(in oklab, var(--accent) 68%, transparent)) drop-shadow(0 0 1.1rem color-mix(in oklab, var(--accent) 32%, transparent))}}.polygram-piece.is-ready-to-snap{filter:drop-shadow(0 0 .45rem color-mix(in oklab, var(--ok) 78%, transparent)) drop-shadow(0 0 .95rem color-mix(in oklab, var(--ok) 32%, transparent))}.polygram-piece.is-locked{cursor:default;pointer-events:none;filter:none}.polygram-piece.snap-flash{pointer-events:none;animation:.9s ease-out snap-flash}.polygram-piece:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 65%, transparent);outline-offset:1px}@media (width<=760px){.polygram-board-wrap{padding:0}}@media (orientation:landscape){.polygram-root{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(118px,10.5vw);align-items:stretch}.polygram-tray{border-top:0;border-left:1px solid #ffffff0f;align-self:stretch;height:100%;min-height:0;padding:.45rem .15rem .45rem .45rem;display:flex;overflow:visible;box-shadow:-4px 0 20px #0000004d}.polygram-tray-grid{touch-action:pan-y;flex-flow:column;flex:auto;align-items:center;gap:.3rem;height:100%;min-height:100%;overflow:hidden auto}}.completion-overlay{z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;background:#00000080;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:fixed;inset:0}.completion-overlay.is-visible{opacity:1}.completion-card{background:var(--surface);text-align:center;border-radius:1rem;width:90%;max-width:400px;max-height:80vh;padding:2rem;transition:transform .2s;overflow-y:auto;transform:translateY(20px);box-shadow:0 8px 32px #0000004d}.completion-overlay.is-visible .completion-card{transform:translateY(0)}.completion-card h2{color:var(--text);margin:0 0 1.2rem;font-size:1.5rem}.completion-progress{flex-direction:column;align-items:center;gap:.35rem;margin-bottom:1.2rem;display:flex}.completion-glyph{width:96px;height:96px}.completion-progress-date{color:var(--text);font-size:.85rem;font-weight:600}.completion-progress-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.completion-progress.all-done .completion-progress-label{color:gold}.completion-glyph [data-just-done="1"][data-done="1"] .petal{animation:.8s ease-out .3s both glyph-petal-pop}.completion-glyph [data-just-done="1"][data-done="1"] .arm{fill:gold;animation:.8s ease-out .3s both glyph-arm-flash}@keyframes glyph-petal-pop{0%{opacity:.1;filter:brightness(2.5)}40%{opacity:1;filter:brightness(1.8)}to{opacity:.95;filter:brightness()}}@keyframes glyph-arm-flash{0%{fill:#fff;filter:brightness(2)}40%{fill:gold;filter:brightness(1.6)}to{fill:gold;filter:brightness()}}.completion-progress.all-done .completion-glyph .ring-bg{animation:.8s ease-out .8s both glyph-ring-glow}@keyframes glyph-ring-glow{0%{stroke:#ffffff0f;stroke-width:1px}50%{stroke:gold;stroke-width:5px}to{stroke:gold;stroke-width:3px}}.completion-stats{justify-content:center;gap:1rem;margin-bottom:1.5rem;display:flex}.completion-stat{flex-direction:column;align-items:center;gap:.2rem;display:flex}.stat-value{color:var(--accent);font-size:1.3rem;font-weight:700}.stat-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.completion-leaderboard{text-align:left;margin-bottom:1.5rem}.completion-leaderboard h3{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;text-align:center;margin:0 0 .6rem;font-size:.85rem}.lb-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:.85rem}.lb-table th{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--line);text-align:left;padding:.3rem .5rem;font-size:.7rem;font-weight:500}.lb-table td{border-bottom:1px solid var(--line);color:var(--text);padding:.4rem .5rem}.lb-col-rank{width:2.5rem}.lb-col-time{width:3.5rem}.lb-col-best{width:1.75rem}.lb-rank{color:var(--muted);font-weight:600}.lb-time{font-variant-numeric:tabular-nums;font-weight:500}.lb-player{text-align:left;overflow-wrap:normal}.leaderboard-row-me,.lb-row-me{background:color-mix(in srgb, var(--accent) 14%, transparent)}.leaderboard-row-me td,.lb-row-me td{color:var(--accent);font-weight:600}.lb-scroll{scroll-behavior:smooth;border-radius:.4rem;max-height:11rem;overflow-y:auto}.lb-scroll .lb-table thead th{background:var(--surface);z-index:1;position:sticky;top:0}.lb-rank{white-space:nowrap;position:relative}.lb-rank .lb-rank-num{display:inline-block}.lb-best{text-align:right;padding-right:.4rem}.lb-star{vertical-align:-.15em;width:1rem;height:1rem;color:var(--accent);fill:none;stroke-linejoin:round}.lb-pinned{cursor:pointer;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);border-radius:.5rem;margin-top:.5rem;overflow:hidden}.lb-pinned tbody tr{background:color-mix(in srgb, var(--accent) 18%, transparent)}.lb-pinned tbody td{color:var(--accent);border-bottom:none;padding-top:.55rem;padding-bottom:.55rem;font-weight:600}.lb-pinned:hover tbody tr{background:color-mix(in srgb, var(--accent) 28%, transparent)}.lb-row-ghost-inline{opacity:.55}.lb-row-ghost-inline td{background:color-mix(in srgb, var(--muted) 10%, transparent);border-top:1px dashed color-mix(in srgb, var(--muted) 60%, transparent);border-bottom:1px dashed color-mix(in srgb, var(--muted) 60%, transparent);color:var(--muted)!important;font-weight:500!important}.lb-trend{vertical-align:-.1em;font-size:.95em;line-height:1;display:inline-block}.lb-trend-better{color:#58d38a}.lb-trend-worse{color:#e87676}.lb-trend-tied{color:var(--muted)}.completion-stat-pb-better .stat-value{color:#58d38a}.completion-stat-pb-worse .stat-value{color:#e87676}.completion-stat-pb-neutral .stat-value{color:var(--accent)}.completion-rankline{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;text-align:center;margin:-.9rem 0 1.2rem;font-size:.75rem}.completion-dismiss{appearance:none;background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:.5rem;padding:.6rem 2rem;font-size:.95rem;font-weight:600;transition:opacity .15s}.completion-dismiss:hover{opacity:.85}@media (orientation:landscape) and (height<=500px){.completion-card{text-align:center;grid-template-rows:auto auto auto auto auto;grid-template-columns:auto 1fr;align-items:start;gap:0 1.4rem;max-width:560px;max-height:92vh;padding:1rem 1.2rem;display:grid;overflow:hidden}.completion-card h2{grid-area:1/1;margin:0 0 .5rem;font-size:1.15rem}.completion-progress{grid-area:2/1;margin-bottom:.4rem}.completion-glyph{width:64px;height:64px}.completion-stats{grid-area:3/1;gap:1.2rem;margin:0 0 .4rem}.completion-rankline{grid-area:4/1;margin:0 0 .6rem}.completion-leaderboard{text-align:left;flex-direction:column;grid-area:1/2/span 5;min-height:0;max-height:calc(92vh - 2rem);margin:0;display:flex}.completion-leaderboard .lb-scroll{flex:auto;min-height:0;max-height:none}.completion-leaderboard h3{margin:0 0 .4rem}.completion-dismiss{grid-area:5/1;justify-self:center;padding:.5rem 1.6rem;font-size:.85rem}.confirm-card,.name-card{text-align:center;max-width:380px;padding:1.1rem 1.4rem .9rem;display:block;overflow:visible}.name-card{text-align:left}}.name-card{text-align:left;max-width:340px;padding:1.5rem 1.5rem 1.2rem}.name-title{color:var(--text);margin:0 0 .6rem;font-size:1.1rem}.name-msg{color:var(--muted);margin:0 0 1rem;font-size:.85rem;line-height:1.4}.name-input{box-sizing:border-box;appearance:none;background:color-mix(in srgb, var(--muted) 10%, transparent);border:1px solid color-mix(in srgb, var(--muted) 35%, transparent);width:100%;color:var(--text);border-radius:.5rem;margin-bottom:1rem;padding:.6rem .8rem;font-size:.95rem}.name-input:focus{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);outline:none}.confirm-card{max-width:320px;padding:1.5rem 1.5rem 1.2rem}.confirm-message{color:var(--text);margin:0 0 1.2rem;font-size:.95rem;line-height:1.4}.confirm-actions{justify-content:center;gap:.6rem;display:flex}.confirm-cancel,.confirm-ok{appearance:none;cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.2rem;font-size:.85rem;font-weight:600;transition:opacity .15s,transform .15s}.confirm-cancel{color:var(--text);background:#ffffff14}.confirm-ok{background:var(--accent,#50e8a0);color:#0a0a0f}.confirm-cancel:hover,.confirm-ok:hover{transform:translateY(-1px)}.sync-celebrate-card{text-align:left;max-width:380px;padding:1.5rem 1.5rem 1.2rem;display:block}.sync-celebrate-title{color:var(--text);margin:0 0 .6rem;font-size:1.1rem}.sync-celebrate-msg{color:var(--muted);margin:0 0 1rem;font-size:.85rem;line-height:1.4}.sync-celebrate-code{background:#50e8a00f;border:1px dashed #50e8a04d;border-radius:.5rem;justify-content:center;margin-bottom:1rem;padding:.8rem}.sync-celebrate-actions{flex-direction:column;gap:.5rem;margin-bottom:.8rem;display:flex}.sync-celebrate-share,.sync-celebrate-copy{appearance:none;cursor:pointer;border:none;border-radius:.5rem;padding:.7rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:opacity .15s,transform .15s}.sync-celebrate-share{background:var(--accent,#50e8a0);color:#0a0a0f}.sync-celebrate-copy{color:var(--text);background:#ffffff14}.sync-celebrate-share:hover,.sync-celebrate-copy:hover{transform:translateY(-1px)}.sync-celebrate-hint{color:#e8e6e073;text-align:center;margin:0 0 1rem;font-size:.72rem}.sync-celebrate-done-row{margin-top:.2rem}.mode-card-badge-save{background:var(--accent);color:#fff}.completed-screen{height:var(--app-height,100vh);color:#fff;background:#000;position:fixed;top:0;left:0;right:0;overflow:hidden}.completed-screen-blur{object-fit:cover;filter:blur(32px)brightness(.55)saturate(1.15);pointer-events:none;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1.12)}.completed-screen-bg-preview{pointer-events:none;isolation:isolate;width:100%;height:100%;position:absolute;inset:0}.completed-screen-bg-preview .diamond-root,.completed-screen-bg-preview .diamond-board-frame,.completed-screen-bg-preview .jigsaw-root,.completed-screen-bg-preview .jigsaw-stage,.completed-screen-bg-preview .sliding-root,.completed-screen-bg-preview .sliding-board,.completed-screen-bg-preview .picture-swap-root,.completed-screen-bg-preview .picture-swap-board,.completed-screen-bg-preview .polygram-root,.completed-screen-bg-preview .polygram-board{background:0 0!important}.completed-screen-bg-preview .jigsaw-stage{position:absolute!important}.completed-screen-bg-preview .diamond-palette-bar,.completed-screen-bg-preview .jigsaw-carousel,.completed-screen-bg-preview .jigsaw-tray-tools,.completed-screen-bg-preview .floating-game-controls,.completed-screen-bg-preview .polygram-tray,.completed-screen-bg-preview .polygram-rotate-ring{display:none}.completed-screen-bg-preview .diamond-board-frame{touch-action:auto}.completed-screen-topbar{top:calc(.8rem + var(--sai-top));z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0000008c;border-radius:999px;align-items:center;gap:.5rem;max-width:calc(100% - 2rem);padding:.3rem .9rem .3rem .3rem;display:flex;position:absolute;left:1rem;box-shadow:0 2px 8px #00000040}.completed-screen-back{appearance:none;width:1.9rem;height:1.9rem;color:inherit;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;flex-shrink:0;place-items:center;font-size:1rem;line-height:1;display:grid}.completed-screen-meta{flex-direction:column;min-width:0;line-height:1.1;display:flex}.completed-screen-meta .meta-mode{white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.completed-screen-meta .meta-date{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.65rem}.completed-screen-pill{top:calc(.8rem + var(--sai-top));z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border-radius:999px;gap:1.2rem;padding:.5rem 1rem;display:flex;position:absolute;right:1rem;box-shadow:0 2px 8px #00000040}.completed-screen-pill .pill-item{flex-direction:column;align-items:center;line-height:1.1;display:flex}.completed-screen-pill .pill-value{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:700}.completed-screen-pill .pill-label{text-transform:uppercase;letter-spacing:.05em;opacity:.75;font-size:.65rem}.completed-screen-sheet{z-index:2;background:var(--surface);color:var(--text);max-height:calc(var(--app-height,100vh) * .75);transform:translateY(calc(100% - var(--sheet-peek,3.2rem)));cursor:pointer;border-radius:1rem 1rem 0 0;flex-direction:column;transition:transform .25s;display:flex;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -4px 24px #0000004d}.completed-screen-sheet[aria-expanded=true]{cursor:default;transform:translateY(0)}.sheet-handle{appearance:none;color:inherit;cursor:pointer;background:0 0;border:none;flex-direction:column;flex-shrink:0;align-items:center;gap:.3rem;width:100%;padding:.5rem 1rem .6rem;display:flex}.sheet-handle-bar{background:var(--line);border-radius:999px;width:2.5rem;height:.25rem}.sheet-handle-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:.8rem;font-weight:600}.sheet-handle-icon{fill:#f0c040;flex-shrink:0;width:1.1rem;height:1.1rem}.sheet-body{flex:auto;padding:.4rem 1rem 1.2rem;overflow-y:auto}.sheet-leaderboard{margin-bottom:1rem}.sheet-leaderboard .lb-table{width:100%}.sheet-leaderboard-empty{text-align:center;color:var(--muted);margin:1rem 0;font-size:.85rem}.completed-screen-replay{right:1rem;bottom:calc(var(--sheet-peek,3.2rem) + 1rem);z-index:3;appearance:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:.03em;cursor:pointer;background:#0000008c;border:none;border-radius:999px;padding:.5rem 1.1rem;font-size:.8rem;font-weight:700;transition:opacity .2s;position:absolute;box-shadow:0 2px 8px #00000040}.completed-screen:has(.completed-screen-sheet[aria-expanded=true]) .completed-screen-replay{opacity:0;pointer-events:none}@media (orientation:landscape) and (height<=500px){.completed-screen-replay{bottom:1rem;right:calc(var(--sheet-peek,2.6rem) + .6rem)}.completed-screen-sheet{width:min(18rem,45vw);max-height:none;transform:translateX(calc(100% - var(--sheet-peek,2.6rem)));border-radius:1rem 0 0 1rem;inset:0 0 0 auto;box-shadow:-4px 0 24px #0000004d}.completed-screen-sheet[aria-expanded=true]{transform:translate(0)}.sheet-handle{flex-direction:row;justify-content:flex-start;align-items:flex-start;padding:.8rem .6rem}.sheet-handle-bar,.sheet-handle-label{display:none}.sheet-handle-icon{display:block}.completed-screen-sheet[aria-expanded=true] .sheet-handle-label{display:inline}.completed-screen-sheet[aria-expanded=true] .sheet-handle{gap:.5rem}.completed-screen-pill{right:calc(var(--sheet-peek,2.6rem) + .6rem);transition:opacity .2s}.completed-screen:has(.completed-screen-sheet[aria-expanded=true]) .completed-screen-pill{opacity:0;pointer-events:none}}.diamond-root{background:#0a0a0f;width:100%;height:100%;min-height:0;position:relative;overflow:hidden}.diamond-board-frame{touch-action:none;background:#0a0a0f;position:absolute;inset:0;overflow:hidden}.diamond-board-content{transform-origin:0 0;will-change:transform}.diamond-canvas{display:block}.diamond-reference{object-fit:cover;opacity:0;pointer-events:none;z-index:1;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.diamond-reference.is-visible{opacity:1;z-index:5}.diamond-palette-bar{z-index:20;-webkit-backdrop-filter:blur(10px);background:#0a0a0f8c;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:8px 12px;display:flex;position:absolute;bottom:0;left:0;right:0;overflow-x:auto}.diamond-swatch{cursor:pointer;border:2.5px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:700;transition:border-color .12s,transform .12s;display:flex}.diamond-swatch.selected{border-color:var(--text);transform:scale(1.15)}.diamond-swatch:hover:not(.selected){border-color:var(--muted)}.diamond-floating-btn{z-index:30;color:#e8e6e0;cursor:pointer;width:40px;height:40px;font:inherit;opacity:.35;-webkit-tap-highlight-color:transparent;background:#0a0a0f8c;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:opacity .18s,background .18s,transform .18s;display:flex;position:absolute}.diamond-floating-btn svg{width:18px;height:18px}.diamond-floating-btn:hover,.diamond-floating-btn:focus-visible,.diamond-floating-btn:active{opacity:1;background:#0a0a0fcc}.diamond-floating-btn--back{top:calc(.5rem + var(--sai-top));left:calc(.5rem + var(--sai-left))}.diamond-floating-btn--restart{top:calc(.5rem + var(--sai-top));right:calc(.5rem + var(--sai-right));color:#f06050}@media (orientation:landscape){.diamond-palette-bar{flex-wrap:unset;grid-template-rows:repeat(9,auto);grid-template-columns:auto auto;grid-auto-flow:column;place-content:center end;gap:6px;padding:8px;display:grid;inset:0 0 0 auto;overflow:hidden auto}.diamond-palette-bar .diamond-swatch:nth-child(10){grid-row:2}.diamond-floating-btn--back{top:16px;left:16px}.diamond-floating-btn--restart{inset:auto auto 16px 16px}}@media (display-mode:standalone){.diamond-floating-btn--back,.diamond-floating-btn--restart{top:var(--sai-top)}@media (orientation:landscape){.diamond-floating-btn--back{top:16px}.diamond-floating-btn--restart{top:auto;bottom:16px}}}