:root{font-family:"Nunito",system-ui,sans-serif;color:#332b25;background:#574536}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #427482;outline-offset:2px}.hidden{display:none!important}.world{min-height:100vh;background:radial-gradient(circle at 50% 20%,#c6a477,#8d684b 63%,#4a392e);position:relative;overflow:hidden}.world:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 94px,#3c2a2a0e 95px 96px);pointer-events:none}header{height:54px;padding:7px 18px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}header a{color:#fff7e5;font-weight:1000;text-decoration:none;text-shadow:0 2px #544037}header button,.settings button{background:#f4e3be;border:2px solid #75583c;border-radius:8px;padding:7px 11px;color:#55412c;font-weight:900;box-shadow:2px 3px #4d392a}main{position:relative;display:grid;grid-template-columns:minmax(320px,660px) minmax(250px,430px);gap:clamp(18px,4vw,54px);justify-content:center;align-items:start;padding:15px 20px 40px}.paper{background:#fff7e6;border:12px solid #d2b78e;box-shadow:0 14px 30px #281f1a88,inset 0 0 0 2px #fff;padding:15px;max-width:660px;width:100%}.paper-head{display:flex;justify-content:space-between;align-items:center;font-weight:1000;color:#725538;margin-bottom:9px}.paper-head strong{font:900 1.4rem "Baloo 2",system-ui;color:#304e55}#grid{display:grid;aspect-ratio:1;width:min(100%,62vh);margin:auto;background:#28251f;border:3px solid #3e332d}.cell{min-width:0;min-height:0;position:relative;border:1px solid #606260;background:#fffef7;color:#242b31;padding:0;display:grid;place-items:center;font-size:clamp(11px,2.3vw,24px);font-weight:1000;line-height:1}.cell.block{background:#333536;border:0;pointer-events:none}.cell.selected{background:#f7d78a}.cell.active{background:#e4f0eb}.cell.active.selected{background:#ffd676}.cell.revealed{color:#855a27}.cell.wrong{background:#f2b3aa}.cell .number{position:absolute;top:1px;left:2px;font-size:clamp(6px,.65vw,10px);line-height:1;color:#5d5d59}.entry{margin-top:16px;padding:12px;background:#f5ecd4;border:2px solid #d9c296;border-radius:8px}.entry #active-clue{font-weight:1000;min-height:24px;color:#405c5b}.entry label{display:block;font-weight:900;font-size:.8rem;margin:9px 0 4px}.entry input{width:100%;border:2px solid #957b5b;border-radius:8px;padding:9px 12px;text-transform:uppercase;background:#fffdf5;font-weight:900;font-size:1.1rem}.entry p{margin:6px 0 0;font-size:.76rem;color:#76634a}aside{color:#fff6e5}.brand{display:flex;align-items:center;gap:10px}.brand img{height:135px;width:100px;object-fit:contain;filter:drop-shadow(2px 6px 4px #39251a99);animation:bob 3s ease-in-out infinite}@keyframes bob{50%{transform:translateY(-5px) rotate(2deg)}}.brand h1{font:900 2.2rem/1 "Baloo 2",system-ui;margin:0}.brand p{margin:5px 0;font-size:.85rem;font-weight:900}.clues{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-height:47vh;overflow:auto;margin-top:8px}.clues>div{background:#f7eed9;border:4px solid #684c37;border-radius:10px;padding:10px;color:#43372f}.clues h2{font:900 1.25rem "Baloo 2",system-ui;margin:0 0 5px}.clue{display:block;width:100%;text-align:left;border:0;border-radius:5px;background:transparent;padding:7px;font-size:.82rem;line-height:1.2;color:#4c3f34;font-weight:800}.clue:hover,.clue.active{background:#ddcba7}.clue.done{text-decoration:line-through;color:#777}.tools{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.tools button,.modes button{border:2px solid #684d37;border-radius:8px;background:#f7e7c4;padding:9px;color:#503d30;font-weight:1000;box-shadow:2px 3px #523c30}.tools button:last-child{grid-column:span 2}.record{display:flex;justify-content:space-between;margin-top:16px;font-weight:900}.settings{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin-top:13px;font-weight:900;font-size:.82rem}.settings select{max-width:125px;border:2px solid #6b5038;border-radius:7px;background:#fff0cb;padding:6px}.overlay{position:fixed;inset:0;z-index:5;display:grid;place-items:center;background:#251c16bb;backdrop-filter:blur(4px);overflow:auto;padding:15px}.card{width:min(95vw,490px);background:#f9edd4;border:9px solid #76553c;border-radius:14px;text-align:center;padding:16px 25px 27px;box-shadow:0 20px 40px #1d140f99}.card img{display:block;height:130px;width:auto;object-fit:contain;margin:auto}.card h2{font:900 1.9rem/1.05 "Baloo 2",system-ui;color:#5c412f;margin:3px 0}.card p{margin:10px 0 16px}.modes{display:grid;grid-template-columns:1fr 1fr;gap:9px}.modes button:first-child{grid-column:span 2;background:#e4c393}.toast{position:fixed;z-index:8;bottom:20px;left:50%;transform:translateX(-50%);background:#315f58;color:#fffbea;padding:10px 16px;border-radius:23px;font-weight:1000;box-shadow:0 5px 14px #2b1b1690}@media(max-width:850px){main{grid-template-columns:1fr;max-width:700px;margin:auto}.paper{justify-self:center}.clues{max-height:none}.brand{justify-content:center}}@media(max-width:520px){header{height:43px;padding:5px 9px}main{padding:5px 8px 30px;gap:10px}.paper{border-width:7px;padding:7px}.paper-head{font-size:.72rem;margin-bottom:4px}.paper-head strong{font-size:1rem}#grid{width:min(100%,53vh)}.cell{font-size:clamp(10px,3vw,16px)}.entry{padding:7px;margin-top:8px}.brand img{height:90px;width:70px}.brand h1{font-size:1.6rem}.clues{gap:6px}.clues>div{padding:5px}.clue{font-size:.74rem;padding:5px}.card{padding:12px;border-width:7px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important}}
#kind{min-width:0;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}