:root{--bg-green: #0e3b16;--bg-gray: #1f1f1f;--text: #e8f5e9;--muted: #a0b3a0;--accent: #2e7d32;--danger: #ff6b6b;--success: #4caf50}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:var(--bg-gray) url(/assets/background.png) center/cover no-repeat fixed;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}.app-root{display:flex;flex-direction:column;min-height:100%;-webkit-backdrop-filter:saturate(120%) brightness(95%);backdrop-filter:saturate(120%) brightness(95%);position:relative}.brand-logo-top{position:absolute;top:20px;right:30px;height:80px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7));z-index:10}.title-section{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:20px;margin-top:-30px}.game-title-image{height:180px;width:auto;object-fit:contain;filter:drop-shadow(0 4px 12px rgba(0,0,0,.7));margin-top:0}.hangman-text{font-family:Creepster,system-ui,sans-serif;font-size:36px;letter-spacing:.08em;text-transform:none;color:#b7ffb7;text-shadow:0 4px 12px rgba(0,0,0,.9);margin-top:0}.content{display:grid;grid-template-columns:1fr 420px;gap:40px;flex:1;overflow:hidden;max-width:1400px;margin:0 auto;padding:40px}.character-panel{display:flex;align-items:center;justify-content:center;background:#0006;border-left:1px solid rgba(255,255,255,.08);padding:20px}.play-area{display:flex;flex-direction:column;gap:30px;padding:40px;justify-content:center}.hangman-graphic{position:relative;width:100%;max-width:560px;height:90vh;max-height:840px;border:1px solid rgba(255,255,255,.06);border-radius:8px;background:#00000040;overflow:hidden}.reveal-window{position:absolute;left:0;top:0;right:0;overflow:hidden;border-top-left-radius:8px;border-top-right-radius:8px;z-index:2}.reveal-inner{position:relative;width:100%;height:1100px}.character-image{position:absolute;left:50%;top:0;transform:translate(-50%);width:auto;height:840px;max-width:100%;object-fit:contain;object-position:center top;filter:drop-shadow(0 4px 12px rgba(0,0,0,.5))}.character-placeholder{position:absolute;left:50%;top:0;transform:translate(-50%);width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center top;opacity:.05;filter:brightness(.6) contrast(.8) grayscale(30%);z-index:1}.word-display{text-align:center;font-size:clamp(28px,4vw,64px);font-weight:800;letter-spacing:.15em;text-shadow:0 2px 10px rgba(0,0,0,.6);min-height:100px;display:flex;align-items:center;justify-content:center;white-space:nowrap;overflow:visible;padding:0 20px}.keyboard-area{min-height:200px;display:flex;align-items:center;justify-content:center}.keyboard{display:flex;flex-direction:column;gap:16px;width:100%;max-width:700px;align-items:center}.keyboard-row{display:flex;gap:14px;justify-content:center;width:100%}.key{width:80px;height:80px;border-radius:10px;border:2px solid rgba(255,255,255,.15);background:#2e7d3240;color:var(--text);font-weight:800;font-size:28px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.key:disabled{opacity:.35;cursor:not-allowed}.key:not(:disabled):hover{outline:2px solid var(--accent);transform:translateY(-2px)}.game-message{text-align:center;padding:40px;border-radius:12px;background:#0009;border:2px solid;animation:fadeIn .3s ease-in;max-width:90%;width:100%;overflow-wrap:break-word;word-wrap:break-word}.game-message.success{border-color:var(--success)}.game-message.danger{border-color:var(--danger)}.game-message h2{margin:0 0 16px;font-size:clamp(20px,4vw,30px);font-weight:800;text-transform:uppercase;letter-spacing:.05em;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.game-message p{margin:0;font-size:clamp(18px,3vw,28px);word-wrap:break-word;overflow-wrap:break-word}.game-message p strong{display:inline-block;font-size:clamp(22px,4vw,32px);color:var(--success)}.btn-next{margin-top:0;padding:14px 44px;background:var(--accent);border:2px solid rgba(255,255,255,.2);color:#fff;border-radius:10px;font-size:22px;font-weight:800;cursor:pointer;transition:all .2s;text-transform:uppercase;letter-spacing:.05em}.btn-next:hover{background:var(--success);transform:scale(1.05);box-shadow:0 6px 20px #4caf5066}.quiz-content{display:grid;grid-template-columns:1fr 500px;gap:40px;flex:1;overflow:hidden;max-width:1500px;margin:0 auto;padding:20px 40px 40px;align-items:flex-start}.quiz-play-area{display:flex;flex-direction:column;gap:20px;padding:0 40px;min-height:auto;justify-content:flex-start}.quiz-title-section{display:flex;flex-direction:column;align-items:center;gap:5px;margin-bottom:10px;margin-top:0;min-height:auto}.quiz-card-container{display:flex;align-items:flex-start;justify-content:center;height:450px;min-height:450px}.quiz-card{background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:15px;width:100%;max-width:800px;height:100%}.quiz-progress{color:var(--muted);font-size:14px;text-transform:uppercase;min-height:20px}.quiz-question{margin:0;font-size:clamp(20px,3.2vw,32px);line-height:1.2;height:75px;min-height:75px;display:flex;align-items:center}.quiz-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;height:220px;min-height:220px;flex-shrink:0}.option{display:flex;align-items:center;gap:12px;background:#2e7d3229;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:12px 18px;color:var(--text);font-size:22px;cursor:pointer;transition:all .2s}.option:hover:not(:disabled){background:#2e7d3240;border-color:#fff3}.option .option-label{width:34px;height:34px;border-radius:8px;background:#ffffff14;display:inline-flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}.option .option-text{flex:1;text-align:left}.option.selected{outline:2px solid var(--accent)}.option.correct{border-color:var(--success);box-shadow:inset 0 0 0 2px var(--success)}.option.wrong{border-color:var(--danger);box-shadow:inset 0 0 0 2px var(--danger)}.option:disabled{cursor:not-allowed}.quiz-next-container{display:flex;justify-content:center;align-items:center;height:70px;min-height:70px;margin:0;padding:0}.quiz-character-panel{display:flex;align-items:flex-start;justify-content:center;background:transparent;padding:20px;position:sticky;top:0;height:100vh}.quiz-character-container{display:flex;align-items:flex-start;justify-content:center;height:100%;padding-top:10px}.quiz-character{position:relative;width:500px;height:80vh;max-height:700px;display:flex;align-items:center;justify-content:center;overflow:visible}.quiz-character-img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;object-position:center center;filter:drop-shadow(0 6px 24px rgba(0,0,0,.6));opacity:.9}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width: 860px){.content{grid-template-columns:1fr;grid-template-rows:300px 1fr}.word-display{font-size:32px}.game-message h2{font-size:36px}.game-message p{font-size:20px}.quiz-content{grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:20px}.quiz-play-area{padding:20px;min-height:auto}.quiz-title-section{min-height:150px}.quiz-card-container{min-height:350px}.quiz-question{font-size:20px;min-height:60px}.quiz-options{grid-template-columns:1fr;min-height:auto}.quiz-character-panel{height:300px;border-left:none;border-top:1px solid rgba(255,255,255,.08);position:relative}.quiz-character{width:100%;max-width:300px;height:250px}.quiz-character-img{max-height:250px}}