:root{font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;color:#274235;background:#f7f5ef;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #dc854d;outline-offset:3px}main{max-width:960px;margin:auto;padding:max(20px,env(safe-area-inset-top)) 22px max(24px,env(safe-area-inset-bottom))}header{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:1px}.brand{color:#276249}#score{letter-spacing:0;background:#e7eddb;border-radius:30px;padding:9px 14px;white-space:nowrap}.intro{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:22px 0 17px}.eyebrow{font-size:10px;letter-spacing:2px;color:#798a75;font-weight:800}h1{font-size:clamp(27px,4vw,40px);line-height:1.1;letter-spacing:-1.4px;margin:5px 0 0}h1 em{font-style:normal;color:#478869}.intro p{font-size:13px;line-height:1.5;color:#718173;max-width:180px;margin:0}.controls{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:15px}nav{display:flex;gap:7px}nav button{border:1px solid #d9e0d5;background:#fffdf8;color:#637469;border-radius:13px;padding:10px 13px;font-size:13px;font-weight:750;min-height:46px;white-space:nowrap}nav button.active{background:#285d48;border-color:#285d48;color:white;box-shadow:0 3px 0 #1e4838}nav small{display:block;font-size:10px;font-weight:500;margin-top:2px;opacity:.75}.modes button{font-size:14px}.board-card{background:#e8eee3;border:1px solid #d7e0d2;border-radius:23px;padding:20px;box-shadow:0 6px 0 #dbe3d6;transition:background .4s,box-shadow .4s}.board-card.win{background:#e5f4df;box-shadow:0 6px 0 #bfd9bb,0 0 30px #a8d19b66}.board-top{display:flex;justify-content:space-between;gap:12px;color:#597053;font-size:10px;font-weight:850;letter-spacing:1.2px;margin-bottom:17px}.board-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#abc3a9 transparent}#board{display:grid;gap:4px;margin:auto;width:100%;max-width:780px}#board[data-kind=Crossword]{min-width:450px}#board[data-kind=Classic]{max-width:650px}.cell{appearance:none;border:2px solid transparent;border-radius:13px;aspect-ratio:1;width:100%;min-width:0;min-height:0;background:#fffefa;box-shadow:0 4px 0 #c8d4c0;display:flex;align-items:center;justify-content:center;color:#294d3b;font-size:clamp(26px,5vw,53px);font-weight:800;position:relative;z-index:1;transition:background .18s,border-color .18s,transform .18s}.cell.blank{border:2px dashed #9caf9a;background:#f9fbf4}.cell.filled{background:#dceecf;border:2px solid #a3c597}.cell.selected{background:#ffe8b6;border:3px solid #d98b3f;box-shadow:0 4px 0 #c97b37,0 0 0 4px #fcecc8}.cell.wrong{background:#ffe0db;border:3px solid #d46b62;box-shadow:0 4px 0 #c7786c}.cell.correct{background:#d2eeca;border-color:#81b778}.cell.arrive{animation:pop-in .36s cubic-bezier(.2,1.6,.4,1)}.cell.arrive.wrong{animation:shake .38s ease}.symbol{display:flex;align-items:center;justify-content:center;color:#617d5b;font-size:clamp(20px,3.4vw,33px);font-weight:800;line-height:1;background:#d1ddc9;transition:background .2s,color .2s}.symbol.across{height:38%;min-height:28px;align-self:center}.symbol.down{width:38%;min-width:25px;justify-self:center;height:100%;min-height:30px}.symbol.solved{background:#a8d6a0;color:#285c42}.symbol.wrong{background:#edaaa1;color:#8a322d}.void{display:block;min-width:0;min-height:0}#board[data-kind=Crossword] .void.block{background:#cad7c8;border-radius:12px;box-shadow:inset 0 2px 4px #b5c9b2}.board-card.win .symbol.solved{animation:success-glow .8s ease-in-out 2}#message{min-height:24px;text-align:center;font-size:14px;font-weight:650;color:#657966;margin-top:18px;line-height:1.5}#message.error{color:#aa4f48}#message.success{color:#287451}#message.tip{color:#815f33}.tray-section{margin-top:24px}.tray-title{display:flex;justify-content:space-between;gap:12px;font-size:11px;letter-spacing:1px;font-weight:850;margin-bottom:12px}.tray-title span{font-size:11px;font-weight:400;letter-spacing:0;color:#899588}#tray{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}#tray button{min-width:64px;width:clamp(64px,10vw,91px);height:62px;background:#f8dfaa;border:1px solid #e3b465;border-bottom:4px solid #d4a45d;border-radius:13px;color:#654b2a;font-size:26px;font-weight:800;transition:transform .15s,background .15s}#tray button:not(:disabled):active{transform:translateY(3px);border-bottom-width:1px}#tray button:disabled{opacity:.2;cursor:default}footer{display:flex;gap:10px;margin-top:21px}footer button{min-height:47px;border:1px solid #d6ded2;background:#fffefa;color:#41644b;border-radius:13px;padding:9px 16px;font-size:13px;font-weight:700}footer button:disabled{opacity:.4;cursor:default}footer button:last-child{margin-left:auto;background:#285d48;color:white;border-color:#285d48}.note{text-align:center;color:#939e90;font-size:11px;margin:17px 0 0}dialog{width:min(360px,90vw);border:1px solid #d7e0d2;border-radius:20px;padding:24px;color:#294f40;box-shadow:0 25px 80px #263e3540}dialog::backdrop{background:#20392f77}dialog h2{margin:0;font-size:22px}dialog p{color:#647568}dialog button{padding:12px;border-radius:10px;border:1px solid #bbcbb7;background:#e4eedc;margin-right:8px}#celebration{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:20}#celebration i{position:absolute;top:-25px;width:10px;height:18px;border-radius:2px;animation:confetti-fall 2.6s ease-in forwards;transform:rotate(20deg)}@keyframes pop-in{0%{transform:scale(.82)}65%{transform:scale(1.1)}100%{transform:scale(1)}}@keyframes shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}50%{transform:translateX(5px)}75%{transform:translateX(-3px)}}@keyframes confetti-fall{0%{transform:translate(0,-30px) rotate(0);opacity:1}100%{transform:translate(var(--drift),105vh) rotate(750deg);opacity:0}}@keyframes success-glow{50%{background:#79bc84;transform:scale(1.05)}}@media(max-width:700px){main{padding:18px 14px 24px}.intro{margin:18px 0 14px}.intro p{display:none}.controls{display:block}.modes{margin-bottom:9px}.modes button{flex:1}.levels button{flex:1;padding:8px 4px;font-size:12px}.board-card{padding:14px}.cell{font-size:clamp(26px,6vw,43px)}#tray button{min-width:56px;height:58px;font-size:24px}#board[data-kind=Classic]{max-width:100%}}@media(max-width:420px){h1{font-size:24px}header{font-size:10px}.board-card{padding:12px}.board-top{font-size:9px}#board[data-kind=Crossword]{min-width:430px}.tray-title span{font-size:10px}footer button{padding:9px 11px}}@media(min-width:900px) and (orientation:landscape){main{max-width:1180px;display:grid;grid-template-columns:.65fr 1.35fr;gap:13px 30px}.intro{grid-column:1;grid-row:2;display:block;align-self:end}.intro p{margin-top:12px}.controls{grid-column:1;grid-row:3;display:block;align-self:start}.modes,.levels{margin-bottom:9px}.modes button,.levels button{flex:1}.board-card{grid-column:2;grid-row:2/7;align-self:start}.tray-section{grid-column:1;margin-top:0}footer{grid-column:1;flex-wrap:wrap;margin-top:0}footer button:last-child{margin-left:0}.note{grid-column:1;align-self:start;margin:0}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}#celebration{display:none}}