:root{--color-primary: #B8442E;--color-on-primary: #FFFFFF;--color-primary-container: #FBE9D6;--color-on-primary-container: #5A2014;--color-secondary: #3F5161;--color-on-secondary: #FFFFFF;--color-secondary-container: #E4E9EF;--color-on-secondary-container: #1A232C;--color-tertiary: #5A7A4E;--color-on-tertiary: #FFFFFF;--color-tertiary-container: #DDE8D6;--color-on-tertiary-container: #1F2E18;--color-error: #9B2C2C;--color-on-error: #FFFFFF;--color-error-container: #F7DCDC;--color-on-error-container: #5A0F0F;--color-background: #EDE2CC;--color-on-background: #241D14;--color-surface: #EDE2CC;--color-surface-container-lowest: #FAF3E4;--color-surface-container-low: #E8D9BE;--color-surface-container: #DFCFA8;--color-surface-container-high: #D4C298;--color-surface-container-highest: #C8B488;--color-on-surface: #241D14;--color-on-surface-variant: #6B5F4B;--color-ink: #241D14;--color-ink-soft: #3A2E1F;--color-outline: #C4B08A;--color-outline-variant: #D9CCB0;--color-inverse-surface: #241D14;--color-inverse-on-surface: #EDE2CC;--color-inverse-primary: #F4B89F;--masthead-safe-top: max(env(safe-area-inset-top), 6px);--masthead-inset-x: 12px;--masthead-icon-size: 44px;--font-display: "Fraunces", Georgia, serif;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-brandmark: "Grenze Gotisch", Georgia, serif;--font-display-settings: "opsz" 144, "wght" 600, "SOFT" 100;--rounded-none: 0px;--rounded-sm: .25rem;--rounded-DEFAULT: .375rem;--rounded-md: .5rem;--rounded-lg: .75rem;--rounded-xl: 1.25rem;--rounded-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-xxl: 64px;--space-gutter: 16px;--space-margin: 24px;--container-max: 1100px;--cell-min: 44px;--cell-target: 56px;--grid-gap: 2px;--game-crosscast: #D88A6A;--game-crosscast-ink: #3A1408;--game-crosscast-surface: color-mix( in srgb, var(--game-crosscast) 12%, var(--color-background) );--game-crosscast-paper: color-mix( in srgb, var(--game-crosscast) 7%, var(--color-surface-container-lowest) );--game-crosscast-panel: color-mix( in srgb, var(--game-crosscast) 10%, var(--color-surface-container-low) );--game-crosscast-kbd: color-mix( in srgb, var(--game-crosscast) 14%, var(--color-surface-container) );--game-crosscast-key: color-mix( in srgb, var(--game-crosscast) 5%, var(--color-surface-container-lowest) );--game-crosscast-highlight: color-mix( in srgb, var(--game-crosscast) 22%, var(--color-surface-container-lowest) );--game-crosscast-active: color-mix( in srgb, var(--game-crosscast-ink) 50%, var(--game-crosscast) );--game-crosscast-chrome-outline: color-mix( in srgb, var(--game-crosscast-ink) 6%, var(--game-crosscast-surface) );--game-rungle: #A8C4A0;--game-rungle-ink: #15301A;--game-inkling: #E8B0AC;--game-inkling-ink: #4A1A1A;--game-inkling-paper: #FEF9F8;--game-inkling-kbd: #E6BDB9;--game-inkling-key: #FBEFEE;--game-inkling-chrome-outline: color-mix( in srgb, var(--game-inkling-ink) 16%, var(--game-inkling) );--game-tangle: #BDB6DC;--game-tangle-ink: #322B57;--motion-duration-instant: .1s;--motion-duration-fast: .14s;--motion-duration-press: .2s;--motion-duration-surface: .24s;--motion-duration-enter: .32s;--motion-ease-out: cubic-bezier(.22, 1, .36, 1);--motion-ease-spring: cubic-bezier(.34, 1.25, .64, 1);--motion-ease-enter: cubic-bezier(.16, 1, .3, 1);--press-translate-y: 2px;--press-scale-soft: .982;--press-scale-surface: .988;--press-scale-icon: .9;--press-scale-key: .94;--press-shadow-lift: 0 2px 0 rgba(15, 15, 15, .14);--press-shadow-lift-soft: 0 1px 0 rgba(15, 15, 15, .1);--press-shadow-key: 0 1px 0 var(--color-outline);--transition-pressable: transform var(--motion-duration-press) var(--motion-ease-spring), box-shadow var(--motion-duration-press) var(--motion-ease-out), background var(--motion-duration-surface) var(--motion-ease-out), filter var(--motion-duration-surface) var(--motion-ease-out), color var(--motion-duration-fast) var(--motion-ease-out), opacity var(--motion-duration-fast) var(--motion-ease-out)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-background);color:var(--color-on-background);font-family:var(--font-sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;cursor:pointer;border:0;background:none;color:inherit;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.5}.app{min-height:100%;display:flex;flex-direction:column}.app-inner{width:100%;max-width:var(--container-max);margin:0 auto;padding:var(--space-lg) var(--space-lg) var(--space-xxl);display:grid;gap:var(--space-lg)}.masthead{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-outline-variant);padding-bottom:var(--space-md)}.masthead h1{font-family:var(--font-display);font-weight:500;font-size:44px;line-height:1;letter-spacing:-.02em;margin:0}.masthead .subtitle{font-size:13px;color:var(--color-on-surface-variant);letter-spacing:.08em;text-transform:uppercase;font-weight:600}.masthead-actions{display:flex;align-items:center;gap:var(--space-xs)}.masthead-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--rounded-DEFAULT);color:var(--color-ink);background:transparent;-webkit-tap-highlight-color:transparent}@media (hover: hover){.masthead-icon-btn:hover:not(:disabled){background:var(--color-surface-container)}}.masthead-icon-btn:active:not(:disabled){background:var(--color-surface-container-high)}.masthead-icon-btn:disabled{opacity:.4;cursor:not-allowed}.masthead-divider{display:inline-block;width:1px;height:24px;background:var(--color-outline-variant);margin:0 var(--space-xs)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,360px);gap:var(--space-xl);align-items:start}@media (max-width: 880px){.workspace{grid-template-columns:1fr;gap:var(--space-lg)}}.panel{background:var(--color-surface-container-lowest);border-radius:var(--rounded-lg);padding:var(--space-lg);border:1px solid var(--color-outline-variant)}.panel-quiet{background:var(--color-surface-container-low);border-radius:var(--rounded-md);padding:var(--space-md)}.toolbar{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin-bottom:var(--space-lg)}.toolbar .toolbar-group{display:flex;align-items:center;gap:var(--space-xs)}.toolbar .toolbar-group+.toolbar-group{border-left:1px solid var(--color-outline-variant);padding-left:var(--space-md)}.toolbar .grow{flex:1}.segmented{display:inline-flex;padding:3px;background:var(--color-surface-container);border-radius:var(--rounded-DEFAULT);gap:2px}.segmented button{padding:6px 14px;border-radius:calc(var(--rounded-DEFAULT) - 1px);font-size:13px;font-weight:600;color:var(--color-on-surface-variant)}.segmented button:hover{color:var(--color-ink)}.segmented button[aria-pressed=true]{background:var(--color-surface-container-lowest);color:var(--color-ink);box-shadow:0 0 0 1px var(--color-outline-variant) inset}.btn-primary{background:var(--color-ink);color:var(--color-inverse-on-surface);border-radius:var(--rounded-DEFAULT);height:40px;padding:0 20px;font-size:13px;font-weight:600;letter-spacing:.01em}.btn-primary:hover:not(:disabled){background:var(--color-ink-soft)}.btn-ghost{border-radius:var(--rounded-DEFAULT);height:40px;padding:0 14px;font-size:13px;font-weight:600;color:var(--color-on-surface)}.btn-ghost:hover:not(:disabled){background:var(--color-surface-container)}.btn-accent{background:var(--color-primary);color:var(--color-on-primary);border-radius:var(--rounded-DEFAULT);height:40px;padding:0 20px;font-size:13px;font-weight:600}.grid-column{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-md)}.grid-frame{--cell-size: clamp(var(--cell-min), 9vw, var(--cell-target));display:inline-grid;grid-template-columns:repeat(var(--puzzle-size, 5),auto);background:var(--color-outline-variant);border:1px solid var(--color-outline);border-radius:var(--rounded-md);overflow:hidden;gap:var(--grid-gap);padding:var(--grid-gap);user-select:none;-webkit-user-select:none;touch-action:manipulation}.cell{position:relative;width:var(--cell-size);height:var(--cell-size);background:var(--color-surface-container-lowest);display:flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-size:calc(var(--cell-size) * .52);font-weight:600;color:var(--color-ink);text-transform:uppercase;transition:background 60ms ease,color 60ms ease;cursor:pointer}.cell.block{background:var(--color-ink)}.cell.highlight{background:var(--color-primary-container)}.cell.active{background:var(--color-primary);color:var(--color-on-primary)}.cell.correct .letter{color:var(--color-tertiary)}.cell.wrong .letter{color:var(--color-error)}.cell.active.correct .letter,.cell.active.wrong .letter{color:var(--color-on-primary)}.cell .number{position:absolute;top:calc(var(--cell-size) * .06);left:calc(var(--cell-size) * .08);font-size:calc(var(--cell-size) * .2);font-weight:600;letter-spacing:0;color:var(--color-on-surface-variant);line-height:1}.cell.active .number{color:var(--color-on-primary);opacity:.85}.cell .letter{line-height:1}.slot-list-section+.slot-list-section{margin-top:var(--space-lg)}.slot-list-section h2{font-family:var(--font-sans);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-on-surface-variant);margin:0 0 var(--space-sm) 4px}.slot-list{display:flex;flex-direction:column;gap:2px}.slot-row{display:grid;grid-template-columns:28px 1fr auto;align-items:baseline;gap:var(--space-sm);padding:10px 12px;border-radius:var(--rounded-DEFAULT);text-align:left;width:100%;font-size:14px;color:var(--color-on-surface);transition:background 80ms ease,color 80ms ease}.slot-row:hover{background:var(--color-surface-container)}.slot-row[aria-current=true]{background:var(--color-primary-container);color:var(--color-on-primary-container)}.slot-row.filled{color:var(--color-on-surface-variant)}.slot-row.solved{color:var(--color-tertiary)}.slot-row.solved .preview{text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--color-tertiary);opacity:.85}.slot-row .preview .letter-mark-wrong{color:var(--color-error)}.slot-row .preview .letter-mark-correct{color:var(--color-tertiary)}.slot-row[aria-current=true] .preview .letter-mark-wrong{color:var(--color-error)}.slot-row .num{font-weight:600;font-variant-numeric:tabular-nums}.slot-row .preview{font-family:var(--font-sans);font-weight:600;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-flex;gap:.3em}.slot-row .preview>span{display:inline-block;min-width:.7em;text-align:center}.slot-row .clue{font-family:var(--font-sans);font-weight:400;font-size:13px;line-height:1.35;color:inherit;white-space:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.slot-row[aria-current=true] .clue{color:var(--color-on-primary-container)}.slot-row.solved .clue{color:var(--color-on-surface-variant)}.clues-banner{display:flex;align-items:center;gap:10px;font-size:12px;padding:10px 12px;margin:0 0 var(--space-md) 0;border-radius:var(--rounded-DEFAULT);font-weight:600;letter-spacing:.04em}.clues-banner.loading{background:var(--color-primary-container);color:var(--color-on-primary-container)}.clues-banner.muted{background:var(--color-surface-container);color:var(--color-on-surface-variant)}.clues-banner.error{background:var(--color-error-container);color:var(--color-on-error-container)}.clues-banner code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;background:#0000000d;padding:1px 4px;border-radius:3px}.dot-spinner{display:inline-flex;align-items:center;gap:3px}.dot-spinner:before,.dot-spinner:after,.dot-spinner{content:""}.dot-spinner{width:24px;height:6px;background:radial-gradient(circle 3px at 3px 3px,currentColor 0 99%,transparent 100%),radial-gradient(circle 3px at 12px 3px,currentColor 0 99%,transparent 100%),radial-gradient(circle 3px at 21px 3px,currentColor 0 99%,transparent 100%);background-repeat:no-repeat;animation:dot-pulse 1.2s ease-in-out infinite}@keyframes dot-pulse{0%,80%,to{opacity:.35}40%{opacity:1}}.slot-row .clue-skeleton{display:block;height:12px;border-radius:6px;background:linear-gradient(90deg,var(--color-surface-container) 0%,var(--color-surface-container-high) 50%,var(--color-surface-container) 100%);background-size:200% 100%;animation:shimmer 1.4s linear infinite;margin:4px 0}.slot-row[aria-current=true] .clue-skeleton{background:linear-gradient(90deg,#fff6,#ffffffb3,#fff6);background-size:200% 100%}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.slot-row .clue-missing{font-size:12px;font-style:italic;color:var(--color-on-surface-variant);opacity:.6}.mobile-only{display:none}.mobile-dock{flex-direction:column;width:100%}.active-clue-bar,.clues-banner.loading{--clue-shimmer-base: color-mix( in srgb, var(--color-on-primary-container) 34%, var(--color-primary-container) );--clue-shimmer-peak: color-mix( in srgb, var(--color-on-primary-container) 58%, var(--color-primary-container) );--clue-shimmer-highlight: color-mix( in srgb, var(--color-on-primary-container) 78%, white )}.active-clue-bar{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;gap:8px;padding:10px 8px;background:var(--color-primary-container);color:var(--color-on-primary-container);border-top:1px solid var(--color-outline-variant);border-bottom:1px solid var(--color-outline-variant);min-height:84px}.active-clue-nav{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:28px;line-height:1;font-weight:500;color:var(--color-on-primary-container);border-radius:var(--rounded-DEFAULT);background:transparent}.active-clue-nav:active{background:#00000014}.active-clue-body{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;text-align:center;line-height:1.25}.active-clue-direction{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.7}.active-clue-text{font-size:15px;font-weight:500;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-wrap:break-word}.clue-writing-shimmer{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:16px;letter-spacing:.015em;font-variation-settings:"opsz" 72,"wght" 500,"SOFT" 50;background:linear-gradient(105deg,var(--clue-shimmer-base) 0%,var(--clue-shimmer-base) 22%,var(--clue-shimmer-peak) 38%,var(--clue-shimmer-highlight) 50%,var(--clue-shimmer-peak) 62%,var(--clue-shimmer-base) 78%,var(--clue-shimmer-base) 100%);background-size:320% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:clue-shimmer 2.2s cubic-bezier(.45,.05,.55,.95) infinite}.active-clue-text-loading{display:block;text-align:center;-webkit-line-clamp:unset;-webkit-box-orient:unset;overflow:visible}@keyframes clue-shimmer{0%{background-position:130% 50%}45%{background-position:-30% 50%}to{background-position:-30% 50%}}@media (prefers-reduced-motion: reduce){.clue-writing-shimmer{animation:none;background:none;-webkit-text-fill-color:currentColor;color:var(--clue-shimmer-peak)}}.kbd{display:flex;flex-direction:column;gap:6px;padding:8px 4px max(8px,env(safe-area-inset-bottom)) 4px;background:var(--color-surface-container);user-select:none;-webkit-user-select:none;touch-action:manipulation}.kbd-row{display:flex;gap:4px;justify-content:center}.kbd-key{flex:1 1 0;min-width:0;height:44px;background:var(--color-surface-container-lowest);color:var(--color-ink);border-radius:var(--rounded-DEFAULT);font-family:var(--font-sans);font-size:17px;font-weight:500;border:1px solid var(--color-outline-variant);box-shadow:0 1px 0 var(--color-outline);touch-action:manipulation;-webkit-tap-highlight-color:transparent}.kbd-key:active{background:var(--color-surface-container-high)}.kbd-key-wide{flex:1.5 1 0;background:var(--color-surface-container);font-size:20px}@media (max-width: 720px){html,body,#root{overscroll-behavior:none}.app{height:100dvh;max-height:100dvh;overflow:hidden;display:flex;flex-direction:column}.app-inner{display:flex;flex-direction:column;flex:1 1 0;min-height:0;padding:var(--masthead-safe-top) max(env(safe-area-inset-right),var(--masthead-inset-x)) 4px max(env(safe-area-inset-left),var(--masthead-inset-x));gap:4px}.masthead{flex:0 0 auto;padding-bottom:0}.masthead h1{font-size:22px}.masthead .subtitle{display:none}.masthead-icon-btn{width:44px;height:44px}.masthead-divider{height:20px;margin:0 2px}.banner-stack{flex:0 0 auto}.toolbar{margin-bottom:var(--space-sm);gap:var(--space-sm)}.toolbar .toolbar-group+.toolbar-group{padding-left:var(--space-sm)}.workspace{flex:1 1 0;min-height:0;display:grid;grid-template-columns:1fr;place-items:center;gap:0}.grid-column{width:100%;height:100%;min-height:0;display:grid;place-items:center;gap:0;container-type:size}.grid-frame{display:grid;grid-template-columns:repeat(var(--puzzle-size, 5),minmax(0,1fr));grid-template-rows:repeat(var(--puzzle-size, 5),minmax(0,1fr));width:min(100cqi,100cqh);height:min(100cqi,100cqh);aspect-ratio:1;min-width:0;min-height:0}.grid-frame .cell{width:auto;height:auto;font-size:calc(min(100cqi,100cqh) / var(--puzzle-size, 5) * .52)}.grid-frame .cell .number{top:calc(min(100cqi,100cqh) / var(--puzzle-size, 5) * .06);left:calc(min(100cqi,100cqh) / var(--puzzle-size, 5) * .08);font-size:calc(min(100cqi,100cqh) / var(--puzzle-size, 5) * .2)}.desktop-only{display:none!important}.toolbar-group.mobile-only,.mobile-dock.mobile-only{display:flex}.mobile-dock{flex:0 0 auto;background:var(--color-background);box-shadow:0 -8px 24px #0000000d}.banner{padding:var(--space-sm);font-size:13px}}@media (max-width: 360px){.kbd-key{font-size:15px}.active-clue-text{font-size:14px}}.toolbar .btn-icon{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--rounded-DEFAULT);color:var(--color-ink);background:transparent}.toolbar .btn-icon:hover:not(:disabled){background:var(--color-surface-container)}.toolbar .btn-icon:active:not(:disabled){background:var(--color-surface-container-high)}.toolbar-group-right{margin-left:auto}.action-sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:100;animation:action-sheet-fade-in .12s ease-out}@keyframes action-sheet-fade-in{0%{opacity:0}to{opacity:1}}.action-sheet{width:100%;max-width:360px;background:#f5f1eaf5;border-radius:20px;padding:8px;box-shadow:0 16px 48px #00000040;display:flex;flex-direction:column;gap:6px;animation:action-sheet-pop .16s cubic-bezier(.2,.8,.2,1)}@keyframes action-sheet-pop{0%{transform:scale(.94);opacity:0}to{transform:scale(1);opacity:1}}.action-sheet-title{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-surface-variant);text-align:center;padding:8px 0 4px}.action-sheet-items{display:flex;flex-direction:column;gap:6px}.action-sheet-item,.action-sheet-cancel{width:100%;height:50px;border-radius:12px;font-family:var(--font-sans);font-size:16px;font-weight:500;color:var(--color-ink);background:var(--color-surface-container-lowest);-webkit-tap-highlight-color:transparent}.action-sheet-item:hover:not(:disabled),.action-sheet-cancel:hover{background:var(--color-surface-container)}.action-sheet-item:active:not(:disabled),.action-sheet-cancel:active{background:var(--color-surface-container-high)}.action-sheet-item:disabled{color:var(--color-on-surface-variant);opacity:.5;cursor:not-allowed}.action-sheet-item.destructive{color:var(--color-error);font-weight:600}.action-sheet-cancel{font-weight:600;margin-top:8px;background:var(--color-surface-container)}.action-sheet-cancel:hover{background:var(--color-surface-container-high)}.slot-row .meta{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant)}.slot-row[aria-current=true] .meta{color:var(--color-on-primary-container);opacity:.7}.banner-stack{position:relative;width:100%;height:0;z-index:50;pointer-events:none}.banner{position:absolute;left:0;right:0;top:0;border-radius:var(--rounded-md);padding:10px 14px;font-weight:600;font-size:13px;letter-spacing:.01em;display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);pointer-events:auto;box-shadow:0 12px 32px #0f0f0f2e;animation:banner-slide-in .18s cubic-bezier(.2,.8,.2,1)}@keyframes banner-slide-in{0%{transform:translateY(-12px);opacity:0}to{transform:translateY(0);opacity:1}}.banner-success{background:var(--color-tertiary);color:var(--color-on-tertiary)}.banner-error{background:var(--color-error);color:var(--color-on-error)}.banner-info{background:var(--color-ink);color:var(--color-inverse-on-surface)}.banner .close-btn{background:transparent;border-radius:var(--rounded-full);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;color:inherit;opacity:.7}.banner .close-btn:hover{opacity:1}.success-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:110;animation:action-sheet-fade-in .16s ease-out}.success-card{width:100%;max-width:360px;background:var(--color-surface-container-lowest);border-radius:20px;padding:32px 24px 20px;box-shadow:0 24px 64px #0000004d;text-align:center;animation:action-sheet-pop .22s cubic-bezier(.2,.8,.2,1)}.success-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--color-tertiary);margin-bottom:8px}.success-title{font-family:var(--font-display);font-weight:500;font-size:32px;line-height:1.05;letter-spacing:-.015em;color:var(--color-ink);margin:0 0 6px}.success-subtitle{font-size:12px;color:var(--color-on-surface-variant);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:24px}.success-actions{display:flex;flex-direction:column;gap:8px}.success-new-group{display:flex;flex-direction:column;gap:6px}.success-new-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-surface-variant);text-align:center}.success-new-options{display:flex;gap:8px}.success-new-option{flex:1 1 0;height:48px;border-radius:12px;font-family:var(--font-sans);font-size:15px;font-weight:600;background:var(--color-ink);color:var(--color-inverse-on-surface);font-variant-numeric:tabular-nums;-webkit-tap-highlight-color:transparent}.success-new-option:hover,.success-new-option:active{background:var(--color-ink-soft)}.success-secondary{width:100%;height:48px;border-radius:12px;font-family:var(--font-sans);font-size:15px;font-weight:600;background:transparent;color:var(--color-on-surface-variant);-webkit-tap-highlight-color:transparent}.success-secondary:hover{background:var(--color-surface-container);color:var(--color-ink)}.main-menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f0f0f73;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:105;animation:action-sheet-fade-in .12s ease-out}.main-menu{width:100%;max-width:360px;background:var(--color-surface-container-lowest);border-radius:20px;padding:8px;box-shadow:0 20px 56px #00000047;animation:action-sheet-pop .2s cubic-bezier(.2,.8,.2,1)}.main-menu-profile{display:flex;align-items:center;gap:12px;padding:16px 14px 14px}.main-menu-avatar{width:44px;height:44px;border-radius:9999px;background:var(--color-ink);color:var(--color-inverse-on-surface);font-family:var(--font-display);font-weight:500;font-size:20px;display:inline-flex;align-items:center;justify-content:center;letter-spacing:0;flex:0 0 44px}.main-menu-profile-text{display:flex;flex-direction:column;gap:2px;min-width:0}.main-menu-profile-name{font-family:var(--font-sans);font-weight:600;font-size:16px;color:var(--color-ink)}.main-menu-profile-subtitle{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--color-on-surface-variant)}.main-menu-divider{height:1px;background:var(--color-outline-variant);margin:4px 0 8px}.main-menu-items{display:flex;flex-direction:column;gap:4px}.main-menu-item,.main-menu-close{width:100%;height:48px;border-radius:12px;font-family:var(--font-sans);font-size:15px;font-weight:500;color:var(--color-ink);background:transparent;text-align:left;padding:0 16px;-webkit-tap-highlight-color:transparent}.main-menu-item.has-submenu{display:flex;align-items:center;justify-content:space-between;gap:12px}.main-menu-item-label{flex:1;text-align:left}.main-menu-item-chevron{display:inline-flex;color:var(--color-on-surface-variant)}.main-menu-submenu-header{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:8px;min-height:40px}.main-menu-back{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;color:var(--color-ink);background:transparent;-webkit-tap-highlight-color:transparent}.main-menu-back:hover{background:var(--color-surface-container)}.main-menu-back:active{background:var(--color-surface-container-high)}.main-menu-back-spacer{width:40px;height:40px}.main-menu-submenu-title{font-family:var(--font-sans);font-size:15px;font-weight:600;color:var(--color-ink);text-align:center}.main-menu-item:hover:not(:disabled),.main-menu-close:hover{background:var(--color-surface-container)}.main-menu-item:active:not(:disabled),.main-menu-close:active{background:var(--color-surface-container-high)}.main-menu-item:disabled{color:var(--color-on-surface-variant);opacity:.5;cursor:not-allowed}.main-menu-item.destructive{color:var(--color-error)}.main-menu-close{font-weight:600;margin-top:8px;text-align:center;background:var(--color-surface-container)}.main-menu-close:hover{background:var(--color-surface-container-high)}.puzzle-loading{width:100%;aspect-ratio:1 / 1;max-width:calc(var(--cell-target) * 7 + var(--grid-gap) * 8);display:flex;align-items:center;justify-content:center;color:var(--color-on-surface-variant)}.skeleton{background:var(--color-surface-container);border-radius:var(--rounded-md);animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}@keyframes makespell-spin{to{transform:rotate(360deg)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.suite-shell{display:flex;flex-direction:column;min-height:100dvh}.suite-shell-main{flex:1 1 auto;min-height:0;overflow-y:auto;display:flex;flex-direction:column}.suite-nav{position:relative;flex:0 0 auto;padding:var(--masthead-safe-top) var(--masthead-inset-x) 0}.suite-nav:not(.suite-nav--home).masthead{padding-bottom:0;border-bottom:none;align-items:stretch}.suite-nav--home{flex-direction:column;align-items:stretch;padding-bottom:0;border-bottom:none}.suite-nav-row{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--masthead-icon-size)}.suite-nav--home .suite-nav-row{display:grid;grid-template-columns:var(--masthead-icon-size) minmax(0,1fr) var( --masthead-icon-size );align-items:start;column-gap:4px}.suite-nav-masthead{text-align:center;min-width:0}.suite-nav--home .suite-nav-masthead{grid-column:2;align-self:center;padding:2px 0}.suite-nav--home .masthead-left,.suite-nav--home .masthead-actions{height:var(--masthead-icon-size);display:flex;align-items:center}.suite-nav--home .masthead-left{justify-self:start}.suite-nav--home .masthead-actions{justify-self:end}.suite-nav--home .suite-nav-rule--heavy{margin:4px 0 12px}.suite-nav-rule{height:1px;background:var(--color-ink);opacity:.28;margin:8px auto;max-width:100%}.suite-nav-rule--heavy{height:auto;background:transparent;opacity:1;border-top:2px solid var(--color-ink);border-bottom:1px solid var(--color-ink);padding-bottom:2px;margin-top:4px}.suite-nav-dateline{margin:4px 0 0;font-family:var(--font-display);font-size:11px;font-style:italic;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--color-on-surface-variant)}.suite-nav[data-game-id]{border-bottom:none}@media (hover: hover){.suite-nav[data-game-id] .masthead-icon-btn:hover:not(:disabled){background:#0f0f0f14}}.suite-nav[data-game-id] .masthead-icon-btn:active:not(:disabled){background:#0f0f0f29}.masthead-left h1{font-family:var(--font-display);font-weight:500;font-size:28px;line-height:1;letter-spacing:-.02em;margin:0;color:inherit}.suite-nav-brandmark{margin:0}.suite-nav--home .suite-nav-brandmark{position:static;transform:none;height:auto;display:block}.suite-nav-brandmark-text{display:inline-block;font-family:var(--font-brandmark);font-size:36px;font-weight:600;letter-spacing:.05em;line-height:1;color:var(--color-ink);white-space:nowrap}.masthead-icon-btn--spacer{visibility:hidden;pointer-events:none}@media (max-width: 720px){.suite-nav-brandmark-text{font-size:clamp(26px,4.2dvh,32px);letter-spacing:.04em}.suite-nav-dateline{font-size:12px;letter-spacing:.08em}}.home{max-width:640px;margin:0 auto;flex:1 1 auto;width:100%;padding:12px 16px 0;display:flex;flex-direction:column;min-height:0}.home-cards{display:flex;flex-direction:column;gap:14px;flex:1 0 auto;min-height:0}.home-footer{flex-shrink:0;margin-top:20px;padding:0 8px max(24px,env(safe-area-inset-bottom));text-align:center}@media (max-width: 720px){.suite-shell-main:has(.home){overflow:hidden}.home{min-height:100%;padding-top:10px}.home-cards{flex:1 1 auto;gap:10px}.home-cards .game-card{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:clamp(12px,2.2dvh,18px) clamp(14px,4vw,20px)}.home-cards .game-card-title{font-size:clamp(22px,3.8dvh,30px);line-height:1.05}.home-cards .game-card-tagline{font-family:var(--font-sans);font-size:clamp(15px,2.2dvh,17px);line-height:1.35;opacity:.82}.home-cards .game-card-meta{font-family:var(--font-sans);font-size:clamp(14px,1.9dvh,16px)}.home-cards .game-card-badge{font-size:clamp(11px,1.5dvh,12px);letter-spacing:.12em}.home-cards .game-card-body{flex:1 1 auto;min-height:0}.home-cards .game-card-meta{margin-top:auto}.home-footer{margin-top:12px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.home-tagline{font-size:clamp(14px,2dvh,15px)}}.home-footer-rule{height:1px;background:var(--color-ink);opacity:.22;margin:0 auto 14px;max-width:280px}.suite-page{max-width:640px;margin:0 auto;flex:1 1 auto;width:100%;padding:20px 20px max(32px,env(safe-area-inset-bottom))}.suite-page-body{font-family:var(--font-display);font-size:16px;line-height:1.55;color:var(--color-on-surface)}.suite-page-body p{margin:0 0 1em}.suite-page-body p:last-child{margin-bottom:0}.suite-page-tagline{margin-top:1.5em!important;font-style:italic;color:var(--color-on-surface-variant)}.suite-page-link{color:var(--color-ink);font-weight:500;text-underline-offset:3px}.home-tagline{text-align:center;font-family:var(--font-display);font-size:15px;line-height:1.35;letter-spacing:-.005em;font-weight:400;font-style:italic;color:var(--color-on-surface-variant);margin:0}.game-card{position:relative;display:block;padding:16px 18px;border-radius:var(--rounded-lg);text-decoration:none;color:var(--color-ink);border:1px solid rgba(15,15,15,.05);overflow:hidden;-webkit-tap-highlight-color:transparent}.game-card[data-game-status=coming_soon]{opacity:.82}.game-card[data-game-status=available]:hover{filter:brightness(.97)}.game-card-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;min-width:0}.game-card-title{font-family:var(--font-display);font-weight:600;font-size:26px;line-height:1.1;letter-spacing:-.01em;margin:0;color:inherit;font-variation-settings:var(--font-display-settings)}.game-card-tagline{font-family:var(--font-sans);font-size:14px;line-height:1.3;margin:0;color:inherit;opacity:.78}.game-card-meta{display:flex;align-items:baseline;margin-top:8px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:inherit;gap:6px}.game-card-cta{font-weight:700;letter-spacing:.02em;opacity:.9}.game-card-badge{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:inherit;opacity:.55}.game-motif{pointer-events:none;display:flex;color:inherit}.game-motif svg{display:block;width:96px;height:96px;transform:rotate(45deg);transform-origin:center}.game-motif[data-game-id=inkling] .motif-mask{display:block;width:104px;height:104px;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.game-motif--card{position:absolute;right:-10px;bottom:-10px;opacity:.3}.game-motif--card[data-game-id=crosscast]{opacity:.18}.game-motif--splash{width:120px;height:120px;align-items:center;justify-content:center;opacity:.32}.game-motif--splash svg{width:120px;height:120px}.game-motif--splash[data-game-id=inkling] .motif-mask{width:128px;height:128px}.game-splash{flex:1 1 auto;width:100%;min-height:100%;display:flex;flex-direction:column}.game-splash-body{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 24px max(40px,env(safe-area-inset-bottom));text-align:center;gap:16px}.game-splash-title{font-family:var(--font-display);font-weight:600;font-size:44px;line-height:1;letter-spacing:-.02em;margin:4px 0 0;color:inherit;font-variation-settings:var(--font-display-settings)}.game-splash-subtitle{font-size:17px;line-height:1.4;margin:0;max-width:320px;color:inherit;opacity:.8}.game-splash-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px;width:100%;max-width:260px}.game-splash-play{display:inline-flex;align-items:center;justify-content:center;height:52px;border-radius:999px;background:var(--color-ink);color:var(--color-inverse-on-surface);font-family:var(--font-sans);font-size:16px;font-weight:600;text-decoration:none;-webkit-tap-highlight-color:transparent}.game-splash-play:hover{background:var(--color-ink-soft)}.game-splash-play[disabled],.game-splash-play[aria-disabled=true]{background:transparent;color:inherit;border:1.5px solid currentColor;opacity:.5;cursor:not-allowed}.game-splash-meta{margin-top:24px;font-size:13px;color:inherit;opacity:.7;display:flex;flex-direction:column;gap:4px}.game-splash-date{font-weight:600}.masthead-left{display:flex;align-items:center;gap:6px;min-width:0}.masthead-timer{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;color:var(--color-ink);min-width:56px;text-align:right;padding:0 4px}.masthead-timer.dim{color:var(--color-on-surface-variant);opacity:.6}@media (max-width: 720px){.masthead-left h1{font-size:18px}.masthead-timer{font-size:14px;min-width:50px}.game-splash-title{font-size:clamp(34px,7.5dvh,44px)}.game-splash-subtitle{font-family:var(--font-sans);font-size:clamp(16px,2.4dvh,18px);line-height:1.4}.game-splash-play{height:clamp(48px,6.8dvh,56px);font-size:17px}.game-splash-meta{font-size:14px}.suite-page-body{font-size:17px;line-height:1.6}}.success-share{width:100%;height:48px;border-radius:12px;font-family:var(--font-sans);font-size:15px;font-weight:600;background:var(--color-surface-container);color:var(--color-ink);-webkit-tap-highlight-color:transparent}.success-share:hover{background:var(--color-surface-container-high)}.action-sheet-backdrop,.main-menu-backdrop{animation:overlay-fade-in var(--motion-duration-enter) var(--motion-ease-out)}.success-backdrop{animation:overlay-fade-in calc(var(--motion-duration-enter) + 40ms) var(--motion-ease-out)}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.action-sheet,.main-menu{animation:sheet-enter var(--motion-duration-enter) var(--motion-ease-enter)}.success-card{animation:sheet-enter calc(var(--motion-duration-enter) + 40ms) var(--motion-ease-enter)}@keyframes sheet-enter{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.masthead-icon-btn,.toolbar .btn-icon,.main-menu-back,.banner .close-btn,.active-clue-nav,.inkling-nav-btn{transition:var(--transition-pressable);-webkit-tap-highlight-color:transparent}.masthead-icon-btn:active:not(:disabled),.toolbar .btn-icon:active:not(:disabled),.main-menu-back:active,.banner .close-btn:active,.active-clue-nav:active,.inkling-nav-btn:active:not(:disabled){transform:scale(var(--press-scale-icon))}.banner .close-btn:active{opacity:1}.btn-primary,.btn-accent,.game-splash-play:not([disabled]):not([aria-disabled=true]),.success-new-option,.inkling-retry{box-shadow:var(--press-shadow-lift);transition:var(--transition-pressable);-webkit-tap-highlight-color:transparent}.btn-primary:active:not(:disabled),.btn-accent:active:not(:disabled),.game-splash-play:not([disabled]):not([aria-disabled=true]):active,.success-new-option:active,.inkling-retry:active{transform:translateY(var(--press-translate-y)) scale(var(--press-scale-soft));box-shadow:none}.btn-ghost,.success-secondary,.success-share,.action-sheet-item,.action-sheet-cancel,.main-menu-item,.main-menu-close,.slot-row,.segmented button,.suite-page-link{transition:var(--transition-pressable);-webkit-tap-highlight-color:transparent}.btn-ghost:active:not(:disabled),.success-secondary:active,.success-share:active,.action-sheet-item:active:not(:disabled),.action-sheet-cancel:active,.main-menu-item:active:not(:disabled),.main-menu-close:active,.slot-row:active,.segmented button:active,.suite-page-link:active{transform:scale(var(--press-scale-surface))}.game-card{transition:var(--transition-pressable)}.game-card:active{transform:translateY(var(--press-translate-y)) scale(var(--press-scale-soft));filter:brightness(.96)}.kbd-key{transition:var(--transition-pressable)}.kbd-key:active{transform:translateY(var(--press-translate-y)) scale(var(--press-scale-key));box-shadow:none}.inkling-cell:not(.space){transition:var(--transition-pressable);-webkit-tap-highlight-color:transparent}.inkling-cell:not(.space):active{transform:scale(var(--press-scale-key))}@media (prefers-reduced-motion: reduce){.action-sheet-backdrop,.main-menu-backdrop,.success-backdrop,.action-sheet,.main-menu,.success-card{animation-duration:1ms}.masthead-icon-btn:active:not(:disabled),.toolbar .btn-icon:active:not(:disabled),.main-menu-back:active,.banner .close-btn:active,.active-clue-nav:active,.inkling-nav-btn:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-accent:active:not(:disabled),.btn-ghost:active:not(:disabled),.game-splash-play:not([disabled]):not([aria-disabled=true]):active,.success-new-option:active,.success-secondary:active,.success-share:active,.action-sheet-item:active:not(:disabled),.action-sheet-cancel:active,.main-menu-item:active:not(:disabled),.main-menu-close:active,.slot-row:active,.segmented button:active,.suite-page-link:active,.game-card:active,.kbd-key:active,.inkling-cell:not(.space):active,.inkling-retry:active{transform:none}.btn-primary,.btn-accent,.game-splash-play:not([disabled]):not([aria-disabled=true]),.success-new-option,.inkling-retry{box-shadow:none}}.crosscast.app{background:var(--game-crosscast-surface);color:var(--game-crosscast-ink)}.crosscast .masthead{border-bottom-color:var(--game-crosscast-chrome-outline);color:color-mix(in srgb,var(--game-crosscast-ink) 88%,transparent)}.crosscast .masthead-divider{background:var(--game-crosscast-chrome-outline)}.crosscast .masthead-timer{color:inherit}.crosscast .masthead-timer.dim{color:inherit;opacity:.5}.crosscast .masthead-icon-btn{color:inherit}@media (hover: hover){.crosscast .masthead-icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--game-crosscast) 16%,var(--game-crosscast-surface))}}.crosscast .masthead-icon-btn:active:not(:disabled){background:color-mix(in srgb,var(--game-crosscast) 22%,var(--game-crosscast-surface))}.crosscast .grid-frame{background:var(--game-crosscast-chrome-outline);border-color:var(--game-crosscast-chrome-outline)}.crosscast .cell{background:var(--game-crosscast-paper);color:var(--game-crosscast-ink)}.crosscast .cell.block{background:color-mix(in srgb,var(--game-crosscast-ink) 92%,transparent)}.crosscast .cell.highlight{background:var(--game-crosscast-highlight)}.crosscast .cell.active{background:var(--game-crosscast-active);color:#fff}.crosscast .cell.active.correct .letter,.crosscast .cell.active.wrong .letter{color:#fff}.crosscast .active-clue-bar,.crosscast .clues-banner.loading{--clue-shimmer-base: color-mix( in srgb, var(--game-crosscast-ink) 32%, var(--game-crosscast-panel) );--clue-shimmer-peak: color-mix( in srgb, var(--game-crosscast-ink) 52%, var(--game-crosscast-panel) );--clue-shimmer-highlight: color-mix( in srgb, var(--game-crosscast-ink) 38%, white )}.crosscast .active-clue-bar{background:var(--game-crosscast-panel);color:var(--game-crosscast-ink);border-top-color:var(--game-crosscast-chrome-outline);border-bottom-color:var(--game-crosscast-chrome-outline)}.crosscast .clues-banner.loading{background:var(--game-crosscast-panel);color:var(--game-crosscast-ink)}.crosscast .active-clue-nav{color:inherit}.crosscast .active-clue-nav:active{background:color-mix(in srgb,var(--game-crosscast-ink) 8%,var(--game-crosscast-panel))}.crosscast .kbd{background:var(--game-crosscast-kbd)}.crosscast .kbd-key{background:var(--game-crosscast-key);color:color-mix(in srgb,var(--game-crosscast-ink) 90%,transparent);border-color:var(--game-crosscast-chrome-outline);box-shadow:0 1px 0 var(--game-crosscast-chrome-outline)}.crosscast .kbd-key:active{background:color-mix(in srgb,var(--game-crosscast-key) 55%,var(--game-crosscast-kbd))}.crosscast .kbd-key-wide{background:color-mix(in srgb,var(--game-crosscast-key) 75%,var(--game-crosscast-kbd))}@media (max-width: 720px){.crosscast .mobile-dock{background:var(--game-crosscast-kbd);box-shadow:0 -4px 16px #0000000a}}.inkling{min-height:100dvh;display:flex;flex-direction:column;padding-top:var(--masthead-safe-top);background:var(--game-inkling, #e8b0ac);color:var(--game-inkling-ink, #4a1a1a);font-family:inherit;width:100%;max-width:100vw;overflow-x:hidden;overscroll-behavior:none;touch-action:manipulation}.inkling .masthead{border-bottom:1px solid var(--game-inkling-chrome-outline);padding:0 var(--masthead-inset-x) 0;color:var(--game-inkling-ink, #4a1a1a)}.inkling .masthead h1{color:inherit}.inkling .masthead-divider{background:var(--game-inkling-chrome-outline);height:20px;margin:0 2px}.inkling .masthead-timer{color:inherit}.inkling .masthead-timer.dim{color:inherit;opacity:.55}.inkling .masthead-icon-btn{color:inherit}@media (hover: hover){.inkling .masthead-icon-btn:hover:not(:disabled){background:#ffffff47}}.inkling .masthead-icon-btn:active:not(:disabled){background:#ffffff61}.inkling-score{font-family:var(--font-sans);font-variant-numeric:tabular-nums;font-weight:600;font-size:16px;min-width:28px;text-align:right;padding:0 2px 0 4px}.inkling-main{flex:1 1 0;min-height:0;display:flex;flex-direction:column;align-items:center;gap:20px;padding:16px 16px 12px;width:100%;max-width:520px;margin:0 auto;box-sizing:border-box}.inkling-play{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;flex:1 1 auto;min-height:0;justify-content:flex-start;padding-top:4px}.inkling .kbd{background:var(--game-inkling-kbd, #e6bdb9)}.inkling .kbd-key{background:var(--game-inkling-key, #fbefee);color:var(--game-inkling-ink, #4a1a1a)}.inkling .kbd-key:active{background:#f1dcda}.inkling-theme{width:100%;max-width:360px;text-align:center;font-size:1.15rem;font-weight:700;letter-spacing:.02em;flex-shrink:0}.inkling-viewer{width:100%;max-width:min(440px,100%);display:grid;grid-template-columns:40px minmax(0,1fr) 40px;column-gap:8px;align-items:center;box-sizing:border-box}.inkling-nav-btn{flex:0 0 auto;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:999px;background:#fff6;color:var(--game-inkling-ink, #4a1a1a);cursor:pointer;justify-self:center}.inkling-nav-btn:first-of-type{grid-column:1}.inkling-nav-btn:last-of-type{grid-column:3}.inkling-nav-btn:disabled{opacity:.25;cursor:default}.inkling-stage{grid-column:2;justify-self:center;width:min(100%,360px);max-width:360px;aspect-ratio:1 / 1;background:var(--game-inkling-paper, #fef9f8);border-radius:16px;box-shadow:0 8px 28px #0000001f;overflow:hidden;position:relative}.inkling-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.inkling-canvas.hidden{display:none}.inkling-progress{width:100%;max-width:360px;height:6px;border-radius:999px;background:#00000024;overflow:hidden;flex-shrink:0}.inkling-progress-fill{height:100%;border-radius:inherit;background:var(--game-inkling-ink, #4a1a1a);transition:width var(--motion-duration-surface) var(--motion-ease-out)}.inkling-blank{display:flex;flex-wrap:nowrap;gap:clamp(4px,1.2vw,8px);justify-content:center;align-items:flex-end;width:100%;max-width:min(360px,100%);min-height:50px;padding:0;flex-shrink:0}.inkling-blank.shake{animation:inkling-shake .3s ease}.inkling-cell{flex:1 1 0;min-width:0;max-width:40px;aspect-ratio:19 / 24;height:auto;display:inline-flex;align-items:center;justify-content:center;border-bottom:3px solid var(--game-inkling-ink, #4a1a1a);background:#ffffff59;border-radius:6px 6px 0 0;font-weight:700;font-size:clamp(.875rem,3.6vw,1.5rem);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none}.inkling-cell.space{flex:0 0 clamp(8px,2.5vw,16px);width:clamp(8px,2.5vw,16px);max-width:16px;aspect-ratio:auto;border-bottom:none;background:transparent;cursor:default}.inkling-cell.revealed{color:#2a6f97;background:#2a6f971f}.inkling-cell.cursor{outline:2px solid var(--game-inkling-ink, #4a1a1a);outline-offset:-2px;background:#fffc}@keyframes inkling-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.inkling-panel{text-align:center;display:flex;flex-direction:column;gap:14px;align-items:center;padding:32px 16px}.inkling-panel h2{margin:0}.inkling-loading{flex:1;justify-content:center}.inkling-loading [role=status]{display:inline-flex;align-items:center;justify-content:center;color:var(--game-inkling-ink, #4a1a1a)}.inkling-hint{font-size:.85rem;opacity:.75;text-align:center}.inkling-retry{padding:10px 16px;border-radius:10px;border:none;background:var(--game-inkling-ink, #4a1a1a);color:#fff;font-weight:700;cursor:pointer}@media (max-width: 720px){.inkling{height:100dvh;max-height:100dvh;overflow:hidden}.inkling-score{font-size:14px}.inkling-main{padding:12px 16px 8px;gap:12px}.inkling-play{gap:18px;padding-top:0}.inkling .mobile-dock{flex:0 0 auto;background:var(--game-inkling-kbd);box-shadow:0 -8px 24px #00000014}}.inkling .success-backdrop{background:color-mix(in srgb,var(--game-inkling-ink) 28%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.inkling .success-card{background:var(--game-inkling-paper, #fef9f8);box-shadow:0 20px 48px #0000002e}.inkling .success-eyebrow{color:color-mix(in srgb,var(--game-inkling-ink) 50%,transparent)}.inkling .success-title{color:var(--game-inkling-ink, #4a1a1a);font-variation-settings:var(--font-display-settings)}.inkling .success-subtitle{color:color-mix(in srgb,var(--game-inkling-ink) 55%,transparent)}.inkling .success-share{background:color-mix(in srgb,var(--game-inkling-ink) 8%,var(--game-inkling-paper, #fef9f8));color:var(--game-inkling-ink, #4a1a1a)}.inkling .success-share:hover{background:color-mix(in srgb,var(--game-inkling-ink) 12%,var(--game-inkling-paper, #fef9f8))}.inkling .success-secondary{color:color-mix(in srgb,var(--game-inkling-ink) 55%,transparent)}
