@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Space+Grotesk:wght@400;500;600&display=swap";:root{font-family:Segoe UI,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;--bg: #121213;--surface: #16171a;--surface-strong: #1f2022;--modal-bg: #161b24;--border: #2c2d31;--border-muted: #3a3f4a;--text-primary: #f7f7f7;--text-muted: #c9c9d1;--text-subtle: #9b9b9b;--badge-bg: #1f2b3a;--tile-border: #3a3a3c;--tile-border-strong: #565758;--tile-bg: #1c1c1e;--tile-text: #f7f7f7;--tile-correct: #538d4e;--tile-present: #b59f3b;--tile-absent: #4b4c52;--keyboard-bg: #2f2f31;--keyboard-text: #f2f2f2;--accent: #1fd2ae;--accent-contrast: #071a14;--danger: #ff6b6b;--warning: #ff9f43;--hover: rgba(255, 255, 255, .04);--overlay: rgba(0, 0, 0, .6);--shadow: 0 10px 30px rgba(0, 0, 0, .35);--gradient-fade: linear-gradient(180deg, rgba(28, 28, 31, 0) 0%, rgba(28, 28, 31, .8) 100%);--input-bg: #0f1013;--mobile-keyboard-height: 160px;--keyboard-shadow: 0 -8px 16px rgba(255, 255, 255, .06);--keyboard-height-visual: 0px;--toast-gap: 12px;--mastermind-layout-width: min(520px, 92vw);--mastermind-controls-column-width: clamp(92px, 16vw, 132px);--mastermind-color-pin-size: 46px;--mastermind-action-size: var(--mastermind-color-pin-size);--mastermind-panel-gap: clamp(18px, 5vw, 32px)}[data-theme=light]{color-scheme:light;--bg: #f8fafc;--surface: #ffffff;--surface-strong: #f1f5f9;--modal-bg: #ffffff;--border: #d6dbe3;--border-muted: #dfe4ec;--text-primary: #0f172a;--text-muted: #4b5563;--text-subtle: #6b7280;--badge-bg: #e2e8f0;--tile-border: #cbd5e1;--tile-border-strong: #94a3b8;--tile-bg: #e2e8f0;--tile-text: #0f172a;--tile-correct: #2f9e44;--tile-present: #c59f2c;--tile-absent: #c0c9d6;--keyboard-bg: #e5e7eb;--keyboard-text: #0f172a;--accent: #16b49c;--accent-contrast: #ffffff;--danger: #dc2626;--warning: #f59e0b;--hover: rgba(15, 23, 42, .06);--overlay: rgba(15, 23, 42, .5);--shadow: 0 10px 24px rgba(15, 23, 42, .16);--gradient-fade: linear-gradient(180deg, rgba(248, 250, 252, 0) 0%, rgba(248, 250, 252, .85) 100%);--input-bg: #f8fafc;--keyboard-shadow: 0 -8px 16px rgba(0, 0, 0, .12);--keyboard-height-visual: 0px;--toast-gap: 12px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text-primary);transition:background-color .2s ease,color .2s ease;overflow-x:hidden;overflow-y:auto}#root{min-height:100vh;height:100%}.app{max-width:900px;margin:0 auto;padding:max(10px,env(safe-area-inset-top,10px)) max(14px,env(safe-area-inset-right,14px)) max(16px,env(safe-area-inset-bottom,16px)) max(14px,env(safe-area-inset-left,14px));display:flex;flex-direction:column;align-items:center;gap:14px;min-height:100vh;height:100vh;overflow:visible}.app.secret-chat-app{position:fixed;top:var(--vvo, 0px);left:0;right:0;height:var(--vvh, 100dvh);min-height:var(--vvh, 100dvh);max-height:var(--vvh, 100dvh);overflow:hidden;padding-left:0;padding-right:0;padding-bottom:0}@supports not (height: 100dvh){.app.secret-chat-app{height:100vh;min-height:100vh;max-height:100vh}}.app.mastermind-app{max-width:none;width:100%;margin:0;padding:max(10px,env(safe-area-inset-top,10px)) 0 max(16px,env(safe-area-inset-bottom,16px)) 0;align-items:stretch;justify-content:flex-start;gap:0;overflow:hidden;min-height:100dvh;height:100dvh}.mastermind-shell{width:100%;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;position:relative;height:100%}.mastermind-shell>.header{flex:0 0 auto;width:100%;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--bg)}.mastermind-board-section{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-inline:clamp(12px,4vw,28px);padding-bottom:0}.centered{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.hub{min-height:100vh;height:100vh;overflow:hidden;display:flex;flex-direction:column;align-items:center}.hub-header{margin:0 0 28px;padding-top:24px}.hub-wordmark{text-align:center;letter-spacing:.16em}.hub-wordmark__light{font-weight:300}.hub-wordmark__bold{margin-left:.35em;font-weight:700}.hub-main{width:100%;display:flex;justify-content:center;flex:1 1 auto}.hub-grid{display:flex;flex-direction:column;gap:24px;width:100%;max-width:480px}.hub-card{position:relative;margin:0 10px;overflow:hidden;border:1px solid var(--border-muted);border-radius:16px;padding:18px;color:var(--text-primary);text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:190px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease;background:#000}.hub-card:after{content:"";position:absolute;inset:-15% -20% -15% 25%;background-image:var(--hub-image);background-size:130% auto;background-position:center;background-repeat:no-repeat;transform:rotate(-14deg);opacity:.95;filter:saturate(.95) contrast(1.05);border-radius:inherit;z-index:0;pointer-events:none}.hub-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000000f5,#000000e6 32%,#000000a6 50%,#00000040 70%,#0000);z-index:1;pointer-events:none}.hub-card:hover{transform:translateY(-2px);border-color:var(--accent);box-shadow:0 10px 24px #00000040}.hub-card__body{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;max-width:65%}.hub-card__title{font-weight:700;font-size:1.1rem;color:var(--accent)}.hub-card__desc{color:var(--text-subtle);font-size:.95rem}.hub-card__cta{margin-top:auto;color:var(--accent);font-weight:700;letter-spacing:.02em}@media(max-width:640px){.hub{height:100vh;padding:16px 10px 14px}.hub-grid{gap:18px}.hub-card{min-height:136px;padding:12px 14px}.hub-card__body{gap:5px}}.main-stack{width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:0;justify-content:flex-start;padding-bottom:max(18px,env(safe-area-inset-bottom,18px));overflow:hidden}.main-stack.secret-chat-active{padding-bottom:0;flex:1 1 auto;min-height:0}.board-scroll{width:100%;display:flex;justify-content:center;flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.board-scroll::-webkit-scrollbar{width:0;height:0}.board-scroll{-ms-overflow-style:none;scrollbar-width:none}.banner{text-align:center;background:var(--surface-strong);border:1px solid var(--border);padding:12px 14px;border-radius:10px;width:100%;max-width:640px;color:var(--text-primary)}.banner strong{color:var(--accent)}.banner.warning{border-color:var(--warning)}.header{display:flex;flex-direction:column;gap:12px;width:100%;max-width:900px;margin:0 auto;padding:0 clamp(12px,5vw,32px) 10px;position:sticky;top:0;z-index:6;background:var(--bg)}.header-left{display:flex;align-items:center;gap:8px}.header-connection{display:inline-flex;align-items:center;gap:8px;font-size:.7rem;color:#78d2aabf;text-transform:uppercase;letter-spacing:.16em}.header-connection-text{letter-spacing:.16em}.header-bar{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"brand actions cta";align-items:center;gap:12px;width:100%}.title{display:flex;align-items:center;gap:10px;font-size:1.32rem;letter-spacing:.12em;text-transform:uppercase;font-family:Bebas Neue,Segoe UI,Helvetica Neue,Arial,sans-serif}.title.brand{grid-area:brand}.title .badge{background:var(--badge-bg);color:var(--accent);padding:3px 8px;border-radius:6px;font-size:.75rem}.header-actions{display:flex;align-items:center;gap:4px}.header-actions.toolbar{grid-area:actions;justify-content:center;flex-wrap:wrap;gap:4px}.header-actions.secondary{justify-content:flex-end}.header-cta{grid-area:cta;display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;justify-self:end}.ghost-button,.primary-button{background:transparent;border-radius:8px;border:1px solid var(--border-muted);color:var(--text-primary);padding:8px 12px;cursor:pointer;transition:all .18s ease,filter .12s ease,transform .12s ease;font-weight:600;display:inline-flex;align-items:center;gap:8px}.primary-button{background:var(--accent);color:var(--accent-contrast);border:none}.ghost-button.small{padding:6px 10px;font-size:.9rem}.primary-button.compact{padding-inline:10px}.ghost-button:disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:none}.ghost-button:hover,.primary-button:hover{transform:translateY(-1px);filter:brightness(1.05)}.ghost-button:active,.primary-button:active{transform:translateY(0);filter:brightness(.95)}.icon{width:16px;height:16px;display:inline-flex;color:inherit}.timer-pill{display:inline-flex;align-items:center;gap:6px;padding:0;border-radius:0;background:none;border:none;box-shadow:none;color:var(--text-primary)}.mono{font-family:SFMono-Regular,JetBrains Mono,Roboto Mono,Menlo,monospace;letter-spacing:.04em;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:none}.header-divider{display:none}.btn-label{display:inline}.board{display:grid;gap:6px;width:100%;max-width:min(520px,calc(100vw - 24px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px)));flex:0 0 auto;margin:0 auto;align-content:start}.board-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:6px}.tile{position:relative;border:2px solid var(--tile-border);background:var(--tile-bg);color:var(--tile-text);font-size:clamp(1.1rem,4vw,1.6rem);font-weight:700;text-transform:uppercase;display:grid;place-items:center;aspect-ratio:1/1;border-radius:5px;box-shadow:none;transition:transform .22s ease,background-color .22s ease,border-color .22s ease}.tile.focused{border-color:var(--accent)!important;box-shadow:0 0 0 2px #6ca6ff66}.tile.filled{border-color:var(--tile-border-strong)}.tile.correct{background:var(--tile-correct);border-color:var(--tile-correct)}.tile.present{background:var(--tile-present);border-color:var(--tile-present)}.tile.absent{background:var(--tile-absent);border-color:var(--tile-absent)}.keyboard{width:100%;max-width:720px;display:grid;gap:8px;justify-items:center;user-select:none;-webkit-user-select:none;margin-top:auto;padding-bottom:14px;margin-bottom:max(14px,env(safe-area-inset-bottom,14px))}.keyboard-row{display:flex;gap:6px;width:100%;justify-content:center}.key{background:var(--keyboard-bg);color:var(--keyboard-text);border:1px solid var(--border-muted);border-radius:6px;padding:11px 9px;min-width:38px;font-weight:700;cursor:pointer;transition:all .15s ease;text-transform:uppercase;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:manipulation;box-shadow:none}.key.enter-ready{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);animation:pulse 1s ease-in-out infinite}.key-icon{width:16px;height:16px;display:inline-block}.key[data-status=correct]{background:var(--tile-correct)}.key[data-status=present]{background:var(--tile-present)}.key[data-status=absent]{background:var(--tile-absent)}.secret-chat{--secret-green: #4dff9e;--secret-green-soft: #28c77a;--secret-green-dim: rgba(77, 255, 158, .18);--secret-green-muted: rgba(120, 210, 170, .7);--secret-panel: rgba(10, 14, 12, .78);--composer-height: 88px;font-family:SFMono-Regular,JetBrains Mono,Menlo,Consolas,monospace;color:#e4f6ec}.secret-chat-shell{width:100%;flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;min-height:0;position:relative;height:100%;max-height:100%;overflow:hidden}.secret-chat-code{width:100%;flex:1 1 auto;display:flex;align-items:center;justify-content:center;padding:0 16px calc(var(--kb, 0px) + env(safe-area-inset-bottom,0px));min-height:0;position:relative;overflow:hidden}.secret-chat-green-glitch .secret-chat-panel{filter:blur(6px);opacity:.15;transform:scale(1.04)}.secret-chat-green-overlay{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(77,255,158,.12),transparent 60%);animation:secret-green-flicker .35s steps(2) infinite}.secret-chat-green-overlay:before,.secret-chat-green-overlay:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(180deg,rgba(77,255,158,.08),rgba(77,255,158,.08) 1px,transparent 1px,transparent 6px);mix-blend-mode:screen;opacity:.6;animation:secret-green-scan .25s steps(2) infinite}.secret-chat-green-overlay:after{opacity:.35;animation-duration:.18s;transform:translateY(6%)}.secret-chat-green-line{position:absolute;left:-10%;right:-10%;height:6px;background:linear-gradient(90deg,transparent,rgba(77,255,158,.7),transparent);opacity:.7;animation:secret-green-line .4s steps(2) infinite}.secret-chat-green-line.line-1{top:18%;animation-delay:-.1s}.secret-chat-green-line.line-2{top:32%;height:10px;animation-delay:-.22s}.secret-chat-green-line.line-3{top:52%;animation-delay:-.3s}.secret-chat-green-line.line-4{top:68%;height:8px;animation-delay:-.4s}.secret-chat-green-line.line-5{top:82%;animation-delay:-.18s}@keyframes secret-green-line{0%{transform:translate(-8%) scaleX(1.02)}50%{transform:translate(6%) scaleX(.98)}to{transform:translate(-4%) scaleX(1)}}@keyframes secret-green-scan{0%{transform:translateY(-6%)}to{transform:translateY(6%)}}@keyframes secret-green-flicker{0%,to{opacity:.8}40%{opacity:.4}70%{opacity:.65}}.secret-chat-panel{width:min(420px,92vw);background:var(--secret-panel);border:1px solid var(--secret-green-dim);border-radius:12px;padding:16px 16px 14px;display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 0 18px #4dff9e14,0 12px 30px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-image:linear-gradient(180deg,#4dff9e08,#0000 55%),repeating-linear-gradient(0deg,rgba(77,255,158,.025),rgba(77,255,158,.025) 1px,transparent 1px,transparent 6px)}.secret-chat-title{font-size:1.1rem;color:var(--secret-green);text-shadow:0 0 10px rgba(77,255,158,.2);letter-spacing:.08em;text-transform:uppercase}.secret-chat-subtitle{color:var(--secret-green-muted);font-size:.8rem}.secret-chat-form{display:grid;gap:10px}.secret-chat-input{width:100%;padding:8px 10px;border-radius:6px;border:none;background:#080c0ae6;color:#e4f6ec;font-size:.9rem;transition:box-shadow .18s ease}.secret-chat-input::placeholder{color:#78d2aa73}.secret-chat-input:focus{outline:none;box-shadow:0 0 14px #4dff9e38}.secret-chat-code-input{text-align:center;letter-spacing:.28em;font-size:1rem;border:1px solid rgba(77,255,158,.2);box-shadow:0 0 10px #4dff9e1f;border-radius:0}.secret-chat-code-input:focus{border:1px solid rgba(77,255,158,.2);box-shadow:0 0 10px #4dff9e1f}.secret-chat-textarea{resize:none;min-height:38px;line-height:1.4;flex:1 1 auto}.secret-chat-input-display{width:100%;min-height:34px;max-height:96px;padding:5px 10px;border-radius:16px;background:#0a0c0cd9;border:1px solid rgba(255,255,255,.06);color:#e4f6ec;font-size:16px;line-height:1.3;white-space:pre-wrap;overflow-y:auto;position:relative;box-shadow:0 0 6px #4dff9e14}.secret-chat-input-display.is-empty:before{content:attr(data-placeholder);color:#78d2aa73}.secret-chat-input-display.is-active:after{content:"";display:inline-block;width:2px;height:1em;background:#4dff9e99;margin-left:2px;animation:secret-chat-caret 1s steps(2) infinite}.secret-chat-message-input{width:100%;min-height:34px;max-height:96px;padding:5px 10px;border-radius:16px;background:#0a0c0cd9;border:1px solid rgba(255,255,255,.06);color:#e4f6ec;font-size:16px;line-height:1.3;font-family:inherit;resize:none;outline:none;box-shadow:0 0 6px #4dff9e14}.secret-chat--native .secret-chat-compose{transform:none}@keyframes secret-chat-caret{0%,50%{opacity:1}51%,to{opacity:0}}.secret-chat-button{width:100%;padding:10px 14px;border-radius:8px;border:1px solid rgba(77,255,158,.4);background:#0f1d16f2;color:var(--secret-green);font-weight:700;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;box-shadow:0 0 12px #4dff9e2e}.secret-chat-button:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.secret-chat-button:not(:disabled):hover{border-color:#4dff9eb3;transform:translateY(-1px)}.secret-chat-error{color:#ff7b6b;font-weight:600;font-size:.78rem}.secret-chat-hint{color:#78d2aa99;font-size:.75rem}.secret-chat-chat{width:100%;max-width:100%;flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-height:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif}.secret-chat-messages{flex:1 1 auto;min-height:0;border-radius:0;padding:6px 8px;display:flex;flex-direction:column;gap:6px;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;border:1px solid rgba(77,255,158,.06);background:#060a08b8;box-shadow:inset 0 0 14px #4dff9e08;background-image:repeating-linear-gradient(180deg,rgba(77,255,158,.02),rgba(77,255,158,.02) 1px,transparent 1px,transparent 8px)}.secret-chat-bubble{max-width:74%;padding:7px 10px;border-radius:14px;background:#121815f2;color:#f1f6f3;border:1px solid rgba(255,255,255,.03);line-height:1.35;white-space:pre-wrap;word-break:break-word;font-size:.95rem}.secret-chat-bubble.mine{align-self:flex-end;background:#1e382bf2;color:#d9ffe9;border-color:#4dff9e47;box-shadow:0 0 12px #4dff9e2e}.secret-chat-bubble.theirs{align-self:flex-start}.secret-chat-message{display:flex;flex-direction:column;gap:2px;align-items:flex-start}.secret-chat-message.mine{align-items:flex-end}.secret-chat-timestamp{font-size:.68rem;color:#78d2aa73;letter-spacing:.02em}.secret-chat-system{align-self:center;text-align:center;color:#78d2aa99;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.secret-chat-status-row{display:flex;align-items:center;justify-content:space-between;font-size:.65rem;color:#78d2aa99;text-transform:uppercase;letter-spacing:.16em;padding-left:4px}.secret-chat-status-left{display:inline-flex;align-items:center;gap:8px}.secret-chat-status-text{letter-spacing:.16em}.secret-chat-status-right{display:inline-flex;align-items:center;gap:6px;color:#78d2aa73;letter-spacing:.2em}.secret-chat-lock{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#78d2aab3;filter:drop-shadow(0 0 6px rgba(77,255,158,.25))}.secret-chat-lock svg{width:100%;height:100%}.app.secret-glitch{position:relative;overflow:hidden}.app.secret-glitch:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(180deg,rgba(77,255,158,.08),rgba(77,255,158,.08) 1px,transparent 1px,transparent 6px);mix-blend-mode:screen;opacity:.35;animation:app-glitch-scan .25s steps(2) infinite;z-index:3}.app.secret-glitch:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 20%,rgba(77,255,158,.12),transparent 60%);opacity:.6;animation:app-glitch-flicker .3s steps(2) infinite;z-index:3}.app.secret-glitch .header{animation:app-glitch-header .17s steps(2) infinite,app-glitch-wobble .6s steps(2) infinite}.app.secret-glitch .header-actions,.app.secret-glitch .header-cta{animation:app-glitch-snap .14s steps(2) infinite,app-glitch-wobble .4s steps(2) infinite}.app.secret-glitch .board{animation:app-glitch-stretch .16s steps(2) infinite,app-glitch-zap .45s steps(2) infinite;transform-origin:center}.app.secret-glitch .keyboard{animation:app-glitch-shift .15s steps(2) infinite,app-glitch-shear .38s steps(2) infinite;transform-origin:center}.app.secret-glitch .board .tile{animation:app-glitch-tiles .18s steps(2) infinite;filter:drop-shadow(4px -2px 0 rgba(133,84,255,.55)) drop-shadow(-4px 3px 0 rgba(77,255,158,.45))}.app.secret-glitch .board-row:nth-child(odd) .tile{animation:app-glitch-tiles .12s steps(2) infinite,tile-glitch-pop .22s steps(2) infinite}.app.secret-glitch .board-row:nth-child(3n) .tile{animation:app-glitch-tiles .2s steps(2) infinite,tile-glitch-squash .24s steps(2) infinite}.app.secret-glitch .keyboard .key{animation:key-glitch .18s steps(2) infinite;filter:drop-shadow(3px -2px 0 rgba(133,84,255,.45)) drop-shadow(-3px 2px 0 rgba(77,255,158,.35))}.app.secret-glitch .keyboard-row:nth-child(2n) .key{animation:key-glitch-alt .22s steps(2) infinite}@keyframes app-glitch-shift{0%{transform:translate(0) scale(1)}20%{transform:translate(-6px,4px) scale(1.04,.96)}50%{transform:translate(8px,-6px) scale(.96,1.05)}80%{transform:translate(-4px,6px) scale(1.03,.97)}to{transform:translate(0) scale(1)}}@keyframes app-glitch-header{0%{transform:translate(0) scale(1)}30%{transform:translate(-10px,6px) scale(1.06,.92) skew(-3deg)}60%{transform:translate(12px,-8px) scale(.94,1.08) skewY(2deg)}to{transform:translate(0) scale(1)}}@keyframes app-glitch-wobble{0%{transform:translate(0)}33%{transform:translate(6px,-4px) scale(1.08)}66%{transform:translate(-7px,6px) scale(.93)}to{transform:translate(0)}}@keyframes app-glitch-snap{0%{transform:translate(0)}33%{transform:translate(4px,-3px) scale(1.06)}66%{transform:translate(-5px,4px) scale(.95)}to{transform:translate(0)}}@keyframes app-glitch-stretch{0%{transform:translate(0) scale(1)}30%{transform:translate(6px,-8px) scale(1.08,.9)}60%{transform:translate(-8px,6px) scale(.92,1.12)}to{transform:translate(0) scale(1)}}@keyframes app-glitch-tiles{0%{transform:translate(0)}50%{transform:translate(-2px,2px) scale(1.04)}to{transform:translate(0)}}@keyframes app-glitch-zap{0%{transform:translate(0) scale(1)}25%{transform:translate(14px,-10px) scale(1.12,.88)}55%{transform:translate(-12px,8px) scale(.9,1.14)}to{transform:translate(0) scale(1)}}@keyframes app-glitch-shear{0%{transform:translate(0) skew(0)}40%{transform:translate(-8px,6px) skew(-5deg)}80%{transform:translate(10px,-6px) skew(6deg)}to{transform:translate(0) skew(0)}}@keyframes tile-glitch-pop{0%{transform:translate(0) scale(1)}40%{transform:translate(3px,-4px) scale(1.22)}70%{transform:translate(-4px,3px) scale(.88)}to{transform:translate(0) scale(1)}}@keyframes tile-glitch-squash{0%{transform:translate(0) scale(1)}30%{transform:translate(4px,2px) scale(1.3,.7)}60%{transform:translate(-5px,-3px) scale(.75,1.25)}to{transform:translate(0) scale(1)}}@keyframes key-glitch{0%{transform:translate(0) scale(1)}50%{transform:translate(3px,-3px) scale(1.12)}to{transform:translate(0) scale(1)}}@keyframes key-glitch-alt{0%{transform:translate(0) scale(1)}35%{transform:translate(-4px,4px) scale(.9,1.18)}70%{transform:translate(5px,-2px) scale(1.15,.85)}to{transform:translate(0) scale(1)}}@keyframes app-glitch-scan{0%{transform:translateY(-6%)}to{transform:translateY(6%)}}@keyframes app-glitch-flicker{0%,to{opacity:.65}40%{opacity:.35}70%{opacity:.55}}.secret-chat-signal{display:inline-flex;align-items:flex-end;gap:3px}.secret-chat-signal-bar{width:3px;border-radius:2px;background:#4dff9eb3;box-shadow:0 0 6px #4dff9e59}.secret-chat-signal-bar.bar-1{height:6px;opacity:.5}.secret-chat-signal-bar.bar-2{height:10px;opacity:.7}.secret-chat-signal-bar.bar-3{height:14px}.secret-chat-compose{display:flex;flex-direction:column;gap:4px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 30px);margin-top:auto;padding-top:4px;padding-inline:0;position:sticky;bottom:env(safe-area-inset-bottom,0px);transform:translateY(calc(-1 * var(--kb, 0px)));will-change:transform}.secret-chat--native .secret-chat-compose{padding-bottom:calc(env(safe-area-inset-bottom,0px) + max(0px,30px - min(var(--kb, 0px),30px)))}.secret-chat-compose-row{display:flex;gap:8px;align-items:stretch;width:100%;margin-inline:0;padding-inline:8px}.secret-chat-button--send{padding-inline:12px;padding-block:0;min-height:34px;min-width:72px;width:auto;align-self:stretch;border-radius:16px;font-size:.8rem;letter-spacing:.04em;font-weight:600;box-shadow:none;border-color:#4dff9e40;background:#0c1612e6}.secret-chat-loading{display:inline-flex;align-items:center;justify-content:center;gap:4px}.secret-chat-loading-bar{width:3px;height:12px;border-radius:2px;background:#4dff9ed9;animation:secret-chat-loading-wave .9s ease-in-out infinite}.secret-chat-loading-bar:nth-child(2){animation-delay:.1s}.secret-chat-loading-bar:nth-child(3){animation-delay:.2s}.secret-chat-loading-bar:nth-child(4){animation-delay:.3s}.secret-chat-loading-bar:nth-child(5){animation-delay:.4s}@keyframes secret-chat-loading-wave{0%,to{transform:scaleY(.6);opacity:.6}50%{transform:scaleY(1.3);opacity:1}}.secret-chat-keyboard{--kb-tray: #2c2c2e;--kb-key: #3a3a3c;--kb-key-action: #4a4a4c;--kb-key-text: #f2f2f7;--kb-key-shadow: rgba(0, 0, 0, .3);--kb-key-highlight: rgba(255, 255, 255, .12);display:flex;flex-direction:column;gap:6px;padding:8px 2px calc(env(safe-area-inset-bottom,0px) + 18px);border-radius:0;background:var(--kb-tray);box-shadow:none;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding-inline:2px}.secret-chat-key-row{display:flex;gap:6px;justify-content:center;padding-inline:6px}.secret-chat-key-row--top{padding-inline:4px}.secret-chat-key-row--home{padding-inline:18px}.secret-chat-key-row--bottom-letters{padding-inline:10px}.secret-chat-key-row--bottom{justify-content:space-between}.secret-chat-key{flex:1 1 0;min-width:26px;min-height:42px;padding:0 6px;border-radius:8px;border:none;background:var(--kb-key);color:var(--kb-key-text);font-size:.98rem;font-weight:600;text-transform:uppercase;box-shadow:0 1px 0 var(--kb-key-highlight),0 2px 4px var(--kb-key-shadow);cursor:pointer;user-select:none;-webkit-user-select:none}.secret-chat-key--letter{font-size:1.08rem}.secret-chat-key:active{transform:translateY(1px);filter:brightness(.95)}.secret-chat-key--action{background:var(--kb-key-action);text-transform:none;font-size:.8rem;font-weight:600;letter-spacing:.02em;padding-inline:12px;flex:1.6 1 0}.secret-chat-key--backspace{font-size:1rem}.secret-chat-key--space{text-transform:none;font-weight:500;flex:5.2 1 0}.secret-chat-key--toggle,.secret-chat-key--return{min-width:60px;flex:1.4 1 0}.secret-chat-key--return{background:var(--kb-key);color:var(--kb-key-text);font-weight:600;letter-spacing:.01em;text-transform:none}.secret-chat-key--action.is-active{background:#6b6b6f}.header-exit{border-color:#ff786e73;color:#ff8579;background:#180a0a80;padding-inline:18px;min-width:72px;min-height:28px;justify-content:center;text-align:center}.header-exit:hover:not(:disabled){border-color:#ff786ebf}.mastermind-board-wrapper{width:100%;flex:1 1 auto;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:0;position:relative}.mastermind-board-scroll{width:100%;max-width:var(--mastermind-layout-width);flex:1 1 auto;height:100%;overflow-y:auto;-ms-overflow-style:none;scrollbar-width:none;min-height:0;padding:0 6px 16px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;margin:0 auto}.mastermind-board-scroll::-webkit-scrollbar{width:0;height:0}.mm-board{width:100%;border:1px solid var(--border);border-radius:14px;padding:10px;background:var(--surface);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}.mm-row{display:flex;align-items:center;gap:10px;background:var(--surface-strong);border:1px solid var(--border);border-radius:10px;padding:8px 12px;box-shadow:inset 0 1px #ffffff05;min-height:76px;height:76px}.mm-row-index{display:inline-flex;align-items:center;justify-content:center;width:48px;text-align:center;color:var(--text-subtle);font-weight:700;flex-shrink:0;line-height:1;margin-right:8px;position:relative}.mm-row-index:after{content:"";position:absolute;right:0;top:10%;bottom:10%;width:1px;background:#0f172a1f}.mm-row-main{display:flex;align-items:center;flex:1 1 auto;min-width:0;justify-content:center}.mm-row-cells{--mm-max-cols: 5;--mm-gap-max: 18px;--mm-track-size: var(--mm-peg-size, 36px);--mm-cols: var(--mm-max-cols);display:grid;column-gap:14px;row-gap:14px;grid-template-columns:repeat(var(--mm-cols),var(--mm-track-size));width:calc(var(--mm-track-size) * var(--mm-max-cols) + var(--mm-gap-max) * (var(--mm-max-cols) - 1));max-width:100%;justify-content:center;margin-left:auto;margin-right:auto;justify-self:center;align-items:center;justify-items:center}.mm-row-cells--4{--mm-cols: 4;column-gap:18px}.mm-row-cells--5{--mm-cols: 5}.mm-cell{--mm-hole-size: 26px;--mm-peg-size: 36px;position:relative;display:flex;justify-content:center;align-items:center;width:var(--mm-hole-size);height:var(--mm-hole-size);aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 50% 45%,#ffffff14,#000000a6 70%),var(--surface-strong);border:1px solid var(--border-muted);box-shadow:inset 0 2px 4px #ffffff1a}.mm-cell.empty{box-shadow:inset 0 2px 5px #00000080;background:radial-gradient(circle at 50% 45%,#00000080,#000000b3 70%),var(--surface-strong)}.mm-peg{position:relative;width:var(--mm-peg-size);height:var(--mm-peg-size);aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;border:none;padding:0;background:transparent;box-shadow:none;overflow:visible}.mm-peg.filled{box-shadow:0 4px 8px #000000b3;overflow:hidden}.mm-peg.filled:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#ffffffe6 0,#fff0 40%),radial-gradient(circle at 50% 120%,#0009 0,#0000 60%);mix-blend-mode:screen;pointer-events:none}.mm-peg-inner{width:100%;height:100%;border-radius:50%;background:var(--peg-color);display:block}.mm-peg.empty{visibility:hidden}.mm-row-separator{width:1px;background:#ffffff0f;margin:0 12px;border-radius:9999px;align-self:stretch}[data-theme=light] .mm-row-separator{background:#0f172a24}.mm-row-pins{display:flex;align-items:center;justify-content:center;min-width:0;padding-left:4px;padding-right:10px}.mastermind-pin-grid{--pin-slot: calc(var(--pin-size, 13px) + 1px);display:grid;grid-template-columns:repeat(3,var(--pin-slot));grid-template-rows:repeat(3,var(--pin-slot));column-gap:1px;row-gap:1px;justify-content:center;align-content:center;justify-items:center;align-items:center}.mastermind-pin-grid--4 .mastermind-pin:nth-child(1),.mastermind-pin-grid--5 .mastermind-pin:nth-child(1){grid-area:1 / 1 / 2 / 2}.mastermind-pin-grid--4 .mastermind-pin:nth-child(2),.mastermind-pin-grid--5 .mastermind-pin:nth-child(2){grid-area:1 / 3 / 2 / 4}.mastermind-pin-grid--4 .mastermind-pin:nth-child(3),.mastermind-pin-grid--5 .mastermind-pin:nth-child(3){grid-area:3 / 1 / 4 / 2}.mastermind-pin-grid--4 .mastermind-pin:nth-child(4),.mastermind-pin-grid--5 .mastermind-pin:nth-child(4){grid-area:3 / 3 / 4 / 4}.mastermind-pin-grid--5 .mastermind-pin:nth-child(5){grid-area:2 / 2 / 3 / 3}.mastermind-pin-grid--4{--pin-slot: calc(var(--pin-size, 13px) + 0px);column-gap:0;row-gap:0}@media(min-width:900px){:root{--mastermind-controls-column-width: clamp(110px, 10vw, 160px)}.mastermind-board-scroll{max-width:500px}.mm-board{--mm-hole-size: 30px;--mm-peg-size: 40px;gap:12px;padding:12px}.mm-row{min-height:86px;height:86px;padding:10px 14px}.mastermind-action{width:auto;min-width:128px;height:52px;min-height:52px;padding:0 18px;border-radius:12px;flex-direction:row;gap:8px;font-size:.85rem;letter-spacing:.02em}.mastermind-bottom-content{padding:24px 32px}.mastermind-panel-grid{gap:12px 18px}}.mastermind-pin{width:var(--pin-size, 13px);height:var(--pin-size, 13px);aspect-ratio:1 / 1;flex-shrink:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;background:radial-gradient(circle at 30% 30%,#ffffff2e,#fff0 60%),#0d0d10;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 2px 4px #ffffff14,inset 0 -2px 4px #000000e6,0 4px 10px #000000b3,0 0 8px #fff3}.mastermind-pin--exact{background-color:#fff;border-color:#ffffff2e;box-shadow:inset 0 2px 3px #fffc,0 4px 10px #000c,0 0 12px #ffffff59}.mastermind-pin--color-only{background-color:#121214;border:1.2px solid rgba(255,255,255,.7);box-shadow:inset 0 1px 2px #ffffff40,inset 0 -2px 4px #000000a6,0 3px 6px #00000080,0 0 10px #ffffff40}.mastermind-pin--empty{background:#17171a;border:1px solid rgba(255,255,255,.08);box-shadow:none;opacity:1}.mastermind-pin--placeholder{visibility:hidden}[data-theme=light] .mastermind-pin--exact{background-color:#0f172a;box-shadow:0 4px 10px #0f172a73}[data-theme=light] .mastermind-pin--color-only{background-color:#fff;border-color:#0f172ad9;box-shadow:0 2px 4px #0f172a33}[data-theme=light] .mastermind-pin--empty{background-color:#e2e8f0;box-shadow:none;border:none}.mastermind-color-pin{width:var(--mastermind-color-pin-size);height:var(--mastermind-color-pin-size);aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;border:none;padding:0;position:relative;cursor:pointer;background:transparent;box-shadow:0 4px 8px #000000b3;overflow:hidden;transition:transform .12s ease,filter .12s ease}[data-theme=dark] .mastermind-color-pin{box-shadow:0 4px 8px #000000a6,0 6px 12px #ffffff24,0 0 14px #ffffff59}.mastermind-color-pin-inner{width:100%;height:100%;aspect-ratio:1 / 1;border-radius:50%;background:var(--pin-color);display:block}.mastermind-color-pin:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 20%,#ffffffe6 0,#fff0 40%),radial-gradient(circle at 50% 120%,#0009 0,#0000 60%);mix-blend-mode:screen;pointer-events:none}.mastermind-color-pin:hover{transform:translateY(-1px);filter:brightness(1.05)}.mastermind-color-pin:active{transform:translateY(0);filter:brightness(1.08)}.mastermind-bottom-surface{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);background-image:url(/assets/wood.png);background-repeat:repeat;background-size:300px auto;background-position:center top;border-top-left-radius:24px;border-top-right-radius:24px;overflow:hidden;box-shadow:0 -6px 12px #00000038;padding:12px 0 calc(14px + env(safe-area-inset-bottom,0px));flex:0 0 auto;display:flex;justify-content:center;align-items:center;position:sticky;bottom:0;z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-sizing:border-box}@media(max-width:720px){.mastermind-bottom-surface{position:fixed;left:0;right:0;bottom:0;z-index:12;height:calc(var(--mobile-keyboard-height) + env(safe-area-inset-bottom,0px));padding:0 clamp(16px,4vw,24px) env(safe-area-inset-bottom,0px);border-top-left-radius:0;border-top-right-radius:0;border-top:1px solid var(--border);box-shadow:var(--keyboard-shadow);box-sizing:border-box}.mastermind-board-scroll{padding-bottom:calc(var(--mobile-keyboard-height) + env(safe-area-inset-bottom,0px) + 24px)}.mastermind-bottom-content{padding:0 clamp(12px,4vw,24px)}body.mastermind{overflow:hidden}}.mastermind-bottom-content{width:100%;max-width:var(--mastermind-layout-width);margin:0 auto;padding:18px clamp(16px,4vw,28px);display:flex;justify-content:center;align-items:center;gap:12px}.mastermind-panel-grid{display:grid;grid-template-rows:repeat(2,auto);gap:10px 12px;justify-content:center;align-content:center;justify-items:center;width:max-content}.mastermind-panel-back{grid-column:-1;grid-row:1}.mastermind-panel-submit{grid-column:-1;grid-row:2}.mastermind-action-btn{background:#fff;color:#0f172a;border:1px solid rgba(15,23,42,.25);box-shadow:0 10px 18px #0f172a40;filter:none;opacity:1;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease;font-weight:600}.mastermind-action-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 22px #0f172a40}.mastermind-action-btn:active:not(:disabled){transform:translateY(0);box-shadow:0 8px 12px #0f172a33}.mastermind-action-btn:disabled{cursor:not-allowed}.mastermind-action{width:var(--mastermind-action-size);height:var(--mastermind-action-size);min-width:var(--mastermind-action-size);min-height:var(--mastermind-action-size);padding:0;border-radius:14px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;flex-shrink:0;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;line-height:1.1}@media(min-width:721px){.mastermind-panel-back,.mastermind-panel-submit{width:auto;min-width:110px;padding:6px 14px;flex-direction:row;gap:8px;font-size:.8rem;letter-spacing:.02em}}.mastermind-submit{background:#fff;color:#0f172a;border-color:#fff;transition:transform .12s ease,filter .12s ease,box-shadow .12s ease}.mastermind-submit.enter-ready{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent);animation:pulse 1s ease-in-out infinite}[data-theme=light] .mastermind-submit:disabled,.mastermind-submit:disabled{background:#fff;border-color:#fff;color:#0f172a;box-shadow:none}[data-theme=light] .mastermind-submit{background:#fff;color:#0f172a;border-color:#fff;box-shadow:0 6px 14px #0f172a}.mm-code-row{display:flex;gap:10px;justify-content:center;width:100%}.mm-peg--modal{--mm-peg-size: 30px}.mm-code-reveal{display:flex;flex-direction:column;gap:6px;align-items:stretch}.mm-code-reveal .mm-code-row{justify-content:center}.mm-code-reveal .win-modal__subtitle{align-self:flex-start}.key.wide{min-width:72px}.key:hover{filter:brightness(1.05)}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:20;padding:20px}.modal{background:var(--modal-bg);border:1px solid var(--border);border-radius:12px;padding:24px;width:min(540px,100%);box-shadow:var(--shadow);color:var(--text-primary);font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fadeIn .2s ease;max-height:90vh;overflow-y:auto;position:relative}.modal.win-modal{width:min(420px,92vw);padding:32px;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}.modal.win-modal .modal-header h2{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;font-size:clamp(1.3rem,4vw,1.65rem)}.win-modal__content{display:flex;flex-direction:column;gap:16px;text-align:center}.win-modal__description{font-size:.95rem;color:var(--text-muted);font-weight:400;text-align:left;align-self:stretch}.win-modal__description strong{font-weight:400}.win-modal__stats{display:flex;flex-direction:column;gap:8px;align-items:center}.win-modal__stat-line{font-size:1.05rem;font-weight:400;letter-spacing:.02em;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center}.win-modal__stat-line--visible{opacity:1;transform:translateY(0)}.win-modal__rank{margin:0;min-height:1.2em;display:flex;align-items:center;justify-content:center;font-family:inherit;font-weight:400;letter-spacing:.05em;color:var(--text-primary)}.win-modal__stat-label{font-size:.95rem;letter-spacing:.05em;color:var(--text-muted);margin:0;font-weight:400;font-family:inherit}.win-modal__stat-value{font-family:Space Mono,IBM Plex Mono,Menlo,monospace;letter-spacing:.4em;font-size:1.1rem;font-weight:400}.win-modal__label{font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin:0;font-weight:400;text-align:left;align-self:stretch;width:100%}.win-modal__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.win-modal__actions--center{justify-content:center}.win-modal__subtitle{margin:0;font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);align-self:flex-start;font-weight:400;font-family:inherit;width:100%;text-align:left}.modal.high-scores-modal{width:min(720px,96vw);height:auto;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;gap:14px;padding-bottom:12px}.modal.high-scores-modal,.settings-modal{font-family:Space Grotesk,Segoe UI,system-ui,sans-serif}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.modal h2{margin:0}.modal .modal-body p{margin:6px 0}.high-scores-header{display:flex;align-items:center;justify-content:space-between;gap:12px;position:sticky;top:0;padding:4px 0;background:var(--modal-bg);z-index:2}.high-scores-header h2{margin:0}.hs-title-month{font-weight:500;opacity:.7}.hs-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:sticky;top:44px;background:var(--modal-bg);z-index:2;padding-bottom:6px;justify-content:space-between}.difficulty-pill{display:inline-flex;align-items:stretch;gap:0;border-radius:10px;border:1px solid var(--border-muted);padding:0;background:var(--surface);color:var(--text-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease;min-height:38px;font-size:.95rem;font-weight:600;line-height:1;overflow:hidden}.difficulty-pill .segment-half{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:.95rem;padding:8px 12px;min-width:60px;text-align:center;color:var(--text-muted);background:var(--surface)}.difficulty-pill .icon{width:16px;height:16px;flex-shrink:0}.difficulty-pill .segment-half+.segment-half{border-left:1px solid var(--border-muted)}.difficulty-pill-segment{border:none;background:var(--surface);color:var(--text-muted);font-weight:600;font-size:.95rem;line-height:1;padding:8px 12px;min-width:60px;text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:background .15s ease,color .15s ease}.difficulty-pill-segment+.difficulty-pill-segment{border-left:1px solid var(--border-muted)}.difficulty-pill-segment.active{color:var(--accent-contrast);background:var(--accent)}.difficulty-pill-segment.disabled{opacity:.6;cursor:not-allowed}.difficulty-pill .segment-half.active{opacity:1;color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.difficulty-pill:hover{filter:brightness(1.02)}.length-buttons{display:inline-flex;align-items:center;gap:0;border-radius:10px;overflow:hidden}.length-button{min-width:38px;height:38px;border-radius:10px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-muted);font-weight:600;font-size:.95rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease,color .15s ease}.length-button.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}.length-button.first{border-radius:10px 0 0 10px}.length-button.middle{border-radius:0;border-left:none;border-right:none}.length-button:disabled{opacity:.6;cursor:not-allowed}.length-button.last{border-radius:0 10px 10px 0}.modal-close{background:transparent;border:none;color:var(--text-primary);font-size:20px;line-height:1;cursor:pointer;padding:6px 8px}.modal-close:hover{filter:brightness(1.1)}.modal-body{display:flex;flex-direction:column;gap:14px;color:var(--text-primary)}.settings-modal{gap:24px}.settings-section{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 16px}.settings-label{grid-column:1;min-width:0}.settings-control{display:flex;justify-content:flex-end;align-items:center;gap:12px;justify-self:end}.settings-description{grid-column:1 / -1;white-space:pre-line}.section-title{font-size:14px;font-weight:600;color:var(--text-primary)}.segmented{display:flex;flex-wrap:wrap;gap:8px}.segment{min-width:64px;height:44px;border-radius:8px;background:var(--surface);color:var(--text-primary);border:1px solid var(--border-muted);font-weight:600;transition:transform .1s ease,background .15s ease,filter .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.segment:hover{background:var(--surface-strong)}.segment:active{transform:scale(.97)}.segment.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.toggle-row.baseline{align-items:center}.toggle-text{display:flex;flex-direction:column;gap:4px}.toggle-subtext{font-size:12px;color:var(--text-subtle);opacity:.9}.switch{position:relative;display:inline-block;width:44px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background:var(--border-muted);transition:.2s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:var(--surface-strong);transition:.2s;border-radius:50%;box-shadow:0 0 0 1px var(--border-muted)}.scores-table-wrapper table{width:100%}.switch input:checked+.slider{background-color:var(--accent)}.switch input:checked+.slider:before{transform:translate(20px)}.divider{width:100%;height:1px;background:var(--border);margin-top:12px}.footer-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.form-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.slider{flex:1}.toggle{display:flex;align-items:center;gap:10px;color:var(--text-primary)}.tabs{display:flex;gap:6px;flex-wrap:wrap}.tab{padding:6px 10px;border-radius:8px;border:1px solid var(--border-muted);background:var(--surface);color:var(--text-primary);cursor:pointer}.tab.active{background:var(--accent);color:var(--accent-contrast);border-color:var(--accent)}table{width:100%;border-collapse:collapse}th,td{padding:8px 6px;text-align:left;border-bottom:1px solid var(--border);color:var(--text-primary)}.scores-list{flex:1 1 auto;overflow-y:auto;position:relative;padding:4px 0 8px;max-height:100%}.scores-table{width:100%;border-collapse:collapse;border-spacing:0;font-variant-numeric:tabular-nums}.placeholder-row .muted{color:var(--text-muted);font-weight:500}.scores-table thead th{font-weight:700;padding:10px 8px;border-bottom:1px solid var(--border)}.scores-table td{padding:10px 8px;text-align:center;border-bottom:1px solid var(--border)}.scores-table .left{text-align:left}.scores-table th.right,.scores-table td.right{text-align:right}.scores-table.desktop-table thead th{position:sticky;top:0;background:var(--surface-strong);z-index:1;border-bottom:1px solid var(--border-muted);text-transform:uppercase;letter-spacing:.02em;font-size:.85rem}.scores-table.desktop-table{border:1px solid var(--border);border-radius:14px;background:var(--surface);box-shadow:var(--shadow);overflow:hidden}.scores-table.desktop-table th:first-child,.scores-table.desktop-table td:first-child{padding-left:14px}.scores-table.desktop-table th:last-child,.scores-table.desktop-table td:last-child{padding-right:14px}.scores-table.desktop-table tbody tr:nth-child(odd){background:var(--surface-strong)}.scores-table.desktop-table tbody tr:last-child td{border-bottom:none}.scores-table.desktop-table .rank-cell{color:var(--accent);font-weight:700;text-align:center}.scores-table.desktop-table .rank-head{text-align:center;color:var(--text-subtle);width:62px}.scores-table.desktop-table .name-cell{font-weight:600;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scores-table.desktop-table .score-cell{font-weight:700;color:var(--text-primary)}.scores-table.desktop-table .guesses-cell,.scores-table.desktop-table .time-cell,.scores-table.desktop-table .date-cell{color:var(--text-subtle)}.scores-table.desktop-table .placeholder-row{opacity:.7}.scores-table.desktop-table .name-head{width:28%}.scores-table.desktop-table .score-head{width:18%}.scores-table.desktop-table .guesses-head{width:12%}.scores-table.desktop-table .time-head{width:14%}.scores-table.desktop-table .date-head{width:20%}.scores-cards .placeholder .name{color:var(--text-muted)}.empty-state{padding:20px;text-align:center;color:var(--text-muted)}.toast-container{position:fixed;bottom:calc(var(--keyboard-height-visual, 0px) + 6px + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;width:min(520px,92vw);z-index:30;pointer-events:none}.toast{width:100%;background:#2563eb;color:#fff;padding:10px 12px;border-radius:4px;border-left:3px solid #60a5fa;border-right:none;border-top:none;border-bottom:none;text-align:center;font-weight:700;font-family:Space Grotesk,Segoe UI,system-ui,sans-serif;box-shadow:0 8px 20px #00000059;animation:toast-in .24s ease;pointer-events:auto}.toast.success{background:#15803d;border-left-color:#34d399}.toast.error{background:#b3261e;border-left-color:#ff453a}.scores-cards{display:none;flex-direction:column;gap:8px}.score-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:6px}.score-card .card-row.primary{display:flex;align-items:center;justify-content:flex-start;gap:6px;font-weight:700}.score-card .card-row.primary .name{margin-right:auto}.score-card .card-row.meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.9rem;color:var(--text-subtle);width:100%}.score-card .card-row.meta .date{margin-left:auto;text-align:right}.score-card .rank{color:var(--accent)}.name-input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--input-bg);color:var(--text-primary)}.info-row{display:flex;flex-wrap:wrap;gap:8px;font-size:.9rem;color:var(--text-muted)}@media(max-height:760px){.app{padding:10px 10px 12px;gap:10px}.title{font-size:1.1rem}.board{gap:4px}.board-row{grid-template-columns:repeat(auto-fit,minmax(32px,1fr));gap:4px}.tile{font-size:clamp(.95rem,4vw,1.25rem);border-width:1.5px}.keyboard{gap:6px}.keyboard-row .key{min-width:28px;padding:8px 6px;font-size:.82rem}.toast-container{bottom:8px}}@media(max-height:860px){.app{gap:10px}.header{gap:8px}.board-row{grid-template-columns:repeat(auto-fit,minmax(36px,1fr));gap:5px}.tile{font-size:clamp(1rem,3.8vw,1.35rem)}.keyboard-row .key{min-width:34px;padding:9px 7px;font-size:.92rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-in{0%{transform:translateY(6px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%{box-shadow:0 0 #6ca6ff66}70%{box-shadow:0 0 0 6px #6ca6ff00}to{box-shadow:0 0 #6ca6ff00}}@media(max-width:720px){:root{--mobile-keyboard-height: 160px}.app{min-height:100vh}.header-bar{grid-template-columns:1fr auto 1fr;grid-template-areas:"brand actions cta";row-gap:6px;align-items:center}.header{gap:12px}.modal{width:95%;padding:20px}.modal.high-scores-modal{width:100%;max-width:100%;height:auto;max-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px) - 24px);border-radius:16px;margin:0;padding:16px 16px 12px}.high-scores-overlay{align-items:center;padding:12px}.title.brand{font-size:1.1rem}.header-cta{justify-content:flex-end;gap:6px;justify-self:end}.timer-pill{padding:0}.header-actions.toolbar{justify-content:center;gap:4px}.ghost-button,.primary-button{padding:10px}.btn-label{display:none}.main-stack{justify-content:flex-start;gap:12px;padding-bottom:calc(var(--mobile-keyboard-height) + env(safe-area-inset-bottom,16px))}.main-stack.secret-chat-active{padding-bottom:0;flex:1 1 auto;min-height:0}.mm-main-stack{padding-bottom:max(18px,env(safe-area-inset-bottom,18px))}.board{gap:4px;max-width:calc(100vw - 18px - env(safe-area-inset-left,0px) - env(safe-area-inset-right,0px));margin-bottom:clamp(14px,5vw,28px);flex:0 0 auto;align-content:start}.keyboard{position:fixed;left:0;right:0;bottom:0;width:100vw;max-width:none;margin:0;padding:12px env(safe-area-inset-right,0px) calc(12px + env(safe-area-inset-bottom,0px)) env(safe-area-inset-left,0px);background:var(--bg);border-top:1px solid var(--border);box-shadow:var(--keyboard-shadow);gap:1px;z-index:12}.keyboard-row{width:100%;gap:1px}.keyboard-row .key{flex:1 1 0;min-width:0;padding:12px 10px;font-size:1rem;border-radius:0}.keyboard-row .key.wide{flex:1.35 1 0}.secret-chat-input,.secret-chat-input-display{font-size:16px}.secret-chat{--composer-height: 110px}.secret-chat-bubble{max-width:86%}.secret-chat-code-input{letter-spacing:.25em;font-size:1.05rem}.header-actions.secondary{width:auto;margin-left:auto}.segmented button{min-width:44px}.settings-section{grid-template-columns:minmax(0,1fr) auto;align-items:center}.settings-control{justify-content:flex-end;width:100%;flex-wrap:wrap}.toast-container{bottom:calc(var(--keyboard-height-visual, 0px) + 4px + env(safe-area-inset-bottom,0px));width:calc(100vw - 18px)}.hs-filter-bar{flex-direction:row;align-items:center;flex-wrap:wrap;gap:6px;top:28px}.length-buttons{gap:0;flex-wrap:nowrap}.scores-table.desktop-table{display:none}.scores-cards{display:flex}.scores-list{padding:6px 0 8px;box-shadow:inset 0 -12px 12px -12px #00000059;flex:1 1 auto;max-height:none;overflow-y:auto}.mm-board-wrapper{gap:8px;margin-bottom:10px}.mm-board{padding:8px;max-width:100%}.mm-row{padding:8px;gap:8px;min-height:76px;height:76px}.mm-row-index{width:44px}.mm-row-cells{column-gap:14px;row-gap:14px;align-items:center;justify-items:center}.mastermind-pin-grid{column-gap:1px;row-gap:1px}.mastermind-pin{--pin-size: 12px}.mastermind-bottom-content{padding:12px clamp(12px,6vw,24px)}.mastermind-panel-grid{gap:10px 12px}}@media(hover:none)and (pointer:coarse){.secret-chat-input,.secret-chat-input-display{font-size:16px}.secret-chat-code-input{font-size:1.05rem}}.app.bumblebee-app{max-width:none;width:100%;margin:0;align-items:stretch;padding:max(8px,env(safe-area-inset-top,8px)) 0 max(16px,env(safe-area-inset-bottom,16px)) 0}body.bumblebee{background:radial-gradient(120% 120% at 50% 0%,#15171c,#0b0c0f 58%,#090a0d)}.bumblebee-shell{width:100%;display:flex;justify-content:center;min-height:calc(100dvh - 72px)}.bumblebee-panel{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:0 16px 16px;margin:0 auto;flex:1}.bee-top-area{display:flex;flex-direction:column;gap:10px;flex:1;min-height:0}.bee-toast-container{position:static;left:auto;bottom:auto;transform:none;width:100%;max-width:none;align-items:stretch;z-index:auto}.bee-bottom-area{display:flex;flex-direction:column;align-items:center;gap:8px;padding-bottom:18px}.bee-progress{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px}.bee-progress-track{height:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.bee-progress-fill{height:100%;background:var(--accent);border-radius:inherit;transition:width .2s ease}.bee-progress-label{font-size:.9rem;color:var(--text-muted);min-width:64px;text-align:right}.bee-typed{position:relative;display:flex;justify-content:center;min-height:2.4rem}.bee-typed-display{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:2px;font-size:1.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--text-primary);pointer-events:none}.bee-typed-letter{display:inline-block}.bee-typed-letter--center{color:var(--accent)}.bee-typed-caret{width:2px;height:1.6rem;background:var(--accent);margin-left:2px;animation:bee-caret 1s steps(1) infinite}.bee-typed-placeholder+.bee-typed-caret{margin-left:0}.bee-typed-placeholder{display:inline-block}.bee-typed-input{width:min(280px,90%);border:none;background:transparent;outline:none;color:transparent;-webkit-text-fill-color:transparent;font-size:1.6rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;text-align:center;caret-color:var(--accent);padding:2px 0;pointer-events:none}@keyframes bee-caret{0%,49%{opacity:1}50%,to{opacity:0}}.bee-chips{display:flex;flex-wrap:wrap;gap:8px;max-height:clamp(90px,24vh,170px);overflow-y:auto;padding-right:6px}.bee-chip{padding:4px 12px;border-radius:10px;border:none;background:#ffffff0f;color:var(--text-primary);font-size:.85rem;letter-spacing:.01em;white-space:nowrap}.bee-chips-empty{color:var(--text-subtle);font-size:.9rem;padding:8px 0}.spelling-bee-board{position:relative;--hex-size: clamp(96px, 30vw, 128px);--hex-height: calc(var(--hex-size) * .8660254);width:calc(var(--hex-size) * 2.5);height:calc(var(--hex-height) * 3)}.bee-hex{position:absolute;left:50%;top:50%;width:var(--hex-size);height:var(--hex-height);border:none;background:none;padding:0;cursor:pointer;color:var(--text-primary);--bee-scale: 1;transform:translate(-50%,-50%) translate(calc(var(--bee-x) * var(--hex-size)),calc(var(--bee-y) * var(--hex-height))) scale(var(--bee-scale));transition:transform .12s ease,filter .12s ease}.bee-hex-svg{width:100%;height:100%;display:block}.bee-hex-svg polygon{fill:#c4c4c4;stroke:#0f172a1f;stroke-width:2;stroke-linejoin:round}.bee-hex--center .bee-hex-svg polygon{fill:var(--accent);stroke:var(--accent)}.bee-hex-letter{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(1.6rem,4vw,2.1rem);font-weight:700;letter-spacing:.1em;color:#0f172a;pointer-events:none}.bee-hex:active{--bee-scale: .97;filter:brightness(1.08)}.bee-hex:disabled{cursor:default;opacity:.4}.bee-hex:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:12px}.bee-action-row{width:100%;display:flex;align-items:center;justify-content:center;gap:8px}.bee-action-btn{padding:10px 16px;border-radius:999px;border:1px solid var(--border-muted);background:#ffffff0f;color:var(--text-primary);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;transition:transform .12s ease,border-color .12s ease}.bee-action-btn:hover{border-color:var(--text-muted);transform:translateY(-1px)}.bee-action-btn--enter{background:var(--accent);border-color:var(--accent);color:#0f172a}.bee-action-btn--icon{width:44px;height:44px;padding:0}.bee-action-btn .icon{font-size:1.05rem}.bee-action-btn--icon.is-spinning .icon{animation:bee-spin .32s ease}@keyframes bee-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}[data-theme=light] body.bumblebee{background:radial-gradient(120% 120% at 50% 0%,#fff,#f1f5f9 58%,#e9eef5)}[data-theme=light] .bee-chip{background:#0f172a0d;color:#0f172a}[data-theme=light] .bee-progress-track{background:#0f172a14}[data-theme=light] .bee-progress-label{color:#334155}[data-theme=light] .bee-typed-input{color:transparent;-webkit-text-fill-color:transparent}[data-theme=light] .bee-action-btn{background:#0f172a0f;border-color:#0f172a1f;color:#0f172a}[data-theme=light] .bee-action-btn--enter{background:var(--accent);border-color:var(--accent);color:#0f172a}.bee-win-summary p{margin:0 0 8px}[data-theme=light] .bee-hex-svg polygon{fill:#e5e7eb}[data-theme=light] .bee-hex--center .bee-hex-svg polygon{fill:var(--accent);stroke:var(--accent)}