:root,[data-theme=soft]{--ring-radius: 145px;--slot-size: 40px;--md-primary: #D8587A;--md-on-primary: #FFFFFF;--md-primary-container: #FFE8EE;--md-on-primary-container: #8E2344;--md-secondary: #E8A045;--md-on-secondary: #FFFFFF;--md-secondary-container: #FFF0DC;--md-on-secondary-container: #7A4E12;--md-tertiary: #52A8B5;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #D8F0F4;--md-on-tertiary-container: #1A5A63;--md-surface: #FFFAF8;--md-surface-dim: #F5EEF2;--md-surface-container-lowest: #FFFFFF;--md-surface-container: #FFF0F4;--md-surface-container-high: #FFE8F0;--md-surface-container-highest: #FFDEE8;--md-on-surface: #1E1820;--md-on-surface-variant: #5A5060;--md-outline: #A894A0;--md-outline-variant: #E8D0D8;--accent-blue: #5B8FD4;--accent-red: #E8716A;--accent-green: #5CB88A;--accent-gold: #E8C547;--pop-blue: #5B8FD4;--pop-pink: #D8587A;--pop-yellow: #E8C547;--pop-mint: #5CB88A;--bg-color: var(--md-surface);--text-color: var(--md-on-surface);--text-muted: var(--md-on-surface-variant);--surface: var(--md-surface-container-lowest);--surface-strong: var(--md-surface-container);--border-soft: var(--md-outline-variant);--shadow-color: rgba(216, 88, 122, .18);--overlay-bg: rgba(255, 250, 248, .82);--accent-glow: rgba(216, 88, 122, .32);--pop-shadow: rgba(216, 88, 122, .14);--pop-shadow-strong: rgba(216, 88, 122, .26);--shape-xs: 8px;--shape-sm: 12px;--shape-md: 16px;--shape-lg: 28px;--shape-full: 9999px;--motion-standard: cubic-bezier(.2, 0, 0, 1);--motion-emphasized: cubic-bezier(.2, 0, 0, 1);--motion-spring-spatial: cubic-bezier(.34, 1.25, .64, 1);--motion-spring-effects: cubic-bezier(.4, 0, .2, 1);--motion-duration-medium: .45s;--motion-duration-short: .25s;--md-elevation-1: 0 1px 2px 0 rgb(0 0 0 / .08), 0 1px 3px 1px rgb(0 0 0 / .06);--md-elevation-2: 0 1px 2px 0 rgb(0 0 0 / .08), 0 2px 6px 2px rgb(0 0 0 / .06);--type-display: clamp(1.75rem, 4vw, 2.25rem);--type-headline: clamp(1.25rem, 3vw, 1.5rem);--type-title: 1rem;--type-label: .75rem}[data-theme=earth]{--md-primary: #9E6B4A;--md-on-primary: #FFFFFF;--md-primary-container: #F0E4DA;--md-on-primary-container: #5C3D2E;--md-secondary: #6B8F71;--md-on-secondary: #FFFFFF;--md-secondary-container: #DCE8DD;--md-on-secondary-container: #2D4A32;--md-tertiary: #6B8E9F;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #D5E4EB;--md-on-tertiary-container: #2A4450;--md-surface: #F7F3ED;--md-surface-dim: #EDE6DC;--md-surface-container-lowest: #FDFBF7;--md-surface-container: #F0EAE0;--md-surface-container-high: #E8E0D4;--md-surface-container-highest: #DDD4C8;--md-on-surface: #2C2419;--md-on-surface-variant: #5C5044;--md-outline: #9A8B7A;--md-outline-variant: #D4C8B8;--accent-blue: #5C7A8A;--accent-red: #B85C38;--accent-green: #6E8B65;--accent-gold: #B8956A;--pop-blue: #6B8E9F;--pop-pink: #9E6B4A;--pop-yellow: #C4AD8A;--pop-mint: #6B8F71;--shadow-color: rgba(92, 61, 46, .18);--overlay-bg: rgba(247, 243, 237, .82);--accent-glow: rgba(158, 107, 74, .3);--pop-shadow: rgba(92, 61, 46, .12);--pop-shadow-strong: rgba(92, 61, 46, .22)}[data-theme=mint]{--md-primary: #3A9B8A;--md-on-primary: #FFFFFF;--md-primary-container: #D8F2ED;--md-on-primary-container: #1A5A50;--md-secondary: #E8A045;--md-on-secondary: #FFFFFF;--md-secondary-container: #FFF0DC;--md-on-secondary-container: #7A4E12;--md-tertiary: #5B8FD4;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #D8E8F8;--md-on-tertiary-container: #2A4A70;--md-surface: #F8FCFA;--md-surface-dim: #E8F2EE;--md-surface-container-lowest: #FFFFFF;--md-surface-container: #E8F5F1;--md-surface-container-high: #DCEFE8;--md-surface-container-highest: #CFE8DF;--md-on-surface: #142420;--md-on-surface-variant: #4A5C56;--md-outline: #8AA89E;--md-outline-variant: #C4DCD4;--accent-blue: #5B8FD4;--accent-red: #E8716A;--accent-green: #3A9B8A;--accent-gold: #E8C547;--pop-blue: #5B8FD4;--pop-pink: #3A9B8A;--pop-yellow: #E8C547;--pop-mint: #3A9B8A;--shadow-color: rgba(58, 155, 138, .18);--overlay-bg: rgba(248, 252, 250, .82);--accent-glow: rgba(58, 155, 138, .32);--pop-shadow: rgba(58, 155, 138, .14);--pop-shadow-strong: rgba(58, 155, 138, .26)}[data-theme=blue]{--md-primary: #4A7FD4;--md-on-primary: #FFFFFF;--md-primary-container: #D8E8FF;--md-on-primary-container: #1A4378;--md-secondary: #52A8B5;--md-on-secondary: #FFFFFF;--md-secondary-container: #D0F0F4;--md-on-secondary-container: #1A5A63;--md-tertiary: #E8A045;--md-on-tertiary: #FFFFFF;--md-tertiary-container: #FFF0DC;--md-on-tertiary-container: #7A4E12;--md-surface: #F5F8FF;--md-surface-dim: #E8EEF8;--md-surface-container-lowest: #FFFFFF;--md-surface-container: #E8F0FF;--md-surface-container-high: #DCE8FF;--md-surface-container-highest: #CDDFFF;--md-on-surface: #141824;--md-on-surface-variant: #4A5568;--md-outline: #8A9BB8;--md-outline-variant: #C4D4EC;--accent-blue: #4A7FD4;--accent-red: #E8716A;--accent-green: #5CB88A;--accent-gold: #E8C547;--pop-blue: #4A7FD4;--pop-pink: #4A7FD4;--pop-yellow: #E8C547;--pop-mint: #52A8B5;--shadow-color: rgba(74, 127, 212, .18);--overlay-bg: rgba(245, 248, 255, .82);--accent-glow: rgba(74, 127, 212, .32);--pop-shadow: rgba(74, 127, 212, .14);--pop-shadow-strong: rgba(74, 127, 212, .26)}body{margin:0;background:var(--md-surface);color:var(--md-on-surface);overflow:hidden;font-family:Roboto Flex,system-ui,-apple-system,sans-serif;font-variation-settings:"opsz" 32;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html{height:100%;overflow:hidden}#app{position:relative;width:100%;max-width:100vw;height:100vh;height:100dvh;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box}.board-scaler{position:relative;flex:1 1 auto;order:2;min-height:0;display:flex;align-items:center;justify-content:center;padding:4px calc(8px + env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) calc(8px + env(safe-area-inset-left,0px));box-sizing:border-box;z-index:1}.game-board{position:relative;flex-shrink:0;transform:scale(var(--board-scale, 1));transform-origin:center center;transition:transform var(--motion-duration-short) var(--motion-spring-effects)}.game-board:after{content:"";position:absolute;top:-24px;right:-24px;bottom:-24px;left:-24px;border-radius:var(--shape-lg);background:var(--md-surface-container);border:1px solid var(--md-outline-variant);box-shadow:0 8px 32px var(--pop-shadow),inset 0 1px #ffffffbf;z-index:-1;pointer-events:none}.ring{position:absolute;width:340px;height:340px;left:50%;top:50%;margin:0;touch-action:none;z-index:10;cursor:grab}.ring:active{cursor:grabbing}.ring:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;border:50px solid var(--md-surface-container-highest);box-shadow:inset 0 2px 8px #1a12200d,0 4px 18px var(--pop-shadow);pointer-events:none;z-index:0;box-sizing:border-box;transition:border-color var(--motion-duration-short) var(--motion-spring-effects),box-shadow var(--motion-duration-short) var(--motion-spring-effects)}.ring.ring-solved:before{border-color:color-mix(in srgb,var(--accent-gold) 72%,white);box-shadow:inset 0 2px 8px #1e18200d,0 0 22px #e8c54773}.hint-arrow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:56px;font-weight:700;color:var(--md-primary);pointer-events:none;z-index:40;animation:hint-spring 2s var(--motion-spring-effects) forwards}@keyframes hint-spring{0%{opacity:0;transform:translate(-50%,-50%) scale(.6)}15%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}.ring-1:before{border-color:color-mix(in srgb,var(--accent-blue) 52%,white)}.ring-2:before{border-color:color-mix(in srgb,var(--accent-red) 50%,white)}.ring-3:before{border-color:color-mix(in srgb,var(--accent-green) 50%,white)}.sequence-layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:19;overflow:visible}.sequence-layer .sequence-band{fill:color-mix(in srgb,var(--md-tertiary) 24%,transparent);stroke:color-mix(in srgb,var(--md-tertiary) 75%,var(--md-on-surface));stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;filter:drop-shadow(0 1px 3px rgba(0,0,0,.12))}.tile{position:absolute;width:var(--slot-size);height:var(--slot-size);line-height:var(--slot-size);text-align:center;border-radius:50%;background:var(--md-surface-container-lowest);border:2.5px solid var(--md-outline-variant);color:var(--md-on-surface);font-weight:700;font-size:18px;font-variation-settings:"opsz" 32,"wght" 700;box-shadow:0 2px 8px #1d1b201f,inset 0 1px #fffc;top:50%;left:50%;margin-left:calc(var(--slot-size) / -2);margin-top:calc(var(--slot-size) / -2);transform-origin:center center;z-index:20;pointer-events:none;transition:background var(--motion-duration-short) var(--motion-standard),border-color var(--motion-duration-short) var(--motion-standard),box-shadow var(--motion-duration-short) var(--motion-standard)}.tile.tile-r1{border-color:var(--accent-blue);background:color-mix(in srgb,var(--accent-blue) 26%,white);color:#3d6ba8}.tile.tile-r2{border-color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 24%,white);color:#c04848}.tile.tile-r3{border-color:var(--accent-green);background:color-mix(in srgb,var(--accent-green) 26%,white);color:#2d8a62}.tile.tile-shared{border-color:var(--accent-gold);color:#8a7020;background:color-mix(in srgb,var(--accent-gold) 36%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-gold) 30%,transparent),0 4px 12px #e8c54747}.tile.tile-sequence{z-index:21}.rotate-btn{position:absolute;width:36px;height:36px;border-radius:50%;border:2px solid #aaa;background:#fff;color:#333;font-size:18px;font-weight:700;cursor:pointer;z-index:50;box-shadow:0 2px 6px #0003;transition:background .2s,transform .1s;display:flex;align-items:center;justify-content:center}.rotate-btn:hover{background:#f0f0f0}.rotate-btn:active{transform:scale(.95);background:#e0e0e0}.rotate-left{top:-10px;left:-10px}.rotate-right{bottom:-10px;right:-10px}.ui-layer{position:relative;order:1;flex-shrink:0;width:100%;pointer-events:none;display:flex;flex-direction:column;padding:calc(12px + env(safe-area-inset-top,0px)) calc(12px + env(safe-area-inset-right,0px)) 8px calc(12px + env(safe-area-inset-left,0px));box-sizing:border-box;z-index:10}.ui-header{display:flex;flex-direction:column;gap:.5rem;width:100%;min-width:0;pointer-events:auto}.ui-header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;width:100%;min-width:0}.ui-header-tools{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;width:100%;min-width:0}.btn-menu-toggle{flex-shrink:0}.title-area{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0;flex:1 1 auto}.title-area h1{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h1{margin:0;font-size:var(--type-headline);font-weight:800;font-variation-settings:"opsz" 32,"wght" 800;letter-spacing:-.02em;line-height:1.1;color:var(--md-primary)}.daily-label,.scrambling-label{margin:0;font-size:var(--type-label);font-weight:600;letter-spacing:.04em;color:var(--md-on-surface-variant)}.daily-label.hidden,.scrambling-label.hidden{display:none}.scrambling-label:not(.hidden){color:var(--md-primary)}.stat-chip-group,.action-chip-group{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center;padding:.25rem;border-radius:var(--shape-full);background:color-mix(in srgb,var(--md-surface-container) 85%,var(--pop-pink) 15%);border:1px solid color-mix(in srgb,var(--md-outline-variant) 75%,var(--pop-pink) 25%);box-shadow:0 2px 8px var(--pop-shadow);pointer-events:auto}.stat-chip{font-size:var(--type-label);font-weight:700;font-variation-settings:"opsz" 32,"wght" 700;color:var(--md-on-surface);pointer-events:auto;white-space:nowrap;background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);border-radius:var(--shape-full);padding:.4rem .75rem}.btn-icon{background:var(--md-surface-container-high);border:1px solid var(--md-outline-variant);color:var(--md-on-surface);font-size:18px;width:40px;height:40px;border-radius:var(--shape-full);cursor:pointer;pointer-events:auto;box-shadow:0 1px 4px #1d1b2014;display:flex;align-items:center;justify-content:center;transition:background var(--motion-duration-short) var(--motion-spring-effects),transform var(--motion-duration-short) var(--motion-spring-spatial)}.btn-icon:not(:disabled):active{background:var(--md-surface-container-highest);transform:scale(.92)}.btn-undo-redo{font-size:16px;width:36px;height:36px}.btn-icon:disabled,.btn-undo-redo:disabled,.btn-filled:disabled,.btn-tonal:disabled{opacity:.38;cursor:not-allowed}.btn-filled{background:var(--md-primary);color:var(--md-on-primary);border:none;padding:.45rem 1rem;border-radius:var(--shape-full);font-size:var(--type-label);font-weight:700;font-variation-settings:"opsz" 32,"wght" 700;letter-spacing:.02em;cursor:pointer;pointer-events:auto;box-shadow:0 4px 14px var(--pop-shadow-strong);transition:transform var(--motion-duration-short) var(--motion-spring-spatial),box-shadow var(--motion-duration-short) var(--motion-spring-effects)}.btn-filled:not(:disabled):active{transform:scale(.96);box-shadow:0 2px 8px var(--pop-shadow)}.btn-filled:disabled{background:var(--md-surface-container-highest);color:var(--md-on-surface-variant);box-shadow:none}.btn-tonal{background:var(--md-secondary-container);color:var(--md-on-secondary-container);border:none;padding:.45rem 1rem;border-radius:var(--shape-md);font-size:var(--type-label);font-weight:600;cursor:pointer;pointer-events:auto;transition:background var(--motion-duration-short) var(--motion-spring-effects),transform var(--motion-duration-short) var(--motion-spring-spatial)}.btn-tonal:not(:disabled):active{background:color-mix(in srgb,var(--md-secondary-container) 85%,var(--md-secondary));transform:scale(.97)}.btn-tonal:disabled{background:var(--md-surface-container);color:var(--md-on-surface-variant)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:250;display:flex;justify-content:center;align-items:center;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));box-sizing:border-box;opacity:1;transition:opacity var(--motion-duration-short) var(--motion-spring-effects);pointer-events:auto}.menu-overlay.hidden{opacity:0;pointer-events:none}.menu-content{background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);padding:28px 24px;border-radius:var(--shape-lg);text-align:center;width:min(100%,340px);max-height:none;margin:auto;flex-shrink:0;color:var(--md-on-surface);box-shadow:0 24px 48px var(--pop-shadow),0 8px 16px #1d1b200f}.settings-content{width:min(100%,380px)}.menu-hero{margin-bottom:20px}.menu-hero-icon{width:56px;height:56px;margin:0 auto 12px;border-radius:var(--shape-md);background:var(--md-primary);color:var(--md-on-primary);font-size:28px;line-height:56px;font-weight:800;box-shadow:0 4px 14px var(--pop-shadow)}.menu-content h2{margin:0;font-size:var(--type-headline);font-weight:800;font-variation-settings:"opsz" 32,"wght" 800;letter-spacing:-.02em;color:var(--md-primary)}.menu-section{margin:16px 0;text-align:left}.menu-section-card{background:var(--md-surface-container);border-radius:var(--shape-md);padding:14px;border:1px solid var(--md-outline-variant)}.menu-section-label{margin:0;font-size:var(--type-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--md-on-surface-variant)}.menu-section-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.menu-section-current{font-size:var(--type-label);font-weight:700;color:var(--md-primary);background:var(--md-primary-container);padding:.25rem .65rem;border-radius:var(--shape-full);white-space:nowrap}.menu-field-row{display:flex;flex-direction:column;gap:8px}.menu-select{width:100%;padding:10px 36px 10px 12px;border-radius:var(--shape-sm);border:1px solid var(--md-outline-variant);background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%235A5060' d='M1 1l5 5 5-5'/%3E%3C/svg%3E") no-repeat right 12px center,var(--md-surface-container-high);color:var(--md-on-surface);font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-sizing:border-box}.menu-select:focus{outline:2px solid var(--md-primary);outline-offset:2px}.menu-actions{display:flex;flex-direction:column;gap:10px;margin-top:16px}.menu-actions .btn-tonal{width:100%;padding:12px;font-size:15px;border-radius:var(--shape-md)}.menu-hero--compact{margin-bottom:12px}.menu-hero--compact .menu-hero-icon{display:none}.menu-actions--start{margin-top:8px}.btn-open-settings{width:min(100%,220px);margin-inline:auto;padding:12px;font-size:15px;border-radius:var(--shape-md)}.settings-overlay{z-index:260}.start-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:35;display:flex;align-items:center;justify-content:center;pointer-events:auto;opacity:1;transition:opacity var(--motion-duration-short) var(--motion-standard)}.start-overlay.hidden{opacity:0;pointer-events:none}.btn-menu-start{width:min(100%,220px);padding:14px 28px;font-size:17px;font-weight:700;font-variation-settings:"opsz" 32,"wght" 700;letter-spacing:.06em;border-radius:var(--shape-full);box-shadow:0 6px 20px var(--pop-shadow-strong)}.btn-menu-start:active{transform:scale(.97)}.menu-chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}#difficulty-chips{flex-wrap:nowrap}#difficulty-chips .btn-menu-chip{padding:11px 8px;font-size:14px;white-space:nowrap}.menu-toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.menu-toggle-row+.menu-toggle-row{border-top:1px solid var(--md-outline-variant)}.menu-toggle-label{font-size:15px;font-weight:600;color:var(--md-on-surface)}.toggle-switch{position:relative;width:52px;height:32px;padding:0;border:none;border-radius:var(--shape-full);background:var(--md-outline-variant);cursor:pointer;flex-shrink:0;transition:background var(--motion-duration-short) var(--motion-spring-effects)}.toggle-switch.on{background:var(--md-primary)}.toggle-switch-knob{position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:var(--md-surface-container-lowest);box-shadow:0 2px 6px #1e18202e;transition:transform var(--motion-duration-short) var(--motion-spring-spatial);pointer-events:none}.toggle-switch.on .toggle-switch-knob{transform:translate(20px)}.toggle-switch:active .toggle-switch-knob{width:28px}.toggle-switch.on:active .toggle-switch-knob{transform:translate(16px)}.btn-menu{display:block;width:100%;margin:8px 0 0;padding:12px 14px;background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);color:var(--md-on-surface);border-radius:var(--shape-sm);cursor:pointer;font-size:15px;font-weight:600;transition:background var(--motion-duration-short) var(--motion-spring-effects),transform var(--motion-duration-short) var(--motion-spring-spatial)}.btn-menu-chip{flex:1;min-width:0;margin:0;text-align:center;border-radius:var(--shape-full);background:var(--md-surface-container-high)}.btn-menu-chip.selected{background:var(--md-primary);color:var(--md-on-primary);border-color:var(--md-primary)}.btn-menu:first-child{margin-top:0}.btn-menu:active{background:var(--md-primary-container);transform:scale(.98)}.win-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:300;display:flex;justify-content:center;align-items:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:calc(16px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) calc(16px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));box-sizing:border-box;opacity:0;transition:opacity var(--motion-duration-short) var(--motion-spring-effects);pointer-events:none}.win-overlay.visible{opacity:1;pointer-events:auto}.win-content{background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);padding:36px 28px 28px;border-radius:var(--shape-lg);text-align:center;width:min(100%,340px);margin:auto;flex-shrink:0;color:var(--md-on-surface);box-shadow:0 28px 56px var(--pop-shadow),0 8px 16px #1d1b2014;transform:scale(.85) translateY(12px);transition:transform var(--motion-duration-medium) var(--motion-spring-spatial)}.win-overlay.visible .win-content{transform:scale(1) translateY(0)}.win-hero-badge{width:64px;height:64px;margin:0 auto 16px;border-radius:var(--shape-full);background:var(--md-tertiary);color:var(--md-on-tertiary);font-size:32px;line-height:64px;font-weight:800;box-shadow:0 4px 16px #52a8b547}.win-title{margin:0 0 6px;font-size:var(--type-display);font-weight:800;font-variation-settings:"opsz" 32,"wght" 800;letter-spacing:-.02em;color:var(--md-primary)}.win-subtitle{margin:0 0 20px;font-size:15px;color:var(--md-on-surface-variant)}.win-stats-card{background:var(--md-surface-container);border-radius:var(--shape-md);padding:16px;margin-bottom:20px;border:1px solid var(--md-outline-variant);text-align:left}.win-move-count{font-size:17px;font-weight:700;color:var(--md-on-surface);margin:0 0 8px}.win-time-count{font-size:15px;font-weight:600;color:var(--md-on-surface);margin:0 0 8px}.win-content--auto{padding:28px 24px 24px}.win-stats-card--auto{margin-bottom:20px;text-align:center}.win-stats-card--auto .win-time-count{margin-bottom:0}.win-hint-count,.win-best-record{font-size:13px;color:var(--md-on-surface-variant);margin:0 0 6px}.win-best-record{margin-bottom:0}.win-buttons{display:flex;flex-direction:column;gap:10px}.btn-win-primary{width:100%;padding:14px;font-size:15px}.btn-win-secondary{width:100%;padding:12px;font-size:15px;border-radius:var(--shape-md)}@media(max-width:480px){h1{font-size:1.125rem}.version{display:none}.daily-label,.scrambling-label{font-size:10px}.stat-chip{font-size:11px;padding:.3rem .55rem}.btn-icon{width:36px;height:36px;font-size:16px}.btn-undo-redo{width:32px;height:32px;font-size:14px}.btn-filled,.btn-tonal{font-size:11px;padding:.35rem .65rem}.stat-chip-group,.action-chip-group{padding:.2rem;gap:.25rem}.ui-header-tools{gap:.25rem}.menu-content,.win-content{padding:24px 20px}}@media(min-width:481px){.ui-header-tools{justify-content:flex-end}#app{max-width:min(100vw,640px);margin-inline:auto}}@media(max-height:600px){.ui-layer{padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:4px}.board-scaler{padding-bottom:calc(4px + env(safe-area-inset-bottom,0px))}.menu-content,.win-content{padding:20px 18px}.menu-hero{margin-bottom:12px}.menu-hero-icon{width:48px;height:48px;line-height:48px;font-size:24px;margin-bottom:8px}}.version{font-size:11px;font-weight:500;color:var(--md-on-surface-variant);opacity:.8}.ring-complete-pulse:before{animation:ring-complete-flash .65s var(--motion-spring-effects)}@keyframes ring-complete-flash{0%{box-shadow:inset 0 2px 8px #1e18200f,0 0 #e8c54700}40%{box-shadow:inset 0 2px 8px #1e18200f,0 0 26px #e8c5478c}to{box-shadow:inset 0 2px 8px #1e18200f,0 4px 16px var(--pop-shadow)}}.ring-hint-highlight:before{border-color:var(--md-primary)!important;box-shadow:inset 0 2px 8px #1d1b200f,0 0 0 4px color-mix(in srgb,var(--md-primary) 25%,transparent),0 0 24px color-mix(in srgb,var(--accent-blue) 55%,transparent)!important;animation:hint-ring-pulse 1s ease-in-out 2}@keyframes hint-ring-pulse{0%,to{opacity:1}50%{opacity:.75}}.combo-toast{position:fixed;top:calc(28% + env(safe-area-inset-top,0px));left:50%;transform:translate(-50%) translateY(8px) scale(.9);padding:.5rem 1.25rem;border-radius:var(--shape-full);background:var(--md-tertiary);color:var(--md-on-tertiary);font-size:18px;font-weight:800;letter-spacing:.06em;box-shadow:0 8px 24px #52a8b54d;opacity:0;pointer-events:none;z-index:250;transition:opacity .2s var(--motion-spring-effects),transform .35s var(--motion-spring-spatial)}.combo-toast.visible{opacity:1;transform:translate(-50%) translateY(0) scale(1)}.hint-banner{position:fixed;bottom:calc(120px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%) translateY(12px);padding:.65rem 1.25rem;border-radius:var(--shape-md);background:var(--md-surface-container-lowest);border:1px solid var(--md-outline-variant);color:var(--md-on-surface);font-size:15px;font-weight:600;box-shadow:0 8px 24px #1d1b201f;opacity:0;pointer-events:none;z-index:250;transition:opacity .25s var(--motion-spring-effects),transform .35s var(--motion-spring-spatial)}.hint-banner.visible{opacity:1;transform:translate(-50%) translateY(0)}.btn-win-share{width:100%}