*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root,:root[data-theme=dark]{--color-primary-light: #AFC6FF;--color-primary-main: #82AAFF;--color-primary-dark: #4976A1;--color-secondary-light: #A3B7C7;--color-secondary-main: #8DA0AF;--color-secondary-dark: #2A3F51;--color-accent-cyan: #7fdbca;--color-accent-coral: #FFAB70;--color-accent-green: #C3E88D;--color-accent-pink: #F07178;--color-accent-yellow: #FFCB6B;--color-accent-purple: #C792EA;--color-semantic-success: #C3E88D;--color-semantic-warning: #FFCB6B;--color-semantic-error: #F07178;--color-semantic-info: #82AAFF;--color-neutral-white: #FFFFFF;--color-neutral-light-gray: #D6DEEB;--color-neutral-gray: #637777;--color-neutral-dark-gray: #1D3B53;--color-neutral-black: #000000;--color-bg-floor: #010E18;--color-bg-base: #011627;--color-bg-surface: #0A1E30;--color-bg-elevated: #132A3E;--color-bg-medium: #1D3B53;--color-bg-card: #011627;--color-bg-scrim: rgba(1, 22, 39, .6);--color-text-primary: #D6DEEB;--color-text-secondary: #9DB2C0;--color-text-muted: #7E8E94;--color-text-inverse: #011627;--color-border: #2A3F51;--color-border-transparent: rgba(42, 63, 81, .53);--color-border-card: #2A3F51;--color-primary-main-rgb: 130, 170, 255;--color-accent-cyan-rgb: 127, 219, 202;--color-accent-coral-rgb: 255, 171, 112;--color-accent-green-rgb: 195, 232, 141;--color-accent-pink-rgb: 240, 113, 120;--color-accent-yellow-rgb: 255, 203, 107;--color-accent-purple-rgb: 199, 146, 234;--color-border-rgb: 42, 63, 81;--color-neutral-white-rgb: 255, 255, 255;--color-neutral-black-rgb: 0, 0, 0;--color-bg-base-rgb: 1, 22, 39;--color-text-primary-rgb: 214, 222, 235}:root{--font-family-title: "Outfit", sans-serif;--font-family-body: "Outfit", sans-serif;--font-family-mono: "FiraCode", monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-tiny: .6875rem;--font-size-kbd: var(--font-size-tiny);--font-size-small: .8125rem;--font-size-body: .9375rem;--font-size-medium: 1.0625rem;--font-size-large: 1.25rem;--font-size-xlarge: 1.5rem;--font-size-xxlarge: 2rem;--font-size-display: 2.5rem;--line-height-tiny: 1.2;--line-height-small: 1.2;--line-height-body: 1.45;--line-height-medium: 1.35;--line-height-large: 1.25;--line-height-xlarge: 1.2;--spacing-xs: 2px;--spacing-sm: 4px;--spacing-md: 8px;--spacing-lg: 12px;--spacing-xl: 16px;--spacing-xxl: 20px;--spacing-xxxl: 24px;--spacing-4xl: 32px;--spacing-5xl: 48px;--spacing-6xl: 64px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 100px;--border-hairline: .5px;--border-thin: 1px;--border-medium: 2px;--border-heavy: 3px;--shadow-small: 0 1px 2px rgba(0, 0, 0, .22);--shadow-medium: 0 2px 4px rgba(0, 0, 0, .25);--shadow-large: 0 4px 12px rgba(0, 0, 0, .3);--shadow-floating: 0 -2px 8px rgba(0, 0, 0, .25);--shadow-sheet: 0 4px 12px rgba(0, 0, 0, .3);--z-base: 1;--z-elevated: 2;--z-dropdown: 100;--z-sticky: 200;--z-modal: 1000;--z-overlay: 1100;--z-toast: 1200;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--transition-theme: .3s ease;--max-width-content: 1200px;--max-width-narrow: 800px}body{font-family:var(--font-family-body),"Segoe UI",-apple-system,BlinkMacSystemFont,sans-serif;background:var(--color-bg-base);color:var(--color-text-primary);min-height:100vh}button{cursor:pointer;font-family:inherit}input{font-family:inherit}:root{--header-h: 65px}.app{min-height:100svh}@supports not (height: 1svh){.app{min-height:100vh}}.app-header{flex:none;height:var(--header-h);width:100%;padding:5px 12px 10px;display:flex;align-items:center;justify-content:flex-start;text-align:left;background-color:var(--color-bg-surface, #0a1e30);border-bottom:1px solid var(--color-border, #2a3f51)}.logo{display:inline-block;height:50px;width:50px}.header-text{margin:0 10px}.header-text p{margin-block-start:0;margin-block-end:0}.title{font-size:1.75rem;font-family:var(--font-family-title),sans-serif;font-weight:var(--font-weight-bold);letter-spacing:.01em;line-height:1.05;color:var(--color-text-primary, #d6deeb)}.credit{font-size:.7rem;color:var(--color-text-secondary, #9db2c0);text-decoration:none;transition:color .15s ease}.credit:hover{color:var(--color-text-primary, #d6deeb)}.credit:focus-visible{outline:2px solid var(--color-primary-main, #82aaff);outline-offset:2px;border-radius:3px}.app-main{max-width:960px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-xl) var(--spacing-xxxl);display:flex;align-items:stretch;gap:var(--spacing-xxl)}.left-column{display:flex;flex-direction:column;align-items:center;flex:0 0 auto;min-width:320px;background:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);box-shadow:var(--shadow-large)}.right-column{flex:1;background:var(--color-bg-surface);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xxl) var(--spacing-xl);box-shadow:var(--shadow-large)}.starter-panel{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-xl) 0}.starter-lead{max-width:34ch;margin:0 0 var(--spacing-xxxl);color:var(--color-text-secondary);font-size:var(--font-size-body);line-height:1.6}.starter-label{color:var(--color-text-muted);font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);letter-spacing:2px;margin-bottom:var(--spacing-lg)}.starter-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--spacing-md)}.starter-chip{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-bg-medium);border:var(--border-thin) solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;font-family:inherit;transition:border-color var(--transition-fast),background var(--transition-fast),transform var(--transition-fast)}.starter-chip:hover,.starter-chip:focus-visible{background:var(--color-bg-elevated);border-color:var(--color-primary-main);transform:translateY(-1px);outline:none}.starter-word{color:var(--color-text-primary);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);letter-spacing:2px;text-transform:uppercase}.starter-note{color:var(--color-text-muted);font-size:var(--font-size-tiny)}.guess-grid{margin-bottom:var(--spacing-xxl)}.guess-row{display:flex;gap:var(--spacing-sm);justify-content:center;align-items:center;margin-bottom:var(--spacing-sm)}.tile-input{width:52px;height:52px;border:var(--border-medium) solid var(--color-neutral-dark-gray);border-radius:var(--radius-sm);background:rgba(var(--color-primary-main-rgb),.03);color:var(--color-text-primary);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);text-align:center;text-transform:uppercase;outline:none;caret-color:var(--color-primary-main);box-shadow:var(--shadow-medium)}.tile-input:focus{border-color:var(--color-primary-main);box-shadow:0 0 8px rgba(var(--color-primary-main-rgb),.25)}.tile-button{width:52px;height:52px;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-large);font-weight:var(--font-weight-bold);text-transform:uppercase;transition:transform var(--transition-fast);box-shadow:var(--shadow-medium)}.tile-button.unset-color{animation:pulse-border 1.5s ease-in-out infinite}@keyframes pulse-border{0%,to{border-color:#d6deeb66}50%{border-color:#d6deeb}}.tile-button:hover{transform:scale(1.05)}.tile-button:active{transform:scale(.95)}.delete-button{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:var(--border-thin) solid rgba(var(--color-accent-pink-rgb),.3);border-radius:var(--radius-sm);color:var(--color-accent-pink);font-size:var(--font-size-small);margin-left:var(--spacing-md);transition:background var(--transition-fast)}.row-spacer{width:28px;height:28px;margin-left:var(--spacing-md);visibility:hidden}.delete-button:hover{background:rgba(var(--color-accent-pink-rgb),.1);border-color:var(--color-accent-pink)}.grid-hint{color:var(--color-neutral-gray);font-size:var(--font-size-tiny);text-align:center;margin-top:var(--spacing-md)}.constraint-summary{width:100%;max-width:320px;padding:var(--spacing-lg) var(--spacing-xl);background:var(--color-bg-scrim);border-radius:var(--radius-md);border:var(--border-thin) solid var(--color-border-transparent);margin-bottom:var(--spacing-xl)}.constraint-label{color:var(--color-neutral-gray);font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);letter-spacing:1px;margin-bottom:var(--spacing-md)}.constraint-sections{display:flex;gap:var(--spacing-xl);flex-wrap:wrap}.constraint-section-label{font-size:var(--font-size-tiny);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.constraint-green-slots{display:flex;gap:3px}.green-slot{width:22px;height:22px;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);text-transform:uppercase}.green-slot.empty{border:var(--border-thin) dashed rgba(var(--color-accent-green-rgb),.25)}.constraint-chips{display:flex;gap:3px;flex-wrap:wrap}.chip{padding:var(--spacing-xs) 7px;border-radius:3px;font-size:var(--font-size-tiny);font-weight:var(--font-weight-bold);text-transform:uppercase}.yellow-chip{background:rgba(var(--color-accent-yellow-rgb),.15);color:var(--color-accent-yellow);border:var(--border-thin) solid rgba(var(--color-accent-yellow-rgb),.3)}.gray-chip{background:var(--color-neutral-dark-gray);color:var(--color-neutral-gray);border:var(--border-thin) solid var(--color-border)}.results-panel{height:100%;display:flex;flex-direction:column}.results-empty{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);letter-spacing:1px;text-align:center}.results-header{margin-bottom:var(--spacing-lg);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.computing-spinner{width:14px;height:14px;border:2px solid var(--color-border);border-top-color:var(--color-accent-green);border-radius:50%;animation:spin .8s linear infinite;margin-left:var(--spacing-sm);flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}.results-chips{display:flex;flex-wrap:wrap;gap:var(--spacing-md);overflow:hidden}.result-chip{background:var(--color-neutral-dark-gray);color:var(--color-text-primary);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-sm);font-size:var(--font-size-small);border:var(--border-thin) solid var(--color-border);text-transform:lowercase}.result-chip.single-result{border-color:var(--color-accent-green);box-shadow:0 0 8px rgba(var(--color-accent-green-rgb),.2)}.show-more{margin-top:var(--spacing-lg);background:none;border:none;color:var(--color-neutral-gray);font-size:var(--font-size-small);padding:0}.show-more:hover{color:var(--color-accent-green)}.victory-panel{height:100%;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:200px}.victory-confetti{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.confetti-piece{position:absolute;top:-10px;width:8px;height:8px;border-radius:2px;animation:confetti-fall linear forwards;opacity:.9}@keyframes confetti-fall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(400px) rotate(720deg);opacity:0}}.victory-content{text-align:center;z-index:1;animation:victory-pop .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes victory-pop{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}.victory-icon{font-size:64px;color:var(--color-accent-green);line-height:1;margin-bottom:var(--spacing-lg);text-shadow:0 0 20px rgba(var(--color-accent-green-rgb),.5)}.victory-title{font-family:var(--font-family-title);font-size:var(--font-size-xxlarge);font-weight:var(--font-weight-bold);letter-spacing:6px;color:var(--color-accent-green);margin-bottom:var(--spacing-md)}.victory-subtitle{color:var(--color-text-muted);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);letter-spacing:1px}.reset-button{background:transparent;border:var(--border-thin) solid var(--color-accent-pink);color:var(--color-accent-pink);padding:var(--spacing-md) var(--spacing-xxl);border-radius:var(--radius-sm);font-size:var(--font-size-small);font-weight:var(--font-weight-semibold);letter-spacing:1px;transition:background var(--transition-fast)}.reset-button:hover{background:rgba(var(--color-accent-pink-rgb),.1)}.github-attribution{position:fixed;bottom:var(--spacing-lg);right:var(--spacing-xl);z-index:50;display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);background:var(--color-bg-scrim);color:var(--color-text-primary);border:var(--border-thin) solid var(--color-border-transparent);border-radius:var(--radius-pill);font-size:var(--font-size-small);font-weight:var(--font-weight-medium);text-decoration:none;box-shadow:var(--shadow-large);transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.github-attribution:hover{background:var(--color-bg-elevated);color:var(--color-accent-cyan);border-color:rgba(var(--color-accent-cyan-rgb),.4)}.github-attribution:focus-visible{outline:var(--border-medium) solid var(--color-primary-main);outline-offset:2px}.github-attribution-icon{font-size:1.1em;line-height:1}@media(max-width:767px){.app-main{flex-direction:column}.left-column{min-width:unset}.tile-input,.tile-button{width:44px;height:44px;font-size:var(--font-size-medium)}.constraint-summary{max-width:100%}.github-attribution{position:static;display:inline-flex;justify-content:center;width:100%;margin-top:var(--spacing-xxl);box-shadow:none}}@media(max-width:800px){.header-text{margin:0 0 0 10px}.header-text p{font-size:.8rem}}