:root{--viewport-height: 100vh;--page-top: max(8px, env(safe-area-inset-top));--page-right: max(8px, env(safe-area-inset-right));--page-bottom: max(8px, env(safe-area-inset-bottom));--page-left: max(8px, env(safe-area-inset-left));--font-mono: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--color-accent: #34d399;--color-syntax: #38bdf8;--header-bg: rgba(15, 23, 42, .65);--tile-border-active: #49746f;--tile-bg-active: rgba(16, 185, 129, .035);--terminal-bg: #0a111a;--terminal-bar-bg: #121e29;--status-correct-text: #022c22;--status-present-text: #422006;--status-absent-text: #e2e8f0;--color-bg: #0d131f;--color-bg-gradient: radial-gradient( circle at 50% 0%, #172033 0%, #0d131f 75% );--matrix-dot: radial-gradient(rgba(56, 189, 248, .08) 1px, transparent 1px);--color-text: #f8fafc;--color-text-secondary: #94a3b8;--header-border: rgba(255, 255, 255, .08);--icon-button-bg: rgba(255, 255, 255, .06);--icon-button-hover-bg: rgba(16, 185, 129, .15);--icon-button-color: #38bdf8;--icon-button-border: rgba(255, 255, 255, .12);--tile-bg-empty: rgba(255, 255, 255, .02);--tile-text: #ffffff;--tile-border-empty: rgba(255, 255, 255, .15);--tile-border-filled: #38bdf8;--tile-reveal-bg: #1e293b;--key-bg: #1e293b;--key-hover-bg: #334155;--key-border: rgba(255, 255, 255, .16);--key-text: #f1f5f9;--backspace-fill: #f1f5f9;--status-correct-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--status-correct-shadow: 0 0 16px rgba(16, 185, 129, .4);--status-present-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--status-present-shadow: 0 0 16px rgba(245, 158, 11, .4);--status-absent-bg: #334155;--modal-overlay-bg: rgba(5, 9, 17, .75);--modal-bg: rgba(15, 23, 42, .88);--modal-text: #f8fafc;--modal-border: rgba(255, 255, 255, .14);--modal-close: #94a3b8;--modal-close-hover: #ffffff;--card-bg: rgba(255, 255, 255, .04)}:root[data-theme=light]{--color-accent: #047857;--color-syntax: #0369a1;--header-bg: rgba(255, 255, 255, .8);--tile-border-active: #7caaa1;--tile-bg-active: #f0fdf9;--terminal-bg: #f4f8f5;--terminal-bar-bg: #e6efea;--status-absent-text: #ffffff;--color-bg: #f8fafc;--color-bg-gradient: radial-gradient( circle at 50% 0%, #e2e8f0 0%, #f8fafc 75% );--matrix-dot: radial-gradient(rgba(15, 23, 42, .05) 1px, transparent 1px);--color-text: #0f172a;--color-text-secondary: #64748b;--header-border: rgba(0, 0, 0, .08);--icon-button-bg: #ffffff;--icon-button-hover-bg: rgba(16, 185, 129, .12);--icon-button-color: #0284c7;--icon-button-border: rgba(0, 0, 0, .12);--tile-bg-empty: #ffffff;--tile-text: #0f172a;--tile-border-empty: #cbd5e1;--tile-border-filled: #0284c7;--tile-reveal-bg: #e2e8f0;--key-bg: #e2e8f0;--key-hover-bg: #cbd5e1;--key-border: rgba(0, 0, 0, .14);--key-text: #0f172a;--backspace-fill: #0f172a;--status-correct-bg: linear-gradient(135deg, #10b981 0%, #059669 100%);--status-correct-shadow: 0 2px 8px rgba(16, 185, 129, .3);--status-present-bg: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--status-present-shadow: 0 2px 8px rgba(245, 158, 11, .3);--status-absent-bg: #64748b;--modal-overlay-bg: rgba(15, 23, 42, .4);--modal-bg: rgba(255, 255, 255, .92);--modal-text: #0f172a;--modal-border: rgba(0, 0, 0, .1);--modal-close: #64748b;--modal-close-hover: #0f172a;--card-bg: rgba(0, 0, 0, .03)}*{box-sizing:border-box}@supports (height: 100svh){:root{--viewport-height: 100svh}}#root{display:flow-root;min-width:0}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg);background-image:var(--matrix-dot),var(--color-bg-gradient);background-size:24px 24px,cover;background-attachment:fixed;color:var(--color-text);min-height:var(--viewport-height);transition:background-color .25s ease,color .25s ease}code{font-family:var(--font-mono)}button:focus-visible,a:focus-visible{outline:2px solid var(--color-syntax);outline-offset:4px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-container{text-align:center;padding:var(--page-top) var(--page-right) var(--page-bottom) var(--page-left);display:flex;flex-direction:column;align-items:center;max-width:580px;width:100%;margin:0 auto;height:var(--viewport-height);min-height:0;min-width:0;justify-content:space-between;gap:6px;color:var(--color-text);box-sizing:border-box}.header{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:8px 12px;margin-top:2px;background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--header-border);border-radius:14px;flex-shrink:0;box-shadow:0 4px 20px #0000000f}.header-brand{display:flex;align-items:center;gap:8px}.header h1.brand-title{margin:0;font-size:clamp(20px,3.5vw,26px);font-weight:700;font-family:var(--font-mono);letter-spacing:-1.2px;display:inline-flex;align-items:center}.brand-bracket,.brand-slash{color:var(--color-syntax);font-weight:600;opacity:.85}.brand-name{color:var(--color-accent);padding:0 1px}.brand-cursor{color:var(--color-accent);font-family:monospace;font-weight:700;margin-left:1px;animation:cursorBlink 1.2s 4 step-start}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.terminal-dots{display:flex;align-items:center;gap:4px;margin-right:4px;flex-shrink:0;pointer-events:none}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;box-shadow:inset 0 1px 1px #ffffff40}.dot-close{background-color:#ef4444}.dot-min{background-color:#f59e0b}.dot-max{background-color:#10b981}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.windows-controls{display:flex;align-items:center;height:20px;padding-left:10px;border-left:1px solid var(--header-border);color:var(--color-text-secondary);pointer-events:none}.windows-controls svg{stroke:currentColor;stroke-width:1}.new-game-button,.stats-button,.settings-button{background-color:var(--icon-button-bg);border:1px solid var(--icon-button-border);cursor:pointer;padding:0;color:var(--icon-button-color);width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #0000001a}.new-game-button:hover:not(:disabled),.stats-button:hover,.settings-button:hover{background-color:var(--icon-button-hover-bg);transform:translateY(-2px) scale(1.04);box-shadow:0 4px 12px #10b98140;border-color:#10b98166}.new-game-button:active:not(:disabled),.stats-button:active,.settings-button:active{transform:translateY(0) scale(.96)}.game-content{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;position:relative;padding:8px 0}.board-toolbar{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:450px;padding:0 8px 8px;font:500 12px/1.5 var(--font-mono);flex-shrink:0}.board-mode{color:var(--color-accent)}.code-punctuation{color:var(--color-syntax)}.board-topic,.board-status{color:var(--color-text-secondary)}.board-status{white-space:nowrap;font-variant-numeric:tabular-nums}.site-footer{font-size:12px;font-weight:500;color:var(--color-text-secondary);padding:4px 10px;flex-shrink:0;letter-spacing:.2px}.site-footer:before{content:"// ";color:var(--color-accent);font-family:var(--font-mono)}.site-footer a{color:var(--color-syntax);font-weight:600;text-decoration:none;border-bottom:1px dashed rgba(56,189,248,.5);padding-bottom:1px;transition:all .2s ease}.site-footer a:hover{color:var(--color-accent);border-bottom-color:#10b981;text-shadow:0 0 8px rgba(16,185,129,.3)}@media(max-width:360px){.board-topic{display:none}.header{padding-inline:10px}.header-actions{gap:6px}.windows-controls{padding-left:8px}.windows-controls svg{width:40px}}.board-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;width:100%;max-width:450px;flex-shrink:0;padding:0 8px 6px;font:500 12px/1.4 var(--font-mono)}.board-hints{display:flex;align-items:center;width:100%;gap:8px}.hints-label{display:block;margin-right:auto;color:var(--color-text-secondary);font-size:12px;font-weight:600}.hint-options{display:flex;gap:6px}.header-actions .new-game-button{width:auto;padding-inline:12px;gap:6px;font:500 13px/1 var(--font-mono);white-space:nowrap}.new-game-button:disabled{opacity:.45;cursor:default}.new-game-button span{font-size:16px}.hint-button{font:inherit;color:var(--color-accent);background:var(--card-bg);border:1px solid var(--color-accent);border-radius:6px;padding:6px 12px;cursor:pointer}.hint-button:hover:not(:disabled){background:var(--icon-button-hover-bg)}.hint-button:disabled{opacity:.45;cursor:default}.hint-result{font-family:var(--font-mono);font-size:1.3rem}[data-app-style=terminal] .hint-button{border-radius:0}.alert-container{position:absolute;top:72px;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none;width:90%;max-width:400px;display:flex;justify-content:center}.alert-toast{background-color:#0f172aeb;color:#f8fafc;padding:12px 24px;border-radius:9999px;font-family:Space Grotesk,sans-serif;font-weight:700;font-size:.95rem;letter-spacing:.3px;pointer-events:auto;border:1px solid rgba(56,189,248,.4);box-shadow:0 10px 25px -5px #0006,0 0 20px #38bdf84d;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);animation:alertPopIn .25s cubic-bezier(.175,.885,.32,1.275)}:root[data-theme=light] .alert-toast{background-color:#fffffff2;color:#0f172a;border:1px solid rgba(2,132,199,.3);box-shadow:0 10px 25px -5px #00000026,0 0 15px #0284c733}@keyframes alertPopIn{0%{opacity:0;transform:translateY(-12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.keyboard{display:flex;flex-direction:column;gap:clamp(4px,calc(var(--viewport-height) * .008),6px);width:100%;max-width:500px;flex-shrink:0;padding:0 12px;box-sizing:border-box;margin-bottom:4px}.keyboard-row{display:flex;justify-content:center;gap:clamp(4px,.9vw,6px);width:100%;margin:0 auto}.key{flex:1;height:clamp(40px,calc(var(--viewport-height) * .064),52px);font-family:Space Grotesk,Inter,sans-serif;font-size:clamp(.9rem,2vh,1.15rem);font-weight:700;text-transform:uppercase;border:1px solid var(--key-border);background-color:var(--key-bg);color:var(--key-text);border-radius:8px;cursor:pointer;display:flex;justify-content:center;align-items:center;min-width:0;padding:0 2px;-webkit-user-select:none;user-select:none;box-shadow:0 3px #00000047,inset 0 1px #ffffff24,inset 1px 0 #ffffff14,inset -1px 0 #ffffff14;transition:transform .08s ease,background-color .15s ease,border-color .15s ease,box-shadow .08s ease}.key:hover{background-color:var(--key-hover-bg);border-color:#38bdf866;transform:translateY(-1px)}.key:active{transform:translateY(2px);box-shadow:0 1px #0003,inset 0 1px #ffffff14}.key-wide{flex:1.5;font-size:clamp(.72rem,1.6vh,.82rem);letter-spacing:.5px}.half-spacer{flex:.5}.key.correct{background:var(--status-correct-bg);border:1px solid rgba(16,185,129,.8);color:var(--status-correct-text);box-shadow:var(--status-correct-shadow),0 3px #05966966}.key.present{background:var(--status-present-bg);border:1px solid rgba(245,158,11,.8);color:var(--status-present-text);box-shadow:var(--status-present-shadow),0 3px #d9770666}.key.absent{background-color:var(--status-absent-bg);border:1px solid rgba(255,255,255,.08);color:var(--status-absent-text)}.backspace-icon{fill:var(--backspace-fill);transition:fill .15s ease}@media(max-width:600px){.keyboard{padding:0 8px;gap:4px}.keyboard-row{gap:4px}.key{border-radius:6px}}.settings-section{border-top:1px solid var(--modal-border);padding-top:16px;display:flex;flex-direction:column;gap:12px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;background:var(--card-bg);border:1px solid var(--modal-border);border-radius:14px}.settings-row-multi{align-items:center}.settings-label{font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--color-text);letter-spacing:-.2px;white-space:nowrap}.settings-action{display:inline-flex;align-items:center;gap:8px;background-color:var(--icon-button-bg);border:1px solid var(--icon-button-border);cursor:pointer;color:var(--icon-button-color);height:38px;padding:0 14px;border-radius:10px;font-size:14px;transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 6px #0000001a}.settings-action:hover{background-color:var(--icon-button-hover-bg);transform:translateY(-1px);border-color:#38bdf866;box-shadow:0 4px 12px #38bdf833}.settings-action:active{transform:translateY(0)}.settings-action-text{font-size:13px;font-weight:700;font-family:Space Grotesk,sans-serif;text-transform:uppercase;letter-spacing:.5px}.settings-options{display:flex;gap:6px;background:#00000026;padding:4px;border-radius:10px;border:1px solid var(--modal-border);flex-shrink:0}.settings-options-wide{flex:1;min-width:0}.settings-options-wide .settings-option{flex:1;min-width:0;width:auto;padding-inline:8px;white-space:nowrap}.settings-option{width:40px;height:34px;border-radius:7px;border:1px solid transparent;background-color:transparent;color:var(--color-text-secondary);cursor:pointer;font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:700;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.settings-option:hover{color:var(--color-text);background-color:#ffffff14}.settings-option.selected{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b98180;color:var(--status-correct-text);box-shadow:0 2px 8px #10b98159}.settings-hint{margin:0;font-size:12px;line-height:1.5;text-align:left;color:var(--color-text-secondary)}@media(max-width:480px){.settings-section{gap:8px}.settings-row{gap:8px;padding:10px}.settings-row-multi{align-items:stretch;flex-direction:column;gap:8px;text-align:left}.settings-options .settings-option{flex:1}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--modal-overlay-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:16px;animation:fadeInOverlay .2s ease-out}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--modal-bg);color:var(--modal-text);padding:28px 24px;border-radius:20px;width:100%;max-width:440px;max-height:calc(100dvh - 32px);overflow-y:auto;box-shadow:0 25px 50px -12px #00000073,0 0 0 1px var(--modal-border);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);font-family:Inter,system-ui,sans-serif;animation:modalEnter .25s cubic-bezier(.16,1,.3,1);outline:none}@keyframes modalEnter{0%{opacity:0;transform:scale(.94) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px}.modal-header h2{margin:0;font-family:Outfit,sans-serif;font-size:22px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,var(--color-text) 30%,#38bdf8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stats-mode{display:inline-block;margin-top:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--color-accent);background:#10b9811f;border:1px solid rgba(16,185,129,.25);padding:3px 8px;border-radius:12px}.close-button{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:var(--modal-close);width:34px;height:34px;border-radius:10px;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;transition:all .2s ease}.close-button:hover{background:#ffffff26;color:var(--modal-close-hover);transform:rotate(90deg)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:24px}.stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:var(--card-bg);border:1px solid var(--modal-border);border-radius:14px;padding:12px 6px;transition:transform .2s ease,border-color .2s ease}.stat-item:hover{transform:translateY(-2px);border-color:#38bdf866}.stat-value{font-family:Outfit,sans-serif;font-size:28px;font-weight:800;color:var(--color-syntax);line-height:1.1;margin-bottom:4px}.stat-label{font-size:11px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.stats-details{border-top:1px solid var(--modal-border);padding-top:18px;display:flex;flex-direction:column;gap:10px}.detail-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:500;color:var(--color-text-secondary);background:var(--card-bg);padding:10px 14px;border-radius:10px;border:1px solid var(--modal-border)}.detail-item span:last-child{font-family:Space Grotesk,monospace;font-weight:700;color:var(--color-text);font-size:15px}@media(max-width:360px){.modal-content{padding:22px 16px}.stats-grid{grid-template-columns:repeat(2,1fr)}}.stats-reset{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:20px;padding-top:16px;border-top:1px solid var(--modal-border)}.stats-reset-all{font:inherit;font-size:12px;color:var(--color-text-secondary);background:none;border:0;padding:6px 0;text-decoration:underline;cursor:pointer}.word-grid-container{flex:1 1 0;min-height:0;width:100%;display:flex;align-items:center;justify-content:center;padding:8px 12px 8px 36px;box-sizing:border-box;container-type:size}.word-grid{--word-length: 5;--grid-gap: 6px;--tile-size: min( 56px, (100cqh - 5 * var(--grid-gap)) / 6, (100cqw - (var(--word-length) - 1) * var(--grid-gap)) / var(--word-length) );display:flex;flex-direction:column;justify-content:center;gap:var(--grid-gap);box-sizing:border-box}.word-grid-4{--word-length: 4}.word-grid-6{--word-length: 6}.word-row{display:grid;grid-template-columns:repeat(var(--word-length),var(--tile-size));height:var(--tile-size);gap:var(--grid-gap);position:relative}.row-number{position:absolute;right:calc(100% + 10px);top:50%;transform:translateY(-50%);font:500 12px/1 var(--font-mono);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.word-row-active .row-number{color:var(--color-accent);font-weight:700}.word-row-active .letter-empty{border-color:var(--tile-border-active);background-color:var(--tile-bg-active)}.letter{height:100%;width:100%;min-width:0;min-height:0;display:flex;justify-content:center;align-items:center;font-family:Space Grotesk,Outfit,sans-serif;font-size:clamp(1rem,calc(var(--tile-size) * .5),1.85rem);font-weight:700;border:2px solid var(--tile-border-empty);border-radius:8px;text-transform:uppercase;color:var(--tile-text);background-color:var(--tile-bg-empty);-webkit-user-select:none;user-select:none;box-shadow:inset 0 1px 2px #ffffff0d,0 2px 4px #0000001a;transition:border-color .15s ease,transform .15s ease,background-color .3s ease,box-shadow .3s ease}.letter-empty{border-color:var(--tile-border-empty)}.letter-filled{border-color:var(--tile-border-filled);animation:pop .12s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 0 12px #38bdf840,inset 0 1px 2px #ffffff1a}.correct-initial,.present-initial,.absent-initial{background-color:var(--tile-reveal-bg)}.correct-final{background:var(--status-correct-bg);border:2px solid transparent;color:var(--status-correct-text);box-shadow:var(--status-correct-shadow)}.present-final{background:var(--status-present-bg);border:2px solid transparent;color:var(--status-present-text);box-shadow:var(--status-present-shadow)}.absent-final{background-color:var(--status-absent-bg);border:2px solid var(--status-absent-bg);color:var(--status-absent-text)}@keyframes pop{0%{transform:scale(.92)}50%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg);background-color:transparent}51%{background-color:inherit}to{transform:rotateX(0)}}.flip{animation:flip .5s cubic-bezier(.4,0,.2,1) forwards}.game-content[data-board-style=terminal]{--status-correct-bg: #10b981;--status-present-bg: #f59e0b;width:calc(100% - 24px);max-width:476px;margin-block:4px;padding:0;border:1px solid var(--tile-border-active);border-radius:6px;background:var(--terminal-bg);overflow:hidden}[data-board-style=terminal] .board-toolbar{max-width:none;padding:10px 12px;border-bottom:1px solid var(--header-border);background:var(--terminal-bar-bg)}.terminal-prompt{font-weight:700}[data-board-style=terminal] .letter{font-family:var(--font-mono);border-radius:2px;box-shadow:none;animation:none}[data-board-style=terminal] .letter-empty{border-color:transparent;background:transparent}[data-board-style=terminal] .letter-empty:after{content:"";width:36%;height:2px;margin-top:.8em;background:var(--tile-border-empty)}[data-board-style=terminal] .word-row-active .letter-empty:after{background:var(--tile-border-active)}[data-board-style=terminal] .word-row-active .letter-cursor:after{width:.6em;height:1em;margin-top:0;background:var(--color-accent);animation:cursorBlink 1.2s 4 step-start}[data-board-style=terminal] .word-row-active .letter-filled{color:var(--color-accent);background:transparent;border-color:transparent transparent var(--tile-border-active)}:root[data-appearance=full-terminal]{--color-bg: #080e0b;--color-text: #dce9df;--color-text-secondary: #93aa9a;--color-accent: #78dda0;--color-syntax: #78dda0;--terminal-bg: #0d1711;--terminal-bar-bg: #15231a;--header-border: #2d4636;--tile-border-empty: #3c5444;--tile-border-active: #638972;--key-bg: #122017;--key-hover-bg: #213b2a;--key-border: #3c5444;--key-text: #c3d7c9;--status-correct-bg: #78dda0;--status-correct-text: #092513;--status-present-bg: #e8c477;--status-present-text: #332509;--status-absent-bg: #293a2e;--status-absent-text: #adbeaf;--modal-bg: #0d1711;--modal-text: #dce9df;--modal-border: #3c5444;--modal-overlay-bg: rgba(4, 9, 6, .8)}:root[data-appearance=full-terminal][data-theme=light]{--color-bg: #e5ece2;--color-text: #203a28;--color-text-secondary: #566e5a;--color-accent: #21683f;--color-syntax: #21683f;--terminal-bg: #f5f8f1;--terminal-bar-bg: #e0e9db;--header-border: #b9cab9;--tile-border-empty: #b1c2b1;--tile-border-active: #64816a;--key-bg: #e9efe4;--key-hover-bg: #d4e3cf;--key-border: #acbfac;--key-text: #294532;--status-absent-bg: #d2ddcf;--status-absent-text: #435947;--modal-bg: #f5f8f1;--modal-text: #203a28;--modal-border: #acbfac;--modal-overlay-bg: rgba(33, 54, 39, .35)}:root[data-appearance=full-terminal] body{background-image:none;font-family:var(--font-mono)}.game-container[data-app-style=terminal]{width:calc(100% - var(--page-left) - var(--page-right));height:calc(var(--viewport-height) - var(--page-top) - var(--page-bottom));max-width:580px;min-height:0;margin:var(--page-top) auto var(--page-bottom);padding:0;gap:0;border:1px solid var(--header-border);border-radius:4px;background:var(--terminal-bg);font-family:var(--font-mono)}[data-app-style=terminal] .header{margin:0;border:0;border-bottom:1px solid var(--header-border);border-radius:3px 3px 0 0;padding:8px 12px;background:var(--terminal-bar-bg);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}[data-app-style=terminal] .header h1.brand-title{font-size:18px;font-weight:600;letter-spacing:-.5px;gap:7px;text-transform:lowercase}[data-app-style=terminal] :is(.new-game-button,.stats-button,.settings-button){width:auto;min-width:40px;padding-inline:8px;border:1px solid var(--header-border);border-radius:2px;background:transparent;color:var(--color-accent);font:500 12px/1 var(--font-mono);box-shadow:none;transform:none}[data-app-style=terminal] :is(.new-game-button,.stats-button,.settings-button):hover{background:var(--key-hover-bg);border-color:var(--color-accent)}[data-app-style=terminal] .game-content[data-board-style=terminal]{--status-correct-bg: #78dda0;--status-present-bg: #e8c477;width:100%;max-width:none;margin:0;border:0;border-radius:0}[data-app-style=terminal] .board-toolbar{padding:12px 16px 8px;border:0;background:transparent}[data-app-style=terminal] .keyboard{max-width:none;padding:12px 16px;margin:0;border-top:1px solid var(--header-border)}[data-app-style=terminal] .key{border-radius:2px;font-family:var(--font-mono);font-weight:500;box-shadow:none;transform:none}[data-app-style=terminal] .key:active{border-color:var(--color-accent);outline:1px solid var(--color-accent);outline-offset:-3px}[data-app-style=terminal] .key-wide{letter-spacing:-.5px}[data-app-style=terminal] .site-footer{width:100%;padding:8px 12px;border-top:1px solid var(--header-border);font-family:var(--font-mono);font-size:11px;letter-spacing:-.3px}[data-app-style=terminal] .site-footer a{font-weight:500;border-bottom:0;text-decoration:underline;text-underline-offset:3px;text-shadow:none}[data-app-style=terminal] :is(.modal-overlay,.modal-content){backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}[data-app-style=terminal] .modal-content{border:1px solid var(--modal-border);border-radius:3px;padding:20px;font-family:var(--font-mono);box-shadow:8px 8px 0 var(--modal-overlay-bg)}[data-app-style=terminal] .modal-header{align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--modal-border)}[data-app-style=terminal] .modal-header h2{color:var(--color-accent);background:none;-webkit-text-fill-color:currentColor;font:600 18px/1.5 var(--font-mono);text-transform:lowercase;letter-spacing:0}[data-app-style=terminal] .modal-header h2:before{content:"> "}[data-app-style=terminal] :is(.close-button,.settings-action,.settings-option){color:var(--color-text);border-color:var(--modal-border);border-radius:2px;background:var(--key-bg);font-family:var(--font-mono);box-shadow:none;transform:none}[data-app-style=terminal] :is(.close-button,.settings-action,.settings-option):hover{color:var(--color-accent);background:var(--key-hover-bg)}[data-app-style=terminal] .settings-section{border:0;padding:0;gap:8px}[data-app-style=terminal] .settings-row{padding:8px 0;border:0;border-bottom:1px solid var(--modal-border);border-radius:0;background:transparent}[data-app-style=terminal] :is(.settings-label,.settings-action-text,.detail-item span:last-child){font-family:var(--font-mono);font-weight:500}[data-app-style=terminal] .settings-label{font-size:14px}[data-app-style=terminal] .settings-options{padding:0;border:0;border-radius:0;background:transparent}[data-app-style=terminal] .settings-option.selected{background:var(--status-correct-bg);color:var(--status-correct-text);border-color:transparent}[data-app-style=terminal] .stats-grid{gap:16px}[data-app-style=terminal] .stat-item{padding:8px 0;border:0;border-bottom:1px solid var(--modal-border);border-radius:0;background:transparent;transform:none}[data-app-style=terminal] .stat-value{font:600 26px/1.2 var(--font-mono)}[data-app-style=terminal] .stat-label{font-weight:400;letter-spacing:0;text-transform:none}[data-app-style=terminal] .stats-mode{padding:0;border:0;border-radius:0;background:transparent;font-size:12px;font-weight:400;text-transform:none}[data-app-style=terminal] .detail-item{padding:8px 0;border:0;border-radius:0;background:transparent}.game-container[data-app-style=terminal] .alert-toast{padding:12px 16px;border:1px solid var(--color-accent);border-radius:2px;background:var(--terminal-bar-bg);color:var(--color-text);font:500 14px/1.5 var(--font-mono);box-shadow:4px 4px 0 var(--modal-overlay-bg);backdrop-filter:none;-webkit-backdrop-filter:none;animation:none}@media(max-width:360px){[data-app-style=terminal] .header{padding-inline:10px}[data-app-style=terminal] :is(.new-game-button,.stats-button,.settings-button){padding-inline:5px}[data-app-style=terminal] .keyboard{padding-inline:8px}[data-app-style=terminal] .board-toolbar{padding-inline:12px}[data-app-style=terminal] .modal-content{padding:16px}}@media(max-height:520px){.game-container{gap:4px}.game-container .header{margin-top:0;padding-block:4px}.game-container .game-content{padding-block:0}.game-container .board-toolbar,.game-container .word-grid-container{padding-block:4px}.game-container .word-grid{--grid-gap: 4px}.game-container .keyboard{padding-block:4px;margin-bottom:0}.game-container .key{height:36px}.game-container .site-footer{padding-block:4px}}@media(min-width:480px)and (max-height:520px)and (orientation:landscape){.game-container{max-width:820px;display:grid;grid-template-areas:"header header" "board keyboard" "footer footer";grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:auto minmax(0,1fr) auto;gap:6px 12px}.game-container .header{grid-area:header}.game-container .game-content{grid-area:board;width:100%;height:100%;margin:0;overflow:hidden}.game-container .board-toolbar{padding-inline:8px}.game-container .board-topic{display:none}.game-container .keyboard{grid-area:keyboard;width:100%;min-width:0;padding:8px;border-top:0}.game-container .key{height:clamp(36px,calc(var(--viewport-height) * .13),48px)}.game-container .site-footer{grid-area:footer}.game-container[data-app-style=terminal]{max-width:820px;gap:0}[data-app-style=terminal] .keyboard{border-left:1px solid var(--header-border)}}@media(max-width:319px){.game-container :is(.terminal-dots,.windows-controls){display:none}}@media(max-width:600px){.game-container .header{flex-wrap:wrap;gap:6px}.game-container .header-actions{width:100%}.header-actions .new-game-button{margin-right:auto;padding-inline:10px}}
