:root{--ink:#2b2118;--dim:#6b5a45;--paper:#ecdcb4;--paper2:#e0cc9c;--line:#2b211866;--chips:#1f5a9c;--mult:#b03a26;--gold:#b8851c;--ok:#3c7a2c;--hand:Caveat, "Patrick Hand", cursive;--body:"Patrick Hand", "Segoe Print", cursive;--title:"IM Fell English", Georgia, serif;--wob:255px 15px 225px 15px / 15px 225px 15px 255px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}body{min-height:100vh;color:var(--ink);font-family:var(--body);background-color:#0000;background-image:repeating-linear-gradient(92deg,#0000 0 38px,#0002 38px 40px,#0000 40px 97px,#ffffff08 97px 99px),radial-gradient(at 50% 30%,#4a3222,#1f140d 75%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;margin:0;font-size:17px}main{max-width:1080px;margin:0 auto;padding:12px}main.big{font-size:20px}.screen{animation:.28s ease-out turn}@keyframes turn{0%{opacity:0;transform:translateY(14px)rotate(-.6deg)}}h1,h2,h3{font-family:var(--title);margin:0;font-weight:400}h1{font-size:2.2em}h2{justify-content:center;align-items:center;gap:8px;font-size:1.8em;display:flex}h3{border-bottom:2px solid var(--line);margin:18px 0 8px;font-size:1.25em}h3 small{font-family:var(--body);color:var(--dim);font-size:.65em}p{margin:0}small{font-size:.8em}.dim{color:var(--dim)}.ink{pointer-events:none;flex:none;display:block}.sr{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.sheet,.overlay.paper{background:radial-gradient(ellipse at 20% 10%, #fff6d640, #0000 50%), radial-gradient(ellipse at 85% 90%, #8a5a2030, #0000 55%), linear-gradient(170deg, var(--paper), var(--paper2));border:2px solid var(--ink);border-radius:6px 14px 8px 16px/14px 6px 16px 8px;box-shadow:0 10px 30px #000a,inset 0 0 40px #8a5a2038}.sheet{max-width:860px;margin:3vh auto 0;padding:20px 22px}.top{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}button,input{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:3px solid var(--chips);outline-offset:2px}.btn{border:2px solid var(--ink);border-radius:var(--wob);background:#fff8e050;min-height:44px;padding:6px 14px;transition:transform 80ms,background .1s}.btn:hover:not(:disabled){background:#fff8e0b0;transform:translateY(-2px)rotate(-.5deg)}.btn:active:not(:disabled){transform:translateY(1px)scale(.97)}.btn.sel{background:var(--ink);color:var(--paper)}.btn.icon{padding:4px 10px}.btn.lever{font-family:var(--hand);background:var(--mult);color:#fff3d6;flex:1;font-size:1.6em;font-weight:700;line-height:1;box-shadow:0 4px #6a1f12}.btn.lever:hover:not(:disabled){background:#c8472f}.btn.lever:active:not(:disabled){box-shadow:none;transform:translateY(4px)}.btn.lever:disabled{box-shadow:none;opacity:.7;background:#8a7a66}input:not([type]){border:2px solid var(--ink);border-radius:var(--wob);text-transform:uppercase;background:#fff8e070;width:140px;min-height:44px;padding:4px 10px}.title{width:100%;min-height:calc(100vh - 24px);color:var(--paper);text-align:center;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}.title h1{text-shadow:0 4px #000a;font-size:clamp(3em,11vw,5.5em);line-height:.95}.title .ink{filter:drop-shadow(0 10px 14px #000a);background:radial-gradient(circle,#ecdcb4 55%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite bob}.title .blink{font-family:var(--hand);font-size:1.9em;animation:1.3s ease-in-out infinite blink}.title .tip{color:#cdb98f;max-width:420px}@keyframes bob{50%{transform:translateY(-8px)}}@keyframes blink{50%{opacity:.35}}.menu{text-align:center}.shelfrow{border-bottom:10px solid #5a3a22;border-radius:3px;flex-wrap:wrap;justify-content:center;gap:6px 4px;margin-top:18px;padding:0 6px 12px;display:flex;box-shadow:0 6px #2e1c10,0 14px 14px -6px #0008}.flaskbtn{background:0 0;border:none;flex-direction:column;align-items:center;width:122px;min-height:150px;padding:6px 4px 0;transition:transform .12s;display:flex}.flaskbtn b{font-family:var(--hand);font-size:1.5em;line-height:1}.flaskbtn small{color:var(--dim);line-height:1.1}.flaskbtn:hover,.flaskbtn:focus-visible{transform:translateY(-8px)rotate(-2deg)}.flaskbtn:hover .ink{filter:drop-shadow(0 0 10px #ffe9a0)drop-shadow(0 0 3px #fff)}.grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;display:grid}.leaf{animation:.22s ease-out turn}.entry{text-align:left;border:2px solid var(--line);border-radius:var(--wob);background:#fff8e040;grid-template-columns:auto 1fr;align-content:start;align-items:center;column-gap:10px;min-height:64px;padding:8px 10px;display:grid}.entry .ink,.entry .q{grid-row:span 2}.entry b{font-family:var(--hand);grid-column:2;font-size:1.4em;line-height:1.05}.entry b small{font-family:var(--body);color:var(--dim);font-size:.6em;font-weight:400}.entry span:not(.q){color:var(--dim);grid-column:2;font-size:.9em;line-height:1.2}.entry .q{text-align:center;width:52px;font-family:var(--title);color:var(--line);font-size:2.2em}button.entry:hover:not(:disabled){background:#fff8e0a0}.entry.sel{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff8e0c0}.entry.unknown{opacity:.6;border-style:dashed}.raro{border-color:var(--chips)!important}.lendario{border-color:var(--gold)!important}.tabs{flex-wrap:wrap;gap:6px;margin:4px 0 12px;display:flex}.statlist{width:100%}.statlist p{border-bottom:2px dotted var(--line);justify-content:space-between;gap:12px;padding:5px 4px;display:flex}.statlist b{font-family:var(--hand);font-size:1.35em;line-height:1}.play{justify-content:center;align-items:flex-start;gap:14px;display:flex}.desk{flex:none;width:min(100%,77.1vh - 18.504px);position:relative}.desk>canvas{aspect-ratio:640/830;cursor:pointer;touch-action:none;border-radius:4px;width:100%;display:block;box-shadow:0 10px 30px #000a}.shelf{background:linear-gradient(170deg, var(--paper), var(--paper2));border:2px solid var(--ink);border-radius:8px 16px 6px 14px/16px 8px 14px 6px;flex-direction:column;flex:1;gap:8px;min-width:0;max-width:340px;max-height:calc(100vh - 24px);padding:10px;display:flex;overflow-y:auto;box-shadow:0 10px 30px #000a,inset 0 0 30px #8a5a2038}.bar{flex-wrap:nowrap}.bar .btn{min-width:44px;padding:4px 9px}.speed{gap:3px;margin-left:auto;display:flex}.tools,.relics{flex-direction:column;gap:5px;display:flex}.relics small{color:var(--dim)}.toolrow{gap:4px;display:flex}.tool{text-align:left;border:2px solid var(--line);border-radius:var(--wob);background:#fff8e040;flex:1;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;min-width:0;min-height:52px;padding:3px 8px;transition:transform 80ms;display:grid}.tool .ink{grid-row:span 2}.tool b{font-family:var(--hand);font-size:1.3em;line-height:1}.tool span{color:var(--dim);font-size:.8em;line-height:1.15}button.tool:hover{background:#fff8e0a0;transform:translate(3px)}.tool.sel{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff8e0d0;transform:translate(3px)}.tool.used b:after{content:" ✓";color:var(--ok)}.sell{color:var(--gold);max-width:76px;padding:2px 8px;font-size:.85em;line-height:1.1}.actions{flex-wrap:nowrap;padding-top:4px;position:sticky;bottom:0}.tutorial{border:2px solid var(--ink);border-radius:var(--wob);background:#f4d35e;padding:8px 10px;animation:1.2s infinite pulse}@keyframes pulse{50%{transform:scale(1.02)rotate(-.4deg)}}.help{color:var(--dim);font-size:.85em;line-height:1.3}.help summary{cursor:pointer;min-height:30px}.overlay{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px;display:flex;position:absolute;inset:0}.overlay.counting{color:var(--paper);cursor:pointer;background:radial-gradient(#1a100acc,#1a100a55 70%)}.count{font-family:var(--hand);text-shadow:0 4px #000,0 0 30px #000;font-weight:700;line-height:1}.count.ok{color:#ffd257;text-shadow:0 4px #5a3a08,0 0 34px #ffb300}.count.land{animation:.3s cubic-bezier(.2,2.4,.4,1) slam}@keyframes slam{0%{transform:scale(1.7)rotate(-4deg)}}.of{text-shadow:0 2px #000;font-size:1.15em}.gain{font-family:var(--hand);color:#ffd257;text-shadow:0 3px #5a3a08;align-items:center;gap:6px;font-size:3em;font-weight:700;line-height:1;animation:.14s ease-out pop;display:flex}@keyframes pop{0%{transform:scale(1.5)translateY(-10px)}}.overlay.paper{justify-content:flex-start;animation:.3s cubic-bezier(.2,1.5,.4,1) drop;inset:2% 3%;overflow-y:auto}@keyframes drop{0%{opacity:0;transform:translateY(-40px)rotate(-2deg)}}.coins{align-items:center;gap:6px;display:flex}.coins b{font-family:var(--hand);color:var(--gold);font-size:1.9em;line-height:1}.cards{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.card{border:2px solid var(--line);border-radius:var(--wob);background:#fff8e060;flex-direction:column;align-items:center;gap:3px;width:124px;min-height:196px;padding:8px;transition:transform .1s,box-shadow .1s;display:flex}.card:hover:not(:disabled){box-shadow:4px 6px 0 var(--ink);background:#fff8e0c0;transform:translateY(-6px)rotate(-1deg)}.card b{font-family:var(--hand);font-size:1.4em;line-height:1}.card small{color:var(--dim)}.card span{font-size:.85em;line-height:1.15}.card em{font-style:normal;font-family:var(--hand);color:var(--gold);margin-top:auto;font-size:1.3em;font-weight:700}.bossnote{color:var(--mult);border:2px dashed var(--mult);border-radius:var(--wob);padding:4px 10px}.news{color:var(--ok);border:2px solid var(--ok);border-radius:var(--wob);padding:4px 10px;animation:.3s ease-out pop}.build{flex-wrap:wrap;justify-content:center;gap:2px;display:flex}.modal{z-index:9;background:#120a06c0;place-items:center;padding:12px;animation:.15s fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal .sheet{flex-direction:column;gap:12px;width:min(100%,420px);margin:0;display:flex}.modal label{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.modal label.check{justify-content:flex-start}input[type=range]{max-width:220px;accent-color:var(--mult);flex:1;height:30px}input[type=checkbox]{width:26px;height:26px;accent-color:var(--mult)}@media (width<=760px){main{padding:6px}.play{flex-direction:column;align-items:stretch;gap:8px}.desk{width:100%}.shelf{max-width:none;max-height:none;overflow:visible}.tools{grid-template-columns:1fr 1fr;display:grid}.tool span{display:none}.tool.sel span{grid-column:1/3;display:block}.relics .tool span{display:block}.actions{z-index:2;bottom:6px}.card{width:calc(50% - 4px);min-height:170px}.flaskbtn{width:31%}.sheet{margin-top:0;padding:14px}.overlay.paper{z-index:5;border-radius:0;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation-duration:10ms!important}}
