:root{font-family:"Nunito",system-ui,sans-serif;color:#352b24;background:#6b503a;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button{cursor:pointer}button:focus-visible,select:focus-visible{outline:3px solid #255b81;outline-offset:2px}.hidden{display:none!important}.world{min-height:100vh;background:radial-gradient(circle at 60% 20%,#e4b97b 0,#aa7149 58%,#685039 100%);position:relative;overflow:hidden}.world:before{content:"";position:absolute;inset:0;opacity:.16;background:repeating-linear-gradient(110deg,transparent 0 68px,#6b4032 69px 71px);pointer-events:none}.world:after{content:"";position:absolute;left:0;right:0;bottom:0;height:20vh;background:linear-gradient(transparent,#5e3d2e66);pointer-events:none}header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;height:56px;padding:8px 21px}header a{color:#fff5df;text-decoration:none;font-weight:1000;text-shadow:0 2px #60472b}header button,.settings button{border:2px solid #745136;color:#3c3d2a;background:#fff0c9;border-radius:9px;padding:7px 11px;font-weight:900;box-shadow:2px 3px 0 #6b4734}main{position:relative;z-index:1;display:grid;grid-template-columns:minmax(320px,690px) minmax(260px,355px);gap:clamp(20px,4vw,60px);justify-content:center;align-items:center;min-height:calc(100vh - 56px);padding:15px 24px 40px}.journal{width:min(100%,71vh);justify-self:center;background:#fcf4dc;border:12px solid #976942;border-radius:16px;box-shadow:0 15px 30px #291c1880,inset 0 0 0 3px #e5c793;padding:14px}.journal-head{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:0 1px 10px;font-weight:1000;color:#715134}.journal-head strong{font-family:"Baloo 2",system-ui;font-size:1.25rem;color:#325c56}.journal-head #timer{min-width:60px;text-align:right}#grid{display:grid;grid-template-columns:repeat(12,1fr);width:100%;aspect-ratio:1;background:#fffaf0;border:3px solid #ad8b60;border-radius:6px;touch-action:none;user-select:none;overflow:hidden}.tile{border:1px solid #eadbc2;background:#fffaf0;color:#3b493f;padding:0;font-family:"Nunito",system-ui;font-size:clamp(12px,2.3vw,23px);font-weight:1000;display:grid;place-items:center;min-width:0;line-height:1}.tile:hover{background:#f5e9b6}.tile.preview{background:#ffe39d}.tile.start{outline:3px solid #d16446;outline-offset:-3px}.tile.found0,.word.found0{background:#eb9c76}.tile.found1,.word.found1{background:#add4b9}.tile.found2,.word.found2{background:#e6c979}.tile.found3,.word.found3{background:#b5cbe9}.tile.found4,.word.found4{background:#dbbae3}.tile.found5,.word.found5{background:#f1bebf}.tile.hint{animation:glow 1s infinite alternate}@keyframes glow{to{box-shadow:inset 0 0 0 5px #e48638;background:#fff3b5}}.instruction{text-align:center;color:#72553a;font-weight:800;font-size:.83rem;margin-top:8px;min-height:20px}aside{max-width:355px}.brand{display:flex;align-items:center;gap:2px;color:#fff4de;text-shadow:0 3px #593a29}.brand img{object-fit:contain;width:110px;height:145px;filter:drop-shadow(2px 6px 4px #49352788);animation:bob 3s infinite ease-in-out}@keyframes bob{50%{transform:translateY(-6px) rotate(3deg)}}.brand h1{font-family:"Baloo 2",system-ui;font-size:clamp(1.8rem,3vw,2.5rem);line-height:1;margin:0}.brand p{font-size:.81rem;font-weight:900;margin:4px 0}.words-card{background:#fff6dc;border:5px solid #8b6442;border-radius:11px;box-shadow:0 7px 0 #604430;padding:13px 14px}.words-card h2{font:900 1.35rem "Baloo 2",system-ui;margin:0 0 9px;color:#6c5036}#word-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.word{background:#fffdf4;border:1px solid #c9ae86;border-radius:7px;padding:6px 7px;font-size:.8rem;font-weight:1000;overflow-wrap:anywhere;text-align:center}.word.done{text-decoration:line-through;color:#5e5e4a}.tools{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:19px}.tools button,.modes button{background:#f8e8bb;border:2px solid #74543e;border-radius:10px;color:#4b382d;padding:11px;font-weight:1000;box-shadow:2px 4px 0 #6d4e38}.tools button:hover,.modes button:hover{transform:translateY(-2px)}.record{display:flex;justify-content:space-between;color:#fff4df;font-weight:900;margin-top:20px;text-shadow:0 1px #63452e}.settings{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:17px;color:#fff4df;font-weight:900;font-size:.8rem}.settings select{max-width:125px;border:2px solid #775439;border-radius:8px;padding:7px;background:#fff4d5}.overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#302a1eb8;backdrop-filter:blur(4px);padding:15px;overflow:auto}.card{width:min(96vw,490px);background:#fff5db;border:8px solid #926644;border-radius:18px;box-shadow:0 22px 45px #23170d9c,inset 0 0 0 2px #fffcef;text-align:center;padding:16px clamp(15px,4vw,28px) 25px}.menu-quokka{height:150px;max-width:45%;object-fit:contain;filter:drop-shadow(0 4px 3px #ad8d6a66)}.card h2{font:900 2rem/1.05 "Baloo 2",system-ui;color:#654328;margin:4px 0}.card p{margin:6px auto 14px;line-height:1.35}.pick{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:16px 0;font-weight:900}.pick select{width:58%;background:#fffdf2;border:2px solid #97704c;border-radius:9px;padding:8px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modes button:first-child{grid-column:span 2;background:#e5c28e}.modes button:last-child.hidden{display:none}.tip{font-size:.82rem;color:#7b6248}.result img{height:125px;object-fit:contain}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:8;background:#315d50;color:#fff8df;border-radius:22px;padding:10px 18px;font-weight:900;box-shadow:0 4px 15px #30241570;text-align:center;max-width:90vw}@media(max-width:850px){main{grid-template-columns:1fr;gap:17px;min-height:0}.journal{width:min(100%,66vh)}aside{max-width:620px;width:100%;justify-self:center}.brand{justify-content:center}.brand img{height:95px;width:80px}.words-card{padding:10px}.word{font-size:.75rem}}@media(max-width:520px){header{height:44px;padding:5px 10px}main{padding:4px 10px 30px;gap:12px}.journal{width:min(100%,54vh);border-width:7px;padding:6px}.journal-head{font-size:.73rem;margin:0 0 4px}.journal-head strong{font-size:.95rem}.tile{font-size:clamp(10px,2.8vw,16px)}.instruction{font-size:.7rem}.brand{justify-content:flex-start}.brand img{height:80px;width:65px}.brand h1{font-size:1.45rem}.brand p{font-size:.7rem}.words-card h2{font-size:1.1rem}.word{font-size:.7rem;padding:5px}.tools,.record,.settings{margin-top:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
#theme-label{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}