*{margin:0;padding:0;box-sizing:border-box}html{height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:#fff;display:flex;justify-content:center;padding:0;margin:0;color:#50514f;min-height:100vh;min-height:100dvh}@media(min-width:768px){body{align-items:center;min-height:100vh;height:100vh;overflow:hidden}}.container{background:#fff;padding:clamp(4px,1vw,8px);padding-bottom:0;width:100%;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}@media(min-width:768px){.container{height:100%;max-height:100%;overflow:hidden}}header{margin-bottom:clamp(6px,1vh,12px);padding-top:clamp(4px,1vh,8px);padding-right:clamp(60px,12vw,80px);position:relative;display:flex;align-items:center;gap:clamp(6px,1vw,10px);flex-shrink:0}h1{font-size:clamp(1.5em,2.5vw,1.8em);color:#2f3c7e;font-weight:700;margin:0;flex-shrink:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header-buttons{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;gap:clamp(2px,.6vw,5px)}.menu-btn{padding:clamp(3px,.8vh,6px);background:transparent;border:1px solid #ddd;border-radius:clamp(3px,.5vw,5px);cursor:pointer;color:#666;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.menu-btn svg{width:clamp(12px,2vw,16px);height:clamp(12px,2vw,16px)}.menu-btn:hover{background:#f0f0f0;border-color:#2f3c7e;color:#2f3c7e}.score-btn .score-display{font-weight:700;font-size:clamp(10px,1.8vw,14px);color:#2f3c7e;min-width:clamp(12px,2vw,16px)}.board-selector{display:flex;gap:clamp(2px,.3vw,3px);align-items:center;margin-right:clamp(3px,.6vw,5px)}.board-btn{padding:clamp(2px,.3vh,3px) clamp(4px,.8vw,7px);border:1px solid #ddd;background:#fff;color:#999;border-radius:clamp(2px,.4vw,4px);cursor:pointer;font-weight:400;font-size:clamp(.5em,1vw,.65em);transition:all .2s ease;opacity:.6}.board-btn:hover{opacity:.9;border-color:#bbb}.board-btn.active{background:#f0f0f0;color:#2f3c7e;border-color:#2f3c7e;opacity:1}.date-info{display:flex;gap:clamp(6px,1.2vw,10px);align-items:center;font-size:clamp(.55em,1.2vw,.75em);color:#666;flex-shrink:0;white-space:nowrap}#current-date{font-weight:600;color:#50514f}#refresh-countdown{color:#999;font-weight:400}main{display:flex;flex-direction:column}@media(min-width:768px){main{flex:1;min-height:0;overflow:hidden}}.btn-next{padding:clamp(3px,.8vh,6px) clamp(6px,1.5vw,12px);background:#f25f5c;color:#fff;border:none;border-radius:clamp(4px,.8vw,6px);font-size:clamp(.65em,1.4vw,.85em);font-weight:600;cursor:pointer;transition:all .2s ease}.btn-next:hover{background:#e04946;transform:translateY(-1px)}.clue-container{position:relative;margin-bottom:clamp(4px,.8vh,8px);padding:clamp(6px,1vh,10px) clamp(8px,2vw,12px);background:linear-gradient(135deg,#2f3c7e,#5a6bb5);border-radius:clamp(4px,1vw,8px);color:#fff;display:flex;align-items:center;gap:clamp(4px,1vw,8px);transition:background .5s ease;flex-shrink:0;flex-wrap:wrap}.default-board-note{width:100%;font-size:clamp(10px,2vw,12px);opacity:.9;font-style:italic;margin-bottom:clamp(2px,.5vh,4px)}.clue-container.turn-change{animation:turnTransition .6s ease}@keyframes turnTransition{0%{background:linear-gradient(135deg,#2f3c7e,#5a6bb5);transform:scale(1)}25%{background:linear-gradient(135deg,#ffe066,#f25f5c);transform:scale(1.03)}50%{background:linear-gradient(135deg,#ffe066,#f25f5c);transform:scale(1.03)}75%{background:linear-gradient(135deg,#7b8ac7,#5a6bb5);transform:scale(1.01)}to{background:linear-gradient(135deg,#2f3c7e,#5a6bb5);transform:scale(1)}}.clue-label{font-size:clamp(.6em,1.5vw,1em);font-weight:700;letter-spacing:.5px;opacity:.9;flex-shrink:0}.clue-text{position:absolute;left:50%;transform:translate(-50%);font-size:clamp(1.3em,3vw,1.8em);font-weight:700;letter-spacing:1px;white-space:nowrap}.clue-actions{display:flex;align-items:center;gap:clamp(6px,1vw,10px);margin-left:auto}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(2px,.5vw,8px);padding:clamp(4px,1.5vw,15px);background:#f7f7f7;border-radius:clamp(6px,1vw,12px);margin:0 0 clamp(10px,2vh,20px) 0}@media(max-width:767px){.grid{margin-bottom:5px;padding-bottom:clamp(4px,1vw,10px)}}@media(min-width:500px)and (max-width:767px){.grid{grid-template-rows:repeat(6,1fr);max-height:70vh}.tile{aspect-ratio:auto;height:100%;min-height:0}}@media(min-width:768px){.grid{grid-template-rows:repeat(6,1fr);flex:1;min-height:0;margin:0;overflow:hidden}}.tile{width:100%;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ddd;border-radius:clamp(3px,.5vw,8px);cursor:pointer;transition:all .2s ease;font-weight:600;font-size:clamp(.75em,2.2vw,1.15em);text-align:center;padding:clamp(4px,1.5vw,10px);overflow-wrap:break-word;hyphens:auto;-webkit-hyphens:auto;-ms-hyphens:auto;hyphenate-limit-chars:6 3 2;user-select:none;overflow:hidden;line-height:1.05;box-sizing:border-box}@media(min-width:768px){.tile{height:100%;min-height:0;aspect-ratio:auto}}.tile:hover:not(.revealed){transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#2f3c7e}.tile.revealed{cursor:not-allowed;opacity:1}.tile.revealed.correct{background:#4ade80;color:#fff;border-color:#22c55e}.tile.revealed.wrong{background:#f87171;color:#fff;border-color:#ef4444}.tile.revealed.neutral{background:#94a3b8;color:#fff;border-color:#64748b}.tile.revealed.game-over{background:#000;color:#fff;border-color:#000}.tile.game-over-shake{animation:shake .5s}.tile.correct-pulse{animation:correctPulse .4s ease}.tile.wrong-wobble{animation:wrongWobble .4s ease}.tile.neutral-fade{animation:neutralFade .5s ease}.tile.unpicked{opacity:.35;filter:grayscale(20%)}.tile.revealed:not(.unpicked){opacity:1;position:relative}.tile.revealed:not(.unpicked):after{content:"";position:absolute;top:4px;right:4px;width:8px;height:8px;background:#0000004d;border-radius:50%;border:2px solid rgba(255,255,255,.8)}.tile.game-complete{animation:tile-fadeout 1.4s ease-out forwards}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}@keyframes correctPulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes wrongWobble{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes neutralFade{0%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes board-complete{0%{transform:scale(1)}20%{transform:scale(1.015)}40%{transform:scale(.995)}60%{transform:scale(1.01)}80%{transform:scale(.998)}to{transform:scale(1)}}@keyframes tile-fadeout{0%{opacity:1;filter:grayscale(0%)}to{opacity:.35;filter:grayscale(20%)}}.controls{display:flex;gap:10px;justify-content:center}.btn{padding:12px 30px;border:none;border-radius:8px;font-weight:600;font-size:1em;cursor:pointer;transition:all .3s ease}.btn-primary{background:#f25f5c;color:#fff}.btn-primary:hover:not(:disabled){background:#e04946;transform:translateY(-2px);box-shadow:0 4px 12px #f25f5c66}.btn-secondary{background:#e2e8f0;color:#475569}.btn-secondary:hover{background:#cbd5e1}.btn:disabled{opacity:.5;cursor:not-allowed}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#fff;padding:40px;border-radius:16px;text-align:center;max-width:400px;width:90%;box-shadow:0 20px 60px #0000004d}.modal-content h2{color:#2f3c7e;margin-bottom:15px;font-size:2em}.modal-content p{color:#666;margin-bottom:20px;font-size:1.1em}.final-score{display:flex;flex-direction:column;align-items:center;margin:25px 0;padding:20px;background:#f7f7f7;border-radius:12px}.final-score .stat-value{font-size:3em}.help-modal-content{max-width:500px;text-align:left}.help-modal-content h2{text-align:center}.help-content{max-height:60vh;overflow-y:auto;margin-bottom:20px}.help-content h3{color:#2f3c7e;font-size:1.2em;margin-top:15px;margin-bottom:8px}.help-content h3:first-child{margin-top:0}.help-content p{margin-bottom:10px;color:#333;font-size:.95em;text-align:left}.help-content ul{margin:8px 0 15px;padding-left:25px}.help-content li{margin-bottom:6px;color:#333;font-size:.95em}.help-content em{color:#666;font-size:.9em}.menu-dropdown{position:absolute;top:clamp(45px,8vh,60px);right:clamp(10px,2vw,20px);background:#fff;border:2px solid #e5e7eb;border-radius:12px;box-shadow:0 8px 24px #00000026;z-index:900;min-width:250px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.menu-links{display:flex;flex-direction:column;gap:0;padding:8px}.menu-link{display:block;padding:14px 16px;color:#50514f;text-decoration:none;font-weight:600;font-size:1em;transition:all .15s;border-radius:8px}.menu-link:hover{background:#f0f0f0;color:#2f3c7e}.footer-links{text-align:center;color:#666;font-size:clamp(.7em,1.5vw,.85em);padding-top:clamp(8px,1.5vh,15px);padding-bottom:clamp(4px,1vw,8px);border-top:1px solid #e2e8f0;flex-shrink:0}.footer-links p{margin:8px 0 12px}@media(max-width:767px){.footer-links{display:block;padding-top:5px;padding-bottom:5px}.footer-links p{margin:6px 0 8px}}.weekly-ad-container{display:none;margin-top:auto;padding:8px 12px;background:#f8f9fa;flex-shrink:0}.weekly-ad-link{text-decoration:none;color:inherit;display:flex;align-items:center;gap:12px}.weekly-ad-label{font-size:clamp(.65em,1.2vw,.75em);font-weight:700;color:#999;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.weekly-ad-divider{width:1px;height:40px;background:#ccc;flex-shrink:0}.weekly-ad-image{width:100px;height:75px;object-fit:cover;border-radius:4px;flex-shrink:0}.weekly-ad-text{font-size:clamp(.75em,1.5vw,.9em);color:#333;line-height:1.3}@media(max-width:767px){.weekly-ad-container{padding:6px 10px}.weekly-ad-link{gap:8px}.weekly-ad-divider{height:30px}}