:root{--bangladesh-green: #006a4e;--bangladesh-red: #f42a41;--bangladesh-dark-green: #004d38;--bangladesh-light-green: #00a068;--bangladesh-cream: #f8f5f0;--color-background: var(--bangladesh-cream);--color-text: var(--bangladesh-dark-green);--color-text-light: #4a6741;--color-border: #c8d4c2;--color-border-focus: var(--bangladesh-green);--color-correct: var(--bangladesh-green);--color-present: #d4af37;--color-absent: #8b4513;--color-empty: #ffffff;--color-primary: var(--bangladesh-green);--color-error: var(--bangladesh-red);--color-warning: #ff8c00;--color-success: var(--bangladesh-light-green);--color-info: #4682b4;--header-height: 60px;--max-width: 500px;--grid-gap: 5px;--border-radius: 4px;--font-family: "Noto Sans Bengali", "Hind Siliguri", sans-serif;--font-size-small: 14px;--font-size-medium: 18px;--font-size-large: 24px;--font-size-xl: 28px;--font-size-2xl: 36px;--font-size-3xl: 42px;--animation-duration: .3s;--animation-timing: ease-in-out}*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;font-family:var(--font-family);background:var(--color-background);background-image:linear-gradient(#f8f5f0d9,#f8f5f0d9),url(./banglabg-CXwpU6nF.jpg),radial-gradient(circle at 20% 80%,rgba(0,106,78,.03) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(244,42,65,.03) 0%,transparent 50%);background-size:cover,cover,auto,auto;background-position:center,center,center,center;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;background-attachment:fixed,fixed,scroll,scroll;color:var(--color-text);line-height:1.5;min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600}p{margin:0 0 1rem}button{border:none;background:none;cursor:pointer;font-family:inherit;font-size:inherit}.header{background:linear-gradient(135deg,var(--bangladesh-green) 0%,var(--bangladesh-dark-green) 100%);border-bottom:3px solid var(--bangladesh-red);height:var(--header-height);display:flex;align-items:center;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #006a4e4d}.header-content{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 1rem;display:flex;justify-content:space-between;align-items:center}.title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-empty);text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:1px}.header-actions{display:flex;gap:.5rem}.header-btn{padding:.5rem;border-radius:var(--border-radius);color:var(--bangladesh-cream);transition:all var(--animation-duration) var(--animation-timing);border:1px solid transparent}.header-btn:hover,.header-btn:focus{background-color:#ffffff1a;border-color:var(--bangladesh-red);outline:none;transform:scale(1.05)}.mobile-input{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none;font-size:16px}.game-container{flex:1;display:flex;flex-direction:column;align-items:center;padding:.25rem 1rem 1rem;max-width:var(--max-width);margin:0 auto;width:100%;background:#f8f5f0e6;border-radius:20px;margin-top:.25rem;margin-bottom:1rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);position:relative}.mobile-hint{display:none;padding:.5rem;background:#006a4e1a;border:1px solid var(--bangladesh-green);border-radius:var(--border-radius);font-size:var(--font-size-small);text-align:center;margin-bottom:.5rem;color:var(--bangladesh-dark-green)}@media (hover: none) and (pointer: coarse){.mobile-hint{display:block}}.game-message{margin-bottom:.25rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:500;text-align:center;min-height:36px;display:flex;align-items:center;justify-content:center;transition:opacity var(--animation-duration) var(--animation-timing)}.game-message.hidden{opacity:0;pointer-events:none}.game-message.error{background-color:var(--color-error);color:#fff}.game-message.warning{background-color:var(--color-warning);color:#fff}.game-message.success{background-color:var(--color-success);color:#fff}.game-message.info{background-color:var(--color-info);color:#fff}.keyboard-container{width:100%;margin-top:.75rem}.contact-info{margin-top:.5rem;text-align:center;font-size:var(--font-size-small)}.contact-info a{color:var(--bangladesh-dark-green);text-decoration:none;opacity:.7;transition:all var(--animation-duration) var(--animation-timing);font-weight:500}.contact-info a:hover{opacity:1;color:var(--bangladesh-green);text-decoration:underline}.keyboard-row{display:flex;justify-content:center;gap:6px;margin-bottom:5px}.keyboard-row.vowels{gap:2px}.keyboard-row.actions{gap:12px;margin-top:.5rem}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;opacity:1;transition:opacity var(--animation-duration) var(--animation-timing)}.modal.hidden{opacity:0;pointer-events:none}.modal-content{background-color:var(--color-empty);border-radius:var(--border-radius);padding:0;max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:0 4px 6px #0000001a}.modal-header{padding:1rem;border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-header h2{font-size:var(--font-size-xl)}.modal-close{font-size:var(--font-size-xl);color:var(--color-text-light);padding:.25rem;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:1rem}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:2rem;text-align:center}.stat{display:flex;flex-direction:column}.stat-value{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-text)}.stat-label{font-size:var(--font-size-small);color:var(--color-text-light);margin-top:.25rem}.guess-distribution h3{margin-bottom:1rem;font-size:var(--font-size-large)}.guess-bar-container{display:flex;align-items:center;margin-bottom:.5rem}.guess-number{width:20px;text-align:right;margin-right:.5rem;font-weight:600}.guess-bar{flex:1;height:24px;background-color:var(--color-border);border-radius:var(--border-radius);position:relative;min-width:50px}.guess-bar-fill{height:100%;background-color:var(--color-absent);border-radius:var(--border-radius);transition:width var(--animation-duration) var(--animation-timing);min-width:24px}.guess-count{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#fff;font-size:var(--font-size-small);font-weight:600}.share-section{margin-top:2rem;text-align:center}.share-btn{background-color:var(--color-primary);color:#fff;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;transition:background-color var(--animation-duration) var(--animation-timing)}.share-btn:hover,.share-btn:focus{background-color:var(--color-correct);outline:none}.example{margin:1rem 0}.example-row{display:flex;gap:var(--grid-gap);margin-bottom:.5rem;justify-content:center}.example .tile{width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-large);font-weight:600;border:2px solid var(--color-border);border-radius:var(--border-radius)}.next-game-timer{text-align:center;margin:1rem 0;padding:1rem;background-color:var(--color-background);border-radius:var(--border-radius)}.next-game-timer span{font-weight:600;font-family:monospace;font-size:var(--font-size-large)}.global-error,.global-warning{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2000;max-width:90vw;max-width:400px}.error-content,.warning-content{background-color:var(--color-empty);padding:1.5rem;border-radius:var(--border-radius);box-shadow:0 4px 6px #0000001a;text-align:center}.global-error .error-content{border-left:4px solid var(--color-error)}.global-warning .warning-content{border-left:4px solid var(--color-warning)}.error-button,.warning-close{margin-top:1rem;padding:.5rem 1rem;border-radius:var(--border-radius);font-weight:600}.error-button{background-color:var(--color-error);color:#fff}.warning-close{background-color:var(--color-warning);color:#fff}@media (max-width: 600px){:root{--font-size-small: 11px;--font-size-medium: 14px;--font-size-large: 18px;--font-size-xl: 22px;--font-size-2xl: 28px}.header-content{padding:0 .5rem}.title{font-size:var(--font-size-xl)}.game-container{padding:.5rem}.keyboard-container{margin-top:1rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.modal-content{margin:1rem;max-width:calc(100vw - 2rem)}.modal-header,.modal-body{padding:.75rem}}@media (max-width: 400px){.title{font-size:var(--font-size-large)}.stats-grid{grid-template-columns:1fr;gap:.5rem}.stat{flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;background-color:var(--color-background);border-radius:var(--border-radius)}.stat-value,.stat-label{margin:0}}@media print{.header,.keyboard-container,.modal{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.game-grid{display:grid;gap:6px;margin:.25rem auto;justify-content:center;align-content:start;width:fit-content;max-width:100%}.tile{width:60px;height:60px;border:2px solid var(--color-border);border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;background-color:var(--color-empty);color:var(--color-text);transition:all var(--animation-duration) var(--animation-timing);-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;box-shadow:0 2px 4px #0000001a}.tile.filled{border-color:var(--color-border-focus);transform:scale(1.05);box-shadow:0 4px 8px #006a4e33}.tile.correct{background:linear-gradient(135deg,var(--color-correct) 0%,var(--bangladesh-dark-green) 100%);border-color:var(--bangladesh-dark-green);color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #006a4e66}.tile.present{background:linear-gradient(135deg,var(--color-present) 0%,#b8941f 100%);border-color:#b8941f;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #d4af3766}.tile.partial{background:linear-gradient(135deg,#9b59b6,#8e44ad);border-color:#8e44ad;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #9b59b666}.tile.absent{background:linear-gradient(135deg,var(--color-absent) 0%,#654321 100%);border-color:#654321;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #8b451366}.tile.shake{animation:shake .5s ease-in-out}.tile.flip{animation:flip .6s ease-in-out}.tile.bounce{animation:bounce 1s ease-in-out}.tile.pop{animation:pop .3s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}25%{transform:scale(1.1)}50%{transform:scale(1.05)}75%{transform:scale(1.08)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1.02)}}.game-grid .tile:nth-child(n){animation-delay:0ms}.game-grid .tile:nth-child(n+2){animation-delay:.1s}.game-grid .tile:nth-child(n+3){animation-delay:.2s}.game-grid .tile:nth-child(n+4){animation-delay:.3s}.game-grid .tile:nth-child(n+5){animation-delay:.4s}.game-grid .tile:nth-child(n+6){animation-delay:.5s}.game-grid.win .tile.correct{animation:bounce .6s ease-in-out}.game-grid.win .tile.correct:nth-child(1){animation-delay:0ms}.game-grid.win .tile.correct:nth-child(2){animation-delay:.1s}.game-grid.win .tile.correct:nth-child(3){animation-delay:.2s}.game-grid.win .tile.correct:nth-child(4){animation-delay:.3s}.game-grid.win .tile.correct:nth-child(5){animation-delay:.4s}.game-grid.win .tile.correct:nth-child(6){animation-delay:.5s}.tile.loading{background:linear-gradient(90deg,var(--color-border) 25%,var(--color-background) 50%,var(--color-border) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 600px){.game-grid{gap:5px;margin:.25rem auto}.tile{width:52px;height:52px;font-size:var(--font-size-xl)}}@media (max-width: 400px){.game-grid{gap:4px;margin:.25rem auto}.tile{width:46px;height:46px;font-size:var(--font-size-large)}}@media (max-width: 320px){.game-grid{gap:3px;margin:.25rem auto}.tile{width:40px;height:40px;font-size:var(--font-size-medium)}}@media (prefers-contrast: high){.tile{border-width:3px}.tile.correct{background-color:#000;border-color:#000;color:#fff}.tile.present{background-color:#666;border-color:#666;color:#fff}.tile.partial{background-color:#444;border-color:#444;color:#fff}.tile.absent{background-color:#ccc;border-color:#ccc;color:#000}}.tile:focus{outline:3px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme: dark){.tile{border-color:#3a3a3c;background-color:#121213;color:#fff}.tile.filled{border-color:#565758}}@media (prefers-reduced-motion: reduce){.tile{transition:none}.tile.shake,.tile.flip,.tile.bounce,.tile.pop{animation:none}.tile.flip{transform:scale(.95)}}@media print{.game-grid{break-inside:avoid}.tile{border:2px solid #000000;color:#000}.tile.correct:after{content:" ✓"}.tile.present:after{content:" ⚡"}.tile.partial:after{content:" ~"}.tile.absent:after{content:" ✗"}}.key{min-height:58px;min-width:48px;font-size:var(--font-size-medium);font-weight:700;border:2px solid var(--color-border);border-radius:6px;background:linear-gradient(145deg,#f8f9fa,#e9ecef);color:var(--bangladesh-dark-green);display:flex;align-items:center;justify-content:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all var(--animation-duration) var(--animation-timing);position:relative;overflow:hidden;font-family:var(--font-family);padding:.2rem;box-shadow:0 2px 4px #0000001a;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.key:hover{background:linear-gradient(145deg,var(--bangladesh-light-green),var(--bangladesh-green));color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #006a4e4d;border-color:var(--bangladesh-red);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.key:active{transform:translateY(0) scale(1.02);box-shadow:0 2px 4px #006a4e33}.key:focus{outline:3px solid var(--bangladesh-red);outline-offset:2px}.key.correct{background:linear-gradient(145deg,var(--color-correct),var(--bangladesh-dark-green));color:#fff;border-color:var(--bangladesh-dark-green);text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #006a4e66}.key.present{background:linear-gradient(145deg,var(--color-present),#b8941f);color:#fff;border-color:#b8941f;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #d4af3766}.key.partial{background:linear-gradient(145deg,#9b59b6,#8e44ad);color:#fff;border-color:#8e44ad;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #9b59b666}.key.absent{background:linear-gradient(145deg,var(--color-absent),#654321);color:#fff;border-color:#654321;text-shadow:1px 1px 2px rgba(0,0,0,.5);box-shadow:0 4px 8px #8b451366}.action-key{min-width:90px;font-size:var(--font-size-medium);font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:.75rem 1rem;display:flex;align-items:center;justify-content:center;gap:.25rem;border-radius:10px}.delete{background:linear-gradient(145deg,var(--bangladesh-red),#d12030);color:#fff;border-color:#d12030;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.delete:hover{background:linear-gradient(145deg,#ff5566,var(--bangladesh-red));transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #f42a4166}.enter{background:linear-gradient(145deg,var(--bangladesh-green),var(--bangladesh-dark-green));color:#fff;border-color:var(--bangladesh-dark-green);text-shadow:1px 1px 2px rgba(0,0,0,.5)}.enter:hover{background:linear-gradient(145deg,var(--bangladesh-light-green),var(--bangladesh-green));transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #006a4e66}.action-key svg{width:18px;height:18px;fill:currentColor}.keyboard-row:first-child .key,.keyboard-row:nth-child(2) .key,.keyboard-row:nth-child(3) .key,.keyboard-row:nth-child(4) .key,.keyboard-row:nth-child(5) .key,.keyboard-row:nth-child(6) .key,.keyboard-row:nth-child(7) .key{background:linear-gradient(145deg,#e8f5e8,#d4edda);border-color:var(--bangladesh-green);color:var(--bangladesh-dark-green);font-weight:700}.keyboard-row.vowels .key{background:linear-gradient(145deg,#fff9e6,#f5f0cc);border:2px solid #d4af37;font-size:var(--font-size-small);min-width:36px;min-height:52px;color:#8b6914;font-weight:700;padding:.1rem}.keyboard-row.vowels .key:hover{background:linear-gradient(145deg,#d4af37,#b8941f);color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #d4af3766}.key.pressed{animation:keyPress .15s ease-out;background:linear-gradient(145deg,var(--bangladesh-light-green),var(--bangladesh-green));color:#fff;transform:translateY(-2px) scale(1.05);box-shadow:0 6px 12px #006a4e4d}@keyframes keyPress{0%{transform:scale(1)}50%{transform:scale(.95);background-color:var(--color-primary)}to{transform:scale(1)}}.key:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.keyboard-container[aria-label]{role:"group"}.key[data-key]{role:"button";tabindex:"0"}@media (hover: none) and (pointer: coarse){.key{min-height:44px;min-width:44px}.key:hover{transform:none;box-shadow:none}.key:active{background-color:var(--color-primary);color:#fff}.action-key{min-height:44px;min-width:88px}}@media (max-width: 600px){.key{min-height:58px;min-width:45px;font-size:var(--font-size-medium)}.keyboard-row.vowels .key{min-width:34px;min-height:50px;font-size:12px}.action-key{min-width:80px;font-size:var(--font-size-small);padding:.6rem .8rem}.action-key svg{width:16px;height:16px}.keyboard-row{gap:4px;margin-bottom:5px}.keyboard-row.vowels{gap:1px}.keyboard-row.actions{gap:8px}}@media (max-width: 400px){.key{min-height:44px;min-width:32px;font-size:12px}.keyboard-row.vowels .key{min-width:26px;min-height:42px;font-size:9px}.action-key{min-width:60px;font-size:10px;padding:.3rem .6rem}.keyboard-row{gap:3px;margin-bottom:4px}.keyboard-row.vowels{gap:1px}.keyboard-row.actions{gap:6px}}@media (max-width: 320px){.key{min-height:40px;min-width:26px;font-size:11px}.keyboard-row.vowels .key{min-width:22px;min-height:38px;font-size:8px}.action-key{min-width:50px;font-size:9px;padding:.25rem .5rem}.action-key svg{width:14px;height:14px}.keyboard-row{gap:2px;margin-bottom:3px}.keyboard-row.vowels{gap:.5px}}@media (orientation: landscape) and (max-height: 500px){.keyboard-container{margin-top:.5rem}.key{min-height:36px;font-size:var(--font-size-small)}.keyboard-row.vowels .key{min-height:32px;font-size:11px}.action-key{min-width:60px;padding:.25rem .5rem}.keyboard-row{margin-bottom:4px}}@media (prefers-contrast: high){.key{border:2px solid #000000;background-color:#fff;color:#000}.key:hover,.key:focus{background-color:#ff0;color:#000}.key.correct{background-color:#000;color:#fff;border-color:#000}.key.present{background-color:#666;color:#fff;border-color:#666}.key.partial{background-color:#444;color:#fff;border-color:#444}.key.absent{background-color:#ccc;color:#000;border-color:#ccc}.delete{background-color:red;color:#fff;border-color:red}.enter{background-color:green;color:#fff;border-color:green}}@media (prefers-color-scheme: dark){.key{background-color:#3a3a3c;color:#fff;border-color:#3a3a3c}.key:hover{background-color:#565758}.keyboard-row.vowels .key{background-color:#2d3748;border-color:#4a5568}.keyboard-row.vowels .key:hover{background-color:#4a5568}}@media (prefers-reduced-motion: reduce){.key{transition:none}.key:hover{transform:none;box-shadow:none}.key:active{transform:none}.key.pressed{animation:none;background-color:var(--color-primary)}}.key:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px;z-index:1;position:relative}.key.loading{opacity:.6;cursor:wait;pointer-events:none}.key[data-hint]:after{content:attr(data-hint);position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:10px;color:var(--color-text-light);opacity:0;pointer-events:none}.key[data-hint]:hover:after{opacity:1}@media print{.keyboard-container{display:none}}