:root{--text:#d7dadc;--text-h:#fff;--bg:#121213;--panel:#1a1a1b;--panel-2:#202124;--border:#3a3a3c;--border-strong:#565758;--tile-bg:#121213;--input-bg:#121213;--btn-bg:#538d4e;--btn-bg-hover:#6aaa64;--btn-disabled:#3a3a3c;--muted:#818384;--shadow:0 10px 30px #00000059;--sans:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Inter", system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, SFMono-Regular, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@media (width<=1024px){:root{font-size:16px}}body{background:radial-gradient(circle at top,#ffffff0a,#0000 35%),linear-gradient(#121213 0%,#0f0f10 100%);margin:0}#center{width:100%;min-height:100vh}#background{box-sizing:border-box;justify-content:center;align-items:center;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative;overflow:hidden}.game-section{border:1px solid var(--border);width:min(720px,100%);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2;background:#121213eb;border-radius:18px;position:relative;overflow:hidden}.game-section:before{content:"HEXGUESSER";text-align:center;border-bottom:1px solid var(--border);font-family:var(--heading);letter-spacing:.28rem;color:var(--text-h);padding:1.25rem 1rem 1rem;font-size:1.4rem;font-weight:800;display:block}.guess-section{flex-direction:column;align-items:center;gap:1rem;padding:2rem 2rem 1.25rem;display:flex}.feedback{text-align:center;min-height:1.5rem;color:var(--text);margin:0;font-weight:600}.guess-section input{border:2px solid var(--border);width:min(320px,100%);font-size:1rem;font-family:var(--mono);text-transform:uppercase;text-align:center;background:var(--input-bg);color:var(--text-h);border-radius:10px;outline:none;padding:.95rem 1rem;transition:border-color .2s,transform .15s,box-shadow .2s}.guess-section input::placeholder{color:var(--muted);text-transform:none;font-family:var(--sans)}.guess-section input:focus{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 0 0 4px #ffffff0d}button{margin:0}.guess-section button{cursor:pointer;background:var(--btn-bg);color:#fff;letter-spacing:.02em;border:none;border-radius:10px;min-width:180px;padding:.9rem 1.25rem;font-size:.96rem;font-weight:700;transition:transform .15s,background .2s,opacity .2s}.guess-section button:hover:not(:disabled){background:var(--btn-bg-hover);transform:translateY(-1px)}.guess-section button:disabled{background:var(--btn-disabled);color:#a1a1a1;cursor:not-allowed}.previousGuesses{text-align:center;padding:0 2rem 2rem}h3{text-transform:uppercase;letter-spacing:.12rem;color:var(--muted);margin:0 0 1rem;font-size:.9rem}ul{margin:0;padding:0;list-style:none}.guess-list{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.guess{background:var(--panel-2);border:2px solid var(--border);color:var(--text-h);box-sizing:border-box;border-radius:12px;flex-direction:column;justify-content:flex-start;align-items:center;gap:.75rem;padding:1rem;transition:transform .15s,border-color .2s;display:flex}.guess:hover{border-color:var(--border-strong);transform:translateY(-2px)}.guess strong{font-family:var(--mono);letter-spacing:.04em;font-size:1rem}.guessColorStrip{border:2px solid var(--border);border-radius:10px;width:100px;height:100px;box-shadow:inset 0 0 0 1px #ffffff14}.color-display{pointer-events:none;z-index:1;width:50%;height:100%;position:absolute;top:0;right:0}@media (width<=700px){#background{height:100%;padding:1rem}.game-section:before{letter-spacing:.18rem;font-size:1.15rem}.guess-section{padding:1.5rem 1rem 1rem}.previousGuesses{padding:0 1rem 1.5rem}.guess-list{grid-template-columns:1fr}.color-display{width:50%}}.top-actions{justify-content:center;align-items:center;height:5vh;display:flex}.stats-toggle{border:1px solid var(--border,#e5e4e7);background:var(--code-bg,#f4f3ec);cursor:pointer;color:#000;border-radius:12px;padding:.75rem 1rem;font-weight:600}.stats-panel{border:1px solid var(--border,#e5e4e7);color:#000;background:var(--code-bg,#f4f3ec);border-radius:12px;max-width:420px;margin:0 auto 1rem;padding:1rem}.stats-panel h2{margin:0 0 .5rem}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.stat-card{border:1px solid var(--border,#e5e4e7);text-align:center;background:#fff9;border-radius:10px;padding:.75rem}.stat-card strong{margin-top:.25rem;font-size:1.1rem;display:block}.stat-label{opacity:.8;font-size:.8rem;display:block}.guess-counter{margin:0 0 .5rem;font-size:.95rem;font-weight:600}