*{box-sizing:border-box}body{background:var(--background);margin:0;font-family:system-ui,Arial,sans-serif}.app{--bg:#f0f5f7;--card:#fff;--text:#101820;--muted:#344653;--line:#a9bec9;--soft:var(--brand-soft);--green:var(--brand-link);background:var(--bg);color:var(--text);flex-direction:column;width:100%;min-width:0;min-height:100dvh;margin:auto;font-size:18px;display:flex}.app.dark{--bg:#101c27;--card:#20303e;--text:#f5f8fb;--muted:#c0d0db;--line:#526779;--soft:var(--brand-soft);--green:var(--brand-link)}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline:3px solid var(--brand-focus);outline-offset:2px}header{background:var(--brand-primary);color:var(--brand-on-primary);justify-content:space-between;align-items:center;padding:16px;display:flex}header small{font-size:11px;display:block}header button{color:var(--brand-on-primary);background:var(--brand-header-control);border:1px solid var(--brand-header-border);border-radius:12px;margin-left:5px;padding:9px 12px}main{flex:1;padding:16px}h1{margin:6px 0 12px;font-size:25px}h2{margin:0 0 12px;font-size:22px}p{margin:8px 0 14px;line-height:1.5}.muted{color:var(--muted);font-size:.85em}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.tile,.card{background:var(--card);border:2px solid var(--line);color:var(--text);border-radius:16px}.tile{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:130px;padding:17px 7px;display:flex}.tile b{font-size:1em}.tile small{color:var(--muted);font-size:13px}.card{margin:12px 0;padding:16px}.primary{background:var(--brand-primary);color:var(--brand-on-primary);border:0;border-radius:11px;padding:13px 15px;font-weight:700}.dark .primary{background:var(--brand-button);color:var(--brand-on-button)}.secondary{background:var(--soft);color:var(--text);border:1px solid var(--line);border-radius:11px;padding:11px 14px;font-weight:650}.choice{text-align:left;background:var(--card);width:100%;color:var(--text);border:2px solid var(--line);border-radius:12px;margin:9px 0;padding:13px;display:block}.correct{background:var(--success-bg)!important;color:var(--success-text)!important}.wrong{background:var(--error-bg)!important;color:var(--error-text)!important}.feedback{background:var(--soft);border-radius:10px;margin:12px 0;padding:12px}nav{background:var(--card);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);gap:3px;padding:7px 4px;display:grid;position:sticky;bottom:0}nav button{color:var(--text);background:0 0;border:0;border-radius:9px;padding:7px 0;font-size:11px}nav button span{font-size:23px;display:block}nav .active{background:var(--soft);font-weight:800}.memory{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.memory button{aspect-ratio:1;border:2px solid var(--line);background:var(--card);color:var(--text);border-radius:10px;font-size:30px}.sudoku{border:3px solid var(--text);grid-template-columns:repeat(4,1fr);max-width:300px;margin:18px auto;display:grid}.sudoku button{aspect-ratio:1;border:1px solid var(--line);background:var(--card);color:var(--text);font-size:24px;font-weight:700}.sudoku button.fixed{background:var(--soft)}.sudoku button:nth-child(2n){border-right:2px solid var(--text)}.sudoku button:nth-child(n+5):nth-child(-n+8){border-bottom:3px solid var(--text)}input[type=text],input[type=tel]{background:var(--card);width:100%;color:var(--text);border:2px solid var(--line);border-radius:10px;margin:7px 0 13px;padding:12px}input[type=range]{width:100%;accent-color:var(--brand-button)}a{color:var(--green)}.contact-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.contact-grid a{background:var(--card);border:1px solid var(--line);text-align:center;color:var(--text);border-radius:12px;padding:16px 5px;text-decoration:none}.contact-grid a strong{color:var(--green);font-size:28px;display:block}#status{font-weight:650}.daily-list h3{color:var(--text);margin:14px 0 8px;font-size:1.03em}.daily-list p{margin:8px 0 14px;line-height:1.55}.daily-list .muted{border-top:1px solid var(--line);padding-top:12px}.app{font-size:calc(18px * var(--font-scale,1))}header strong{font-size:calc(26px * var(--font-scale,1))}header small{font-size:calc(11px * var(--font-scale,1))}h1{font-size:calc(25px * var(--font-scale,1))}h2{font-size:calc(22px * var(--font-scale,1))}.tile small{font-size:calc(13px * var(--font-scale,1))}.emoji{font-size:calc(32px * var(--font-scale,1))}nav button{font-size:calc(11px * var(--font-scale,1));min-height:48px}nav button span{font-size:calc(23px * var(--font-scale,1))}.memory button{font-size:calc(30px * var(--font-scale,1))}.sudoku button{font-size:calc(24px * var(--font-scale,1))}.contact-grid a strong{font-size:calc(28px * var(--font-scale,1))}.contact-grid a small{font-size:calc(12px * var(--font-scale,1))}button{min-height:44px}.wordgrid{grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin:12px 0;display:grid}.wordgrid button{border:2px solid var(--line);background:var(--soft);min-width:0;min-height:45px;color:var(--text);border-radius:8px;padding:0;font-weight:700}.action-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}select,input[type=date]{background:var(--card);width:100%;color:var(--text);border:2px solid var(--line);font:inherit;border-radius:10px;margin:7px 0 13px;padding:12px}.day-entry{overflow-wrap:anywhere}.app{overflow-wrap:break-word}nav{grid-template-columns:repeat(5,minmax(0,1fr))}.wordgrid{grid-template-columns:repeat(10,minmax(0,1fr));gap:2px}.wordgrid button{aspect-ratio:1;touch-action:manipulation;border-width:1px;border-radius:5px;min-height:31px;padding:0;font-size:clamp(12px,3.5vw,18px)}.wordgrid button.selected{background:var(--brand-selected);color:var(--brand-selected-text);border-color:var(--brand-emphasis)}.wordgrid button.found{background:var(--success-bg);color:var(--success-text);border-color:var(--success-border)}.search-words{flex-wrap:wrap;gap:8px;margin:8px 0;display:flex}.search-words span{border:1px solid var(--line);border-radius:8px;padding:5px 9px;font-size:.82em;font-weight:700}.search-words .solved{background:var(--success-bg);color:var(--success-text);text-decoration:line-through}.memory-options{grid-template-columns:repeat(3,1fr);gap:5px;margin:12px 0;display:grid}.memory-options button{padding:8px 3px;font-size:.78em}.page-back{justify-content:center;align-items:center;min-height:48px;margin:0 0 12px;padding:10px 18px;font-weight:700;display:inline-flex}nav{overscroll-behavior-x:contain;scrollbar-width:thin;scroll-snap-type:x proximity;touch-action:pan-x;flex-shrink:0;grid-template-columns:none;gap:5px;padding:8px 8px 10px;display:flex;overflow:auto hidden}nav button{scroll-snap-align:start;touch-action:pan-x;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;white-space:nowrap;flex:0 0 78px;min-width:78px;min-height:60px;position:relative}nav button span{pointer-events:none}nav button.nav-dragging{opacity:.55;outline:3px dashed var(--green);outline-offset:-3px;transform:scale(.96)}nav button.nav-drop-target{box-shadow:inset 0 0 0 3px var(--green)}nav.nav-reordering{scroll-snap-type:none;touch-action:none}nav.nav-reordering button{touch-action:none}.memory-options{flex-wrap:wrap;gap:8px;margin:12px 0 18px;display:flex}.memory-options button{flex:none;min-width:75px}.memory{grid-template-columns:repeat(4,minmax(0,1fr))}.memory button{min-width:0;min-height:58px}.wordgrid{touch-action:none;-webkit-user-select:none;user-select:none}.wordgrid button{touch-action:none}.app-searchbar{align-items:center;gap:6px;display:flex}.app-searchbar input{flex:1;min-width:0}.memory button{aspect-ratio:1;min-height:0;font-size:clamp(22px,7vw,34px)}.memory-difficulty{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.memory-difficulty button{min-width:0;padding:12px 4px;font-weight:700}.memory-difficulty small{margin-top:4px;font-size:.85em;display:block}.memory button{border-width:2px}.memory button:focus-visible{outline:3px solid var(--brand-focus);outline-offset:1px}.feedback{border:2px solid var(--line);font-weight:650;line-height:1.5}.search-words span.solved{font-weight:700;text-decoration:line-through}@media (width<=340px){.memory-difficulty{grid-template-columns:1fr}}#memory-theme{background:var(--card);width:100%;min-height:50px;color:var(--text);border:2px solid var(--line);font:inherit;border-radius:10px;margin-top:10px;padding:12px}.memory,.memory.large{grid-template-columns:repeat(4,minmax(0,1fr))!important}.memory button{aspect-ratio:1;min-width:0;min-height:0;font-size:clamp(21px,6vw,34px)}.game-pause-message{border:2px solid var(--line);border-radius:10px;padding:12px;font-weight:700}.is-paused{opacity:.55;pointer-events:none}#game-save-notice{background:var(--soft);border:2px solid var(--line);border-radius:12px;margin:8px 0;padding:12px;font-weight:700}.action-row{flex-wrap:wrap;gap:8px;display:flex}.action-row button{flex:auto}.nav-editor-row{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px 0;display:flex}.nav-editor-row span{flex:1;min-width:0;font-weight:600}.nav-editor-row button{min-width:50px;min-height:48px}.app{min-height:100dvh}.app header{padding:calc(16px + env(safe-area-inset-top,0px)) max(12px,env(safe-area-inset-right,0px)) 16px max(12px,env(safe-area-inset-left,0px));grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.app header>div:first-child{min-width:0}.app header>div:last-child{flex-shrink:0;gap:5px;display:flex}.app header button{flex-shrink:0;margin-left:0}.brand-plus{color:var(--brand-mark)}.premium-crown{white-space:nowrap;font-size:.6em}.premium-crown[hidden]{display:none}.app main{width:100%;min-width:0;padding:16px max(12px,env(safe-area-inset-right,0px)) 16px max(12px,env(safe-area-inset-left,0px))}.app nav{width:100%;min-width:0;max-width:100%;padding-left:max(8px,env(safe-area-inset-left,0px));padding-right:max(8px,env(safe-area-inset-right,0px));padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}.app nav button{flex-basis:auto;min-width:78px;padding-left:8px;padding-right:8px}.app .primary{background:var(--brand-button);color:var(--brand-on-button)}.app .grid>*{min-width:0}.app .tile b,.app .tile small{overflow-wrap:anywhere;max-width:100%}.app .memory-difficulty button{overflow-wrap:anywhere}.app .sudoku{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;max-width:300px}.app .wordgrid{grid-template-columns:repeat(10,minmax(0,1fr));width:100%}.app .wordgrid button{min-width:0;min-height:0;font-size:calc(16px * var(--font-scale,1));aspect-ratio:1}.app .memory button{font-size:calc(28px * var(--font-scale,1))}.app input,.app select{min-width:0;max-width:100%}.app .app-searchbar{grid-template-columns:minmax(0,1fr) auto;display:grid}.app .action-row button{overflow-wrap:anywhere;min-width:0}.app .nav-editor-row{grid-template-columns:minmax(0,1fr) auto auto;display:grid}.app .nav-editor-row button{min-width:44px;padding:8px}@media (width<=340px){.app header{gap:4px}.app header button{padding:8px}.app .wordgrid button{font-size:calc(13px * var(--font-scale,1))}}html,body,#root{width:100%;min-width:0;max-width:100%;margin:0}body{overflow-x:clip}#root{min-height:100dvh}.app{width:100%;min-width:0;max-width:none;margin:0;overflow-x:clip}.app header,.app main,.app nav{box-sizing:border-box;min-width:0;max-width:100%}.app header{width:100%}.app .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app .tile,.app .card{overflow-wrap:anywhere;min-width:0}.app nav{overscroll-behavior-x:contain;overflow:auto hidden}.app .wordgrid button{font-size:clamp(10px,3.2vw,17px);line-height:1}@media (width<=360px){.app main{padding-left:10px;padding-right:10px}.app .grid{gap:7px}.app .tile{min-height:116px;padding:12px 4px}.app .wordgrid{gap:1px}.app .wordgrid button{font-size:clamp(10px,3vw,14px)}}.app .tile[data-page=premium]{color:#fff8e2;background:linear-gradient(145deg,#765016,#b17c23);border-color:#d9a32c;box-shadow:0 0 0 2px #ffca494d}.app .tile:has([data-page=premium]){color:#fff8e2;background:linear-gradient(145deg,#765016,#b17c23);border-color:#d9a32c;box-shadow:0 0 0 2px #ffca494d}.app .tile[data-page=premium] small{color:#fff4d2}.app nav button.premium-highlight{border:1px solid #f7d77d;font-weight:800;color:#1d1607!important;background:linear-gradient(160deg,#b77a18,#e6b646)!important}.app header #theme{color:#fff;background:#081523;border-color:#7d8c9b;min-width:45px;font-size:21px}.app header #weather{white-space:normal;overflow-wrap:anywhere;max-width:140px;padding:8px;font-size:12px;line-height:1.2}.app header .app-version{opacity:.9;margin-top:3px;font-size:11px;font-weight:700}.app header>div:last-child{align-items:center}.app .memory-options button:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.35)}@media (width<=390px){.app header{padding-left:10px;padding-right:10px}.app header strong{font-size:23px}.app header #weather{max-width:90px;padding:6px 4px;font-size:10px}.app header button{padding:8px}}.app .tile.tile-premium{color:#fff8e2;background:linear-gradient(145deg,#765016,#b17c23);border-color:#d9a32c;box-shadow:0 0 0 2px #ffca494d}.app .tile.tile-premium small{color:#fff4d2}.brand-logo-wrap{align-items:center;gap:4px;display:inline-flex}.brand-logo{background:#fff;border-radius:9px;width:clamp(135px,37vw,195px);height:auto;padding:3px;display:block}header{align-items:center}.showgame .show-choice{text-align:left;white-space:normal;width:100%;min-height:50px;margin:8px 0;display:block}.showgame .show-choice:disabled{opacity:.75}.showgame .show-choice.correct{border:3px solid #46b77a}.showgame .show-choice.wrong{border:3px solid #e66b6b}.showgame .island-grid{grid-template-columns:repeat(4,1fr);gap:7px;margin:14px 0;display:grid}.showgame .island-cell{color:#122a42;background:#dae8f0;border:2px solid #8197a4;border-radius:12px;min-height:58px;padding:5px;font-size:18px;font-weight:700}.showgame .island-cell.done{background:#a4e0ad}.showgame .island-cell.active{border:3px solid #c98b12}.showgame .show-status{color:#16334b;background:#dcecf3;border-radius:12px;margin:10px 0;padding:12px}.showgame .show-title{font-size:1.5em}.showgame .show-points{font-weight:700}.showgame .show-choice:focus-visible,.showgame .island-cell:focus-visible{outline-offset:2px;outline:3px solid #f2bd3b}.showgame .show-progress{background:#a4b7c4;border-radius:20px;height:12px;margin:10px 0 18px;overflow:hidden}.showgame .show-progress>div{background:#6fbd00;height:100%;transition:width .2s}.showgame .island-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.showgame .island-cell{min-height:54px;font-size:15px}.showgame .letter-slots,.showgame .letter-bank{flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0;display:flex}.showgame .letter-slot,.showgame .letter-chip{color:#132d47;touch-action:manipulation;background:#f6fbff;border:2px solid #7895a9;border-radius:10px;min-width:42px;min-height:52px;padding:6px 8px;font-size:24px;font-weight:800}.showgame .letter-slot{background:#dcebf4;border-style:dashed}.showgame .letter-chip{background:#fff3c8;border-color:#bc8d22}.showgame .letter-chip:disabled{opacity:.25}.showgame .letter-slot:focus-visible,.showgame .letter-chip:focus-visible{outline-offset:2px;outline:3px solid #f3a100}.showgame .show-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.app header .brand-logo{background:0 0!important;border-radius:0!important;padding:0!important}.app header #theme svg{margin:auto;display:block}.app header #weather{overflow-wrap:normal;word-break:normal;max-width:170px;min-height:48px}.app button{min-height:44px}.app .tile{min-height:130px}.app .showgame .show-choice,.app .showgame .letter-slot,.app .showgame .letter-chip{min-height:48px}@media (width<=390px){.app header #weather{max-width:115px;font-size:11px}}.app.dark header #theme{color:#082844!important;background:#a8ddff!important;border-color:#e3f5ff!important}.app.dark header #theme svg{fill:#082844}.app header .brand-logo{object-fit:contain;object-position:left center;width:clamp(125px,35vw,195px);height:auto;max-height:108px}.app header .brand-logo-wrap{max-width:100%}.app .joke-card{margin:14px 0}.app .joke-card p{font-size:1.05em}.app .joke-card button{min-height:48px}.app .voice-choice{border:2px solid var(--line);background:var(--card);width:100%;color:var(--text);border-radius:10px;margin:8px 0;padding:12px}.feedback-page .card{flex-direction:column;gap:12px;max-width:680px;display:flex}.feedback-page label,.feedback-page legend{font-weight:700}.feedback-page textarea,.feedback-page input:not([type=checkbox]){box-sizing:border-box;width:100%;font:inherit;background:var(--card);color:var(--text);border:2px solid #8b9ca9;border-radius:9px;padding:12px}.feedback-stars{border:0;margin:0;padding:0}.feedback-star-row{flex-wrap:wrap;gap:5px;display:flex}.feedback-star{min-width:50px;min-height:52px;line-height:1;color:#d59a00!important;background:0 0!important;border:1px solid #0000!important;padding:2px!important;font-size:36px!important}.feedback-star:focus-visible{outline-offset:2px;outline:3px solid #1565c0!important}.feedback-consent{align-items:flex-start;gap:10px;display:flex;font-weight:400!important}.feedback-consent input{flex-shrink:0;width:23px;height:23px}
