.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--bg:#0f0f12;--card:#121217;--accent:#7c4dff;--accent-2:#15d6a1;--muted:#aaa;--danger:#ff4d6d;--success:#36d399;--glass:#ffffff08;font-family:Inter,Segoe UI,Roboto,Arial,Helvetica}*{box-sizing:border-box}#root,body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#07060b,#0f0715);color:#e6e6e6;margin:0}.container{margin:28px auto;max-width:1100px;padding:16px}.nav{align-items:center;background:#0000;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;padding:12px 24px}.nav a{color:#7c4dff;color:var(--accent);font-weight:600;text-decoration:none}.brand a{font-size:18px}.nav-links a{color:#aaa;color:var(--muted);margin-left:16px}.home{background:#0000;padding:24px;text-align:center}.home h1{font-size:28px;margin:6px 0}.lead{color:#aaa;color:var(--muted);margin-bottom:18px}.settings{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.setting{align-items:flex-start;background:#ffffff08;background:var(--glass);border-radius:8px;display:flex;flex-direction:column;padding:12px}.setting label{color:#aaa;color:var(--muted);font-size:12px;margin-bottom:6px}.setting select{background:#0b0b10;border:1px solid #ffffff0a;border-radius:6px;color:#fff;padding:8px}.start-row{margin-top:10px}.primary{background:linear-gradient(90deg,#7c4dff,#4a7fff);background:linear-gradient(90deg,var(--accent),#4a7fff);border:0;border-radius:8px;color:#fff;cursor:pointer;padding:10px 16px}.primary:hover{filter:brightness(1.05)}.small{background:#0000;border:1px solid #ffffff0f;border-radius:6px;color:#aaa;color:var(--muted);cursor:pointer;margin-left:8px;padding:6px 8px}.game{padding:16px}.top-row{justify-content:space-between;margin-bottom:12px}.controls,.top-row{align-items:center;display:flex}.game-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:420px 1fr}@media (max-width:900px){.game-grid{align-items:center;grid-template-columns:1fr}.left-col{order:2}.right-col{order:1}}.hangman-svg{align-items:center;display:flex;flex-direction:column;gap:12px}.hangman-svg svg{overflow:visible}.hangman-svg .part circle,.hangman-svg .part line,.hangman-svg .part path{stroke-dasharray:200;stroke-dashoffset:200;opacity:0;transition:stroke-dashoffset .7s ease,opacity .3s ease}.hangman-svg .part.visible circle,.hangman-svg .part.visible line,.hangman-svg .part.visible path{stroke-dashoffset:0;opacity:1}.word-display{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:12px;padding:14px}.word-display .letter{align-items:center;background:#ffffff05;border-radius:8px;display:inline-flex;font-size:20px;height:56px;justify-content:center;letter-spacing:2px;width:44px}@keyframes letter-reveal{0%{filter:blur(2px);opacity:0;transform:scale(.6)}60%{filter:blur(0);opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.word-display .letter.revealed{animation:letter-reveal .4s ease both;background:linear-gradient(90deg,#0a1f19,#072925);color:#15d6a1;color:var(--accent-2);font-weight:700}.letters-panel{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:12px}.letter-btn{background:#ffffff08;border:0;border-radius:6px;color:#fff;cursor:pointer;min-width:36px;padding:8px}.letter-btn.used{background:#ffffff05;color:#aaa;color:var(--muted);cursor:not-allowed}.letter-btn:disabled{opacity:.6}.status-row{margin-bottom:8px;text-align:center}.message{color:#aaa;color:var(--muted)}.message.win{color:#36d399;color:var(--success);font-weight:700}.message.lose{color:#ff4d6d;color:var(--danger);font-weight:700}.score{color:#aaa;color:var(--muted);margin-top:6px}.action-row{display:flex;gap:12px;justify-content:center;margin:10px 0}.clue-btn,.hint-btn{background:#0000;border:1px solid #ffffff0f;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.clue-btn[disabled],.hint-btn[disabled]{cursor:not-allowed;opacity:.45}.guess-summary{color:#aaa;color:var(--muted);margin-bottom:10px;text-align:center}.guessed-list{color:#fff;font-weight:600}.scoreboard{background:#ffffff05;border-radius:8px;margin-top:18px;padding:12px}.scoreboard h3{margin:0 0 8px}.scoreboard ol{margin:0;padding-left:18px}.score-item{border-bottom:1px dashed #ffffff08;padding:8px}.score-item:last-child{border-bottom:none}.score-item.win{border-left:4px solid #36d399;border-left:4px solid var(--success);padding-left:12px}.score-item.lose{border-left:4px solid #ff4d6d;border-left:4px solid var(--danger);padding-left:12px}.score-meta{color:#aaa;color:var(--muted);font-size:12px}.result{padding:30px;text-align:center}.result .big{font-size:20px;margin:12px 0}.result-actions{display:flex;gap:12px;justify-content:center}.sr-aria{height:1px;left:-9999px;overflow:hidden;position:absolute;top:auto;width:1px}@media (max-width:560px){.word-display .letter{font-size:16px;height:44px;width:36px}.hangman-svg svg{height:220px;width:160px}}.clue-box{align-items:center;background:#ffffff05;border-radius:8px;color:#aaa;color:var(--muted);display:flex;justify-content:center;margin:10px auto 8px;min-height:38px;opacity:.9;padding:10px 12px;text-align:center;transition:all .28s ease}.clue-box.visible{animation:cluePop .32s ease both;background:linear-gradient(90deg,#14142899,#0a0a1e99);box-shadow:0 6px 18px #0006;color:#fff;transform:translateY(0)}@keyframes cluePop{0%{opacity:0;transform:translateY(-6px) scale(.98)}60%{opacity:1;transform:translateY(3px) scale(1.02)}to{opacity:1;transform:translateY(0) scale(1)}}.clue-box .muted{color:#aaa;color:var(--muted);font-size:14px}.game-grid{display:flex;flex-wrap:wrap}.left-col{flex:1 1 300px;order:0}.right-col{flex:2 1 500px;order:1}@media (max-width:768px){.game-grid{flex-direction:column}.left-col{order:0}.right-col{order:1}}.site-footer{border-top:1px solid #ffffff1a;color:#aaa;font-size:.9rem;margin-top:3rem;padding:1.5rem;text-align:center}.site-footer a{color:#7dd3fc;font-weight:500;text-decoration:none;transition:color .2s}.site-footer a:hover{color:#c084fc}.site-footer small{display:block;margin-top:.5rem;opacity:.7}
/*# sourceMappingURL=main.46a5c86b.css.map*/