:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;background:#0e1117;color:#f5f7fb}*{box-sizing:border-box}body,html,#root{min-height:100%;margin:0}body{margin:0}.page{max-width:960px;margin:0 auto;padding:28px 24px}header{text-align:center}header h1{margin:0 0 12px;font-size:clamp(2rem,4vw,3rem)}header p{margin:0 0 24px;color:#c2c7d1}.board{position:relative;background:#131821;border:1px solid #222b38;border-radius:18px;padding:20px 20px 40px;margin:0 auto 24px;width:min(100%,520px)}.keyboard-button{position:absolute;bottom:24px;right:18px;width:48px;height:48px;border:1px solid rgba(148,163,184,.24);border-radius:999px;background:linear-gradient(135deg,#4338ca,#6366f1);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:1.2rem;line-height:1;font-family:inherit;cursor:pointer;box-shadow:0 18px 40px #4f46e529;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.keyboard-button .keyboard-icon{width:20px;height:20px}.keyboard-button:hover,.keyboard-button:focus{transform:translateY(-1px);background:linear-gradient(135deg,#3730a3,#4f46e5);border-color:#93c5fd59;box-shadow:0 24px 50px #4f46e538}.keyboard-button:active{transform:translateY(0)}.row,.history-row{display:grid;grid-template-columns:repeat(5,56px);gap:6px;margin-bottom:16px}.tile,.history-tile{width:56px;aspect-ratio:1 / 1;border:2px solid #293247;border-radius:12px;background:#162031;color:#eef4ff;font-family:inherit;font-size:clamp(1.9rem,3vw,3rem);font-weight:700;cursor:pointer;padding:0;display:inline-flex;justify-content:center;align-items:center;text-transform:uppercase;line-height:1}.tile.green{background:#1a7b47;border-color:#1a7b47}.tile.yellow{background:#b78f22;border-color:#b78f22}.tile.neutral{background:#1b2430}.controls{display:flex;gap:12px;flex-wrap:wrap;align-items:center}.controls input{flex:1;min-width:200px;padding:12px 14px;border-radius:16px;border:1px solid #2c3450;background:#131922;color:#eef4ff;font-size:1rem}.controls button{padding:12px 22px;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,#4f46e5,#6366f1);color:#fff;cursor:pointer;font-weight:700;letter-spacing:.02em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease;box-shadow:0 14px 30px #4f46e52e}.controls button:hover,.controls button:focus{transform:translateY(-1px);background:linear-gradient(135deg,#4338ca,#4f46e5);box-shadow:0 18px 36px #4f46e53d}.controls button.secondary{background:#ffffff0f;color:#e2e8f0;border-color:#94a3b859}.controls button.secondary:hover,.controls button.secondary:focus{background:#ffffff1f}.controls button:disabled{opacity:.56;cursor:not-allowed;transform:none;box-shadow:none}.error{margin-top:12px;color:#ff7a7a}.hint{margin-top:12px;color:#c2c7d1}.result-panel,.history-panel{background:#131922;border:1px solid #222b38;border-radius:18px;padding:20px 20px 46px;margin:0 auto 18px;width:min(100%,520px)}.result-panel h2,.history-panel h2{margin-top:0}.hidden-board-input{position:absolute;left:8px;top:8px;width:1px;height:1px;opacity:0;pointer-events:none}.more-link{margin-left:6px;border:none;background:transparent;color:#8fa8ff;cursor:pointer;font-weight:700}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;padding:24px;z-index:20}.modal-content{width:min(100%,760px);max-height:80vh;background:#0f1520;border:1px solid #2d3950;border-radius:18px;padding:20px;overflow:hidden;display:flex;flex-direction:column}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-close{border:none;background:transparent;color:#eef4ff;font-size:1.5rem;cursor:pointer}.modal-body{overflow-y:auto;color:#c2c7d1;line-height:1.7;white-space:pre-wrap}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:30;display:none;visibility:hidden}.confetti.active{display:block;visibility:visible}.confetti-piece{position:absolute;width:10px;height:14px;border-radius:3px;background:#f9d547;opacity:0}.confetti-piece:nth-child(4n+1){background:#ff5d8f}.confetti-piece:nth-child(4n+2){background:#72e5ff}.confetti-piece:nth-child(4n+3){background:#ffd15b}.confetti-piece:nth-child(4n+4){background:#7cffb8}.confetti.active .confetti-piece{opacity:1}.remaining-list{margin-top:14px;color:#c2c7d1}.history-panel{position:relative}.history-panel ul{list-style:none;padding:0;margin:0 0 16px}.history-panel li{display:grid;gap:0;padding:6px 0;border-bottom:1px solid #1d2735}.history-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.history-tile{width:100%;aspect-ratio:1 / 1;display:inline-flex;justify-content:center;align-items:center;border-radius:10px;font-weight:700;background:#1b2430;color:#eef4ff}.history-tile.green{background:#1a7b47}.history-tile.yellow{background:#b78f22}.history-details{display:flex;flex-wrap:wrap;gap:12px;color:#c2c7d1}.history-panel li:last-child{border-bottom:none}.history-word{font-weight:700;text-transform:uppercase}@media (max-width: 720px){.history-panel li{grid-template-columns:1fr;gap:6px}}