:root{--site-blue:#4a7ea5;--site-blue-d:#aec7db;--green:#6ca965;--red:#bb6163;--tile:#d3d3d3;--bg:#ffffff;--text:#111111;--page-pad:12px;--row-gap:4px;--tile-gap:4px}html{scrollbar-gutter:stable both-edges}*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Helvetica,Arial,sans-serif;line-height:1.6;padding:var(--page-pad);margin:0;color:var(--text);background:var(--bg);display:flex;flex-direction:column;align-items:center}body.mono{filter:grayscale(100%)}#appRoot{will-change:filter}body.mono #appRoot{filter:grayscale(100%)}h1{margin:0;font-size:clamp(24px, 3.5vw, 28px)}h2{margin:0;font-size:clamp(18px, 2.8vw, 20px)}:focus-visible{outline:2px solid var(--site-blue);outline-offset:2px}#appHeader{position:relative;z-index:1000;width:100%;background:var(--bg);min-height:56px;border-bottom:0!important}#appHeader .header-inner{max-width:100%;margin:0 auto;padding:6px 12px 10px;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;row-gap:6px;align-items:center}#appHeader .header-logo,#appHeader .header-top{display:flex;justify-content:center;align-items:center}#appHeader .header-top{height:44px;padding:4px 0}#appHeader .header-logo{height:56px;padding:6px 0 10px}.icon-btn.gear-only{width:40px;height:40px;display:grid;place-items:center;padding:0;background:0 0;border:none;color:var(--site-blue);cursor:pointer}.icon-btn.gear-only:hover{color:var(--site-blue-d)}.icon-btn.gear-only svg{width:40px;height:40px;display:block}@media (max-width:480px){.icon-btn.gear-only,.icon-btn.gear-only svg{width:36px;height:36px}}#kobokoLogo{display:flex;gap:2px;margin-top:12px;margin-bottom:20px}#appHeader #kobokoLogo{margin:0;gap:2px}#kobokoLogo span{width:40px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:5px;font-size:24px;font-weight:700;color:#fff;user-select:none;box-shadow:0 12px 30px rgba(0,0,0,.12)}#landing{flex-direction:column;align-items:center;max-width:600px;text-align:center;margin:0}.introText{font-size:17px;color:#000;line-height:1.6;margin:20px 0 0;max-width:500px}#playBtn{padding:10px 18px;font-size:17px;border-radius:5px;cursor:pointer;margin:12px;background-color:var(--site-blue);color:#fff;border:none;transition:background .2s ease-in-out,color .2s ease-in-out;box-shadow:0 12px 30px rgba(0,0,0,.12)}#playBtn:hover{background-color:var(--site-blue);color:#fff}#topbar{display:flex;flex-direction:column;align-items:center}#dailyMeta{display:flex;flex-direction:column;align-items:center;margin-bottom:8px}#dailyId{margin:10px 0}#dailyLetters{font-weight:600;color:#000;margin:0}.statusBar{display:flex;font-weight:600;justify-content:center;margin:0 0 30px}.statusBar>div{margin:0 8px}#stage{width:100%;max-width:760px;margin:0 auto;padding-bottom:24px}.view{display:none;opacity:0;transition:opacity 180ms}.view.active{display:flex;flex-direction:column;align-items:center;opacity:1}#game{flex-direction:column;align-items:center;max-width:760px;width:100%}.row{display:flex;align-items:center;justify-content:center;gap:var(--tile-gap);margin:var(--row-gap) 0;flex-wrap:nowrap}.control-tile,.letter-tile{display:inline-flex;align-items:center;justify-content:center;width:45px;height:60px;background-color:var(--tile);color:#000;border:none;border-radius:5px;font-weight:700;cursor:pointer;user-select:none;transition:transform .08s,background .2s,color .2s}.letter-tile{font-size:20px}.control-tile{font-size:14px}.control-tile.clear,.control-tile.shuffle,.control-tile.undo{background-color:var(--site-blue);color:#fff}.control-tile.submit{background-color:var(--green);color:#fff}.control-tile:active,.letter-tile:active{transform:translateY(1px);background-color:var(--site-blue);color:#fff}#consonants.row,#vowels.row{width:100%;justify-content:center}#consonants .control-tile,#consonants .letter-tile{width:clamp(32px,calc((95vw - (7 * var(--tile-gap)) - (2 * var(--page-pad)))/ 8),45px);height:clamp(52px,13vw,60px)}#vowels .control-tile,#vowels .letter-tile{width:clamp(32px,calc((95vw - (6 * var(--tile-gap)) - (2 * var(--page-pad)))/ 7),45px);height:clamp(52px,13vw,60px)}#currentWord{justify-content:center;flex-wrap:wrap;font-size:26px;font-weight:700}#currentWord.invalid{color:var(--red)}.typed-letter{margin:0 1px}#msg{font-size:12px;font-weight:700;color:#a9656c;text-align:center}#wordList{max-height:180px;overflow-y:auto!important;display:block;width:100%;padding-right:4px;-webkit-overflow-scrolling:touch;list-style:none;padding-left:0;text-align:center}#wordList .bonus-text{color:var(--green);font-weight:600}#wordList .total-points{font-weight:700}#leaderboard{margin-top:20px;width:100%;font-size:14px}table{width:100%;border-collapse:collapse}th{background-color:var(--site-blue);color:#fff;text-align:left}td,th{padding:8px;border-radius:5px;border:none}#leaderboard tbody tr:nth-child(odd){background-color:#f3f6f9}#leaderboard tbody tr.me{background-color:#fef3c7!important}#timer.warning{color:var(--red);animation:.8s ease-in-out infinite timer-pulse}@keyframes timer-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){#timer.warning{animation:none}}.modal{position:fixed;inset:0;background:0 0;display:flex;justify-content:center;align-items:flex-start;z-index:10}.modal.hidden{display:none}.modal-content{margin-top:120px;background:var(--site-blue-d);border-radius:5px;padding:24px;max-width:90%;text-align:center;box-shadow:0 12px 30px rgba(0,0,0,.12);border-bottom:1px solid #eaeaea}.modal-content p{font-size:17px;margin-bottom:16px}#closeModalBtn,#playAgainBtn{padding:10px 20px;font-size:17px;background-color:var(--site-blue);color:#fff;border:none;border-radius:5px;cursor:pointer;box-shadow:0 12px 30px rgba(0,0,0,.12)}#closeModalBtn:hover,#playAgainBtn:hover{background-color:var(--site-blue);color:#fff}#playAgainBtn{margin-top:20px;background-color:var(--site-blue)}#sharePreview{background:#f8f8f8;padding:12px;border-radius:5px;font:inherit;font-size:17px;white-space:pre-wrap;word-break:break-word;text-align:left;margin:8px auto 12px;line-height:1.5;color:#000}#shareButtons{display:flex;justify-content:center;gap:12px;margin:16px 0}#shareButtons a,#shareButtons button{background:0 0;color:inherit;border:none;padding:0;width:44px;height:44px;display:grid;place-items:center;text-decoration:none;border-radius:5px;cursor:pointer}#shareButtons svg{width:22px;height:22px;fill:#000;transition:fill .2s;display:block}#shareButtons a:focus-visible svg,#shareButtons a:hover svg,#shareButtons button:focus-visible svg,#shareButtons button:hover svg{fill:var(--site-blue)}.actions-right{flex:1;display:flex;justify-content:flex-end}.settings-panel{position:fixed;left:0;right:0;top:0;z-index:1001;max-width:960px;margin:0 auto;background:var(--site-blue-d);border-bottom:1px solid #eaeaea;transform:translateY(-110%);transition:transform 220ms;border-radius:0 0 5px 5px;box-shadow:0 12px 30px rgba(0,0,0,.12)}.settings-panel.open{transform:translateY(0)}.settings-header{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid #f0f0f0}.settings-header h2{margin:0;font-size:17px}.settings-body{padding:12px 14px 16px}.setting-row{display:flex;align-items:center;gap:10px;margin:10px 0;font-size:17px;cursor:pointer}.setting-row input{transform:scale(1.05);accent-color:var(--site-blue)}.settings-backdrop{background:0 0!important;opacity:0!important;transition:none!important}.settings-backdrop.open{opacity:0!important;pointer-events:auto}.hidden{display:none}#copyBtn{display:grid;place-items:center}@media (max-width:600px){body{padding:12px}h1{font-size:24px;text-align:center}#playBtn{font-size:17px;padding:12px 24px;border-radius:5px}#topbar{font-size:14px}.row{gap:3px;margin:4px 0}.letter-tile{font-size:18px}#currentWord{font-size:22px;margin:20px 0 10px;min-height:42px}table td,table th{font-size:14px;padding:6px}#leaderboard{font-size:14px}}@media (max-width:350px){:root{--page-pad:8px}#currentWord{min-height:35px}}.site-footer{width:100%;margin-top:20px;padding:10px 12px;text-align:center;color:#666;font-size:.85em}.site-footer .footer-inner{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.site-footer .sep{opacity:.5}.site-footer a{color:#000;text-decoration:none;font-weight:600}.site-footer a:focus,.site-footer a:hover{color:var(--site-blue);text-decoration:underline}#msg{align-items:center;justify-content:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s}#msg:empty{opacity:0}#wordList li{padding:4px 8px;font-size:14px;line-height:1.3;border-bottom:0!important}#wordList li+li{margin-top:4px}#endMessage .end-title{font-size:clamp(22px, 5.5vw, 30px);font-weight:700;line-height:1.2;margin:0 0 6px;color:#000}#endMessage .end-subtitle{font-size:17px;font-weight:400;margin:0 0 10px;color:#2d5a7a}#currentWord,#msg{display:none;height:0;min-height:0;margin:0;padding:0}.in-game #currentWord{display:flex;min-height:48px;height:auto}.in-game #msg{display:flex;align-items:center;justify-content:center;height:28px;min-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s}.in-game #msg:empty{opacity:0}@media (display-mode:standalone){body{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}}.pwa #appHeader{position:sticky;top:0}.header-logo img{width:240px;height:60px;display:block;object-fit:contain}@media (max-width:340px){.header-logo img{width:200px;height:50px}}#playAgainBtn[disabled],#playBtn.locked,#playBtn[disabled]{background:#f3f3f3!important;color:#000!important;border:1px solid #e4e4e4;cursor:not-allowed;box-shadow:none}#playAgainBtn[disabled]:hover,#playBtn.locked:hover,#playBtn[disabled]:hover{background:#f3f3f3!important;color:#000!important}#blitzBtn{padding:12px 24px;font-size:17px;border-radius:5px;cursor:pointer;margin:6px 12px 0;background:#f3f3f3;color:#000;border:1px solid #e4e4e4;box-shadow:0 6px 20px rgba(0,0,0,.08)}#blitzBtn:hover{background:#eaeaea}#streakLanding{font-weight:700;color:#2d2d2d}#endMessage .end-best{font-weight:400;margin:6px 0 4px;color:#000}.blitz-card{width:100%;max-width:600px;margin-top:30px;padding:12px 14px;background:var(--site-blue-d);border:1px solid #e4e4e4;border-radius:12px;box-shadow:0 10px 24px rgba(0,0,0,.08);text-align:center}.blitz-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.blitz-title{font-weight:600;font-size:17px}.blitz-best{font-weight:600;background:#fff;border:1px solid #eaeaea;border-radius:5px;padding:3px 10px;color:#111;box-shadow:0 6px 20px rgba(0,0,0,.06)}.blitz-sub{margin:0 0 10px;font-size:14px;color:#2d2d2d}.blitz-card #blitzBtn{background:var(--site-blue);color:#fff;border:1px solid var(--site-blue);border-radius:5px;padding:10px 18px}.blitz-card #blitzBtn:hover{background:var(--site-blue);color:#fff}@media (max-width:360px){.blitz-top{flex-direction:column;gap:4px}}.blitz-best.flash{animation:.6s blitz-pop}@keyframes blitz-pop{0%{transform:scale(1);box-shadow:0 0 0 transparent}40%{transform:scale(1.08);box-shadow:0 8px 22px rgba(0,0,0,.12)}100%{transform:scale(1);box-shadow:0 6px 20px rgba(0,0,0,.06)}}