*{box-sizing:border-box}@font-face{font-family:SproutPixel;src:url(/fonts/sprout-pixel.ttf)format("truetype");font-display:swap}html,body{color:#33272a;background:#2e5731;height:100%;margin:0;font-family:Comic Sans MS,Segoe UI,system-ui,sans-serif;overflow:hidden}.hidden{display:none!important}.screen{background:linear-gradient(#8ecf6f,#5aa04d);justify-content:center;align-items:center;height:100%;display:flex}.menu-card{text-align:center;background:#fffaf0;border:4px solid #7a5230;border-radius:20px;flex-direction:column;gap:12px;width:min(480px,92vw);padding:32px 40px;display:flex;box-shadow:0 12px 32px #00000059}.menu-card h1{margin:0;font-family:SproutPixel,Comic Sans MS,sans-serif;font-size:2rem;animation:3.2s ease-in-out infinite title-bob}.tagline{color:#6b5b4a;margin:0 0 8px}#menu .menu-card{z-index:3;animation:.45s ease-out card-rise;position:relative}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes title-bob{0%,to{transform:translateY(0)rotate(-.6deg)}50%{transform:translateY(-3px)rotate(.6deg)}}#menu button.big:hover{animation:.35s btn-wiggle}@keyframes btn-wiggle{0%{transform:scale(1)}35%{transform:scale(1.07)rotate(-1.2deg)}70%{transform:scale(1.02)rotate(1deg)}to{transform:scale(1.04)}}#menu button.big:active{animation:none;transform:scale(.94)}@media (prefers-reduced-motion:reduce){.menu-card h1,#menu .menu-card,#menu button.big:hover{animation:none}}#menu-bg{z-index:0;pointer-events:none;position:fixed;inset:0;overflow:hidden}#menu-bg canvas{object-fit:cover;image-rendering:pixelated;width:100%!important;height:100%!important}#menu-math{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.float-math{color:#fffaf0d9;text-shadow:0 2px 3px #1e291880;white-space:nowrap;font-family:SproutPixel,monospace;animation:linear forwards math-float;position:absolute;bottom:-40px}@keyframes math-float{0%{transform:translateY(0) rotate(var(--tilt,0deg));opacity:0}8%{opacity:1}85%{opacity:.9}to{transform:translateY(calc(-100vh - 80px)) rotate(var(--tilt,0deg));opacity:0}}input{font:inherit;text-align:center;border:3px solid #b08b5e;border-radius:12px;width:100%;padding:10px 12px;font-size:1.2rem}.pw-wrap{position:relative}.pw-wrap input{padding-right:44px}.pw-eye{cursor:pointer;background:0 0;border:none;padding:4px;font-size:1.1rem;line-height:1;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.pw-eye:hover{transform:translateY(-50%)scale(1.1)}.pw-eye:active{transform:translateY(-50%)scale(.95)}#join-code,#visit-code{text-transform:uppercase;letter-spacing:.3em;flex:none;width:110px}.join-row{align-items:stretch;gap:8px;display:flex}.join-row button{white-space:nowrap;flex:1}#menu .menu-card{max-height:92vh;overflow-y:auto}#auth-screen label,#password-screen label,#character-screen label{text-align:left;margin:12px 0 4px;font-size:.95rem;display:block}#menu .big{margin-top:18px}#menu .secondary{margin-top:12px;margin-left:6px;margin-right:6px}#menu .join-row{margin-top:16px}#menu .join-row .big{margin-top:0}.color-row-line{justify-content:center;align-items:center;gap:10px;margin-top:14px;display:flex}#farm-list{flex-direction:column;gap:8px;margin:10px 0;display:flex}.farm-row{align-items:stretch;gap:6px;display:flex}.farm-row .farm-item{flex:1}.farm-del{background:#f4e9d8;padding:0 12px;font-size:1rem}.farm-item{text-align:left;background:#f4e9d8;flex-direction:column;align-items:flex-start;gap:2px;display:flex}.farm-item .farm-name{font-size:1.1rem;font-weight:700}.farm-item .farm-meta{color:#7a5230;letter-spacing:.05em;font-size:.85rem}#create-farm-row{flex-direction:column;gap:8px;margin:10px 0;display:flex}button{font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffd166;border:3px solid #7a5230;border-radius:12px;padding:8px 14px;transition:transform 80ms}button:active{transform:scale(.97)}button.big{padding:12px 18px;font-size:1.25rem}.error{color:#c1121f;min-height:1.2em;margin:0}#color-row{justify-content:center;align-items:center;gap:10px;display:flex}#character-screen #color-row{margin-top:22px}.color-label{color:#6b5b4a;font-size:.95rem}.color-swatch{background:var(--c);border:3px solid #b08b5e;border-radius:50%;width:40px;height:40px;padding:0}.color-swatch.selected{border-color:#e07a1f;outline:3px solid #ffd166}.secondary{color:#6b5b4a;background:#f7edda;border:2px solid #b08b5e;border-radius:10px;padding:6px 14px;font-size:.9rem;box-shadow:0 2px #7a523040}.secondary:hover{color:#33272a;background:#fdf4e0}.secondary:active{box-shadow:none}.menu-foot{justify-content:center;gap:4px;display:flex}.credits-body p{margin:12px 0}.credits-small{color:#6b5b4a;font-size:.85rem}#game-wrap{touch-action:none;justify-content:center;align-items:center;height:100%;display:flex;position:relative}#game canvas{image-rendering:pixelated;border-radius:8px}#hud{z-index:5;white-space:nowrap;background:#fffaf0f2;border:3px solid #7a5230;border-radius:14px;align-items:center;gap:10px;max-width:96vw;padding:6px 12px;font-size:1.1rem;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}#hud>*{flex-shrink:0}#room-code{letter-spacing:.15em;color:#7a5230;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700}#coins{font-weight:700}#water-meter{color:#4a6fa5;font-size:.95rem}body.guest-mode #coins,body.guest-mode #water-meter,body.guest-mode #hotbar-wrap{display:none}#hotbar-wrap{z-index:5;align-items:center;gap:8px;display:flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}#hotbar{background:#fffaf0eb;border:3px solid #7a5230;border-radius:12px;gap:4px;padding:4px 6px;display:flex}#wheel-hint{color:#33272a;-webkit-user-select:none;user-select:none;background:#fffaf0;border:2px solid #7a5230;border-radius:6px;padding:2px 6px;font-size:.85rem}.wheel-arrows{margin-left:1px;font-size:.8rem}#btn-bag{border-radius:12px;width:52px;height:52px;padding:0;font-size:1.4rem;position:relative}body.touch-mode #wheel-hint,body.touch-mode #bag-key{display:none}.hot-slot{background:#f4e9d8;border-width:2px;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:0;display:flex;position:relative}.hot-slot.selected{background:#ffd166;border-color:#e07a1f;outline:2px solid #e07a1f}.slot-key{color:#b08b5e;font-size:.6rem;position:absolute;top:0;left:3px}.slot-count{color:#33272a;text-shadow:0 0 3px #fffaf0,0 0 3px #fffaf0;font-size:.7rem;font-weight:700;position:absolute;bottom:0;right:3px}.item-icon{text-align:center;pointer-events:none;display:inline-block;position:relative}.rarity-star{text-shadow:0 0 2px #33272a,0 1px 2px #33272a;pointer-events:none;line-height:1;position:absolute;top:-5px;left:-5px}.drag-ghost{z-index:100;opacity:.85;pointer-events:none;position:fixed}#inventory .card{width:min(560px,94vw)}#inv-grid,#chest-inv-grid{grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0;display:grid}#inv-hotbar-row{border-top:2px dashed #b08b5e;grid-template-columns:repeat(10,1fr);gap:4px;margin-top:6px;padding-top:10px;display:grid}.inv-slot{aspect-ratio:1;touch-action:none;cursor:grab;background:#f4e9d8;border:2px solid #b08b5e;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative}#inv-hotbar-row .inv-slot{background:#fdf3d8;border-style:dashed}.inv-hint{color:#7a5230;margin:4px 0;font-size:.85rem}#item-menu{z-index:60;background:#fffaf0;border:3px solid #7a5230;border-radius:12px;padding:8px 10px;position:fixed;box-shadow:0 8px 20px #0000004d}#item-menu-title{margin-bottom:6px;font-weight:700}.item-menu-btns{gap:6px;display:flex}.item-menu-btns button{padding:6px 8px;font-size:.85rem}#hint-bar{color:#fffaf0;z-index:5;pointer-events:none;background:#33272ad9;border-radius:12px;padding:6px 16px;font-size:1rem;transition:opacity .2s;position:absolute;bottom:68px;left:50%;transform:translate(-50%)}#hint-bar:empty{opacity:0}#maintenance-banner{color:#7a3c10;background:#ffe3b3;border:2px solid #e07a1f;border-radius:10px;margin:10px 0 4px;padding:8px 12px;font-weight:700}#event-banner{color:#24521f;background:#e3f2e1;border:2px solid #3f7d3a;border-radius:10px;margin:10px 0 4px;padding:8px 12px;font-weight:700}#btn-chat{z-index:7;border-radius:50%;width:46px;height:46px;padding:0;font-size:1.3rem;position:absolute;bottom:14px;left:12px}body.touch-mode #btn-chat{bottom:190px}#chat-badge{color:#fffaf0;background:#e63946;border-radius:50%;min-width:18px;height:18px;font-size:.7rem;font-weight:700;line-height:18px;position:absolute;top:-4px;right:-4px}#chat{z-index:8;background:#fffaf0;border:3px solid #7a5230;border-radius:12px;flex-direction:column;gap:6px;width:min(320px,72vw);padding:8px;display:flex;position:absolute;bottom:68px;left:12px}#chat.hidden{display:none}body.touch-mode #chat{bottom:244px}#chat-log{flex-direction:column;gap:2px;min-height:40px;max-height:180px;font-size:.9rem;display:flex;overflow-y:auto}.chat-msg{word-break:break-word;text-align:left;line-height:1.3}.chat-msg b:after{content:":"}.chat-name-yellow{color:#b8860b}.chat-name-blue{color:#1d6fb8}.chat-name-pink{color:#d6336c}.chat-name-green{color:#2f9e44}#chat-form{gap:6px;display:flex}#chat-input{flex:1;min-width:0}#chat-send{flex-shrink:0;padding:2px 10px}#toasts{z-index:11;pointer-events:none;flex-direction:column;align-items:flex-end;gap:6px;display:flex;position:absolute;top:70px;right:12px}.toast{background:#fffaf0;border:2px solid #7a5230;border-radius:10px;padding:6px 14px;animation:3s forwards toast-pop}.toast.warn{color:#7a1616;background:#ffe3e0;border-color:#c1121f;padding:10px 18px;font-size:1.15rem;font-weight:700;animation-duration:3.5s}@keyframes toast-pop{0%{opacity:0;transform:translateY(-8px)}8%,80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-6px)}}.dialog-toast{color:#7a1616;pointer-events:none;z-index:2;background:#ffe3e0;border:2px solid #c1121f;border-radius:10px;max-width:88%;padding:8px 14px;font-weight:700;animation:2.6s forwards toast-pop;position:absolute;bottom:70px;left:50%;transform:translate(-50%)}.overlay{z-index:10;background:#1e29188c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}#problem{z-index:12}.overlay .card{text-align:center;background:#fffaf0;border:4px solid #7a5230;border-radius:20px;width:min(460px,94vw);max-height:88vh;padding:24px 32px;position:relative;overflow-y:auto;box-shadow:0 12px 32px #0006}.overlay .card.wide{width:min(720px,96vw)}.corner-btn{background:#f4e9d8;border-radius:50%;width:38px;height:38px;padding:0;font-size:1.1rem;position:absolute;top:10px;right:10px}.skip{background:#f4e9d8;margin:32px auto 0;font-size:1rem;display:block}.overlay .card.wide{flex-direction:column;width:96vw;height:92vh;max-height:92vh;display:flex;overflow-y:auto}#problem-body{flex-direction:column;flex:1;min-height:0;display:flex}#problem-columns{flex-wrap:wrap;flex:1;justify-content:center;align-items:stretch;gap:18px;min-height:0;display:flex}#answer-col{flex:0 0 250px}#scratch-wrap{flex-direction:column;flex:380px;min-width:300px;display:flex;border-top:none!important;margin-top:0!important;padding-top:0!important}.paint-zone{touch-action:none;cursor:crosshair;position:relative}.paint-zone canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.paint-zone .zone-hl{opacity:.45}#prompt-zone{width:min(560px,100%);margin:0 auto 8px}#prompt-zone h2{z-index:0;position:relative}#paper-zone.paper{background:repeating-linear-gradient(#fff,#fff 27px,#dbe9f5 28px);border:2px solid #b08b5e;border-radius:10px;flex:1;width:100%;min-height:220px}#scratch-tools{margin-bottom:6px}.tool-row{justify-content:space-between;align-items:center;gap:10px;margin-bottom:6px;display:flex}.tool-left,.tool-right{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tool-left{justify-content:flex-start}.tool-right{justify-content:flex-end}.tool-sep{width:12px}.tool-select.active{outline-offset:2px;outline:3px solid #e07a1f}.mode-btn{font-size:1rem}.page-tab{padding:6px 10px;font-size:.9rem}.page-badge{color:#e8590c;font-size:.8rem}#color-picker{cursor:pointer;background:#fff;border:2px solid #b08b5e;border-radius:10px;width:40px;height:40px;padding:2px}#color-menu-wrap{display:inline-flex;position:relative}#btn-color-menu{width:40px;height:40px;padding:0;font-size:1.2rem}#color-popover{z-index:20;background:#fffaf0;border:3px solid #7a5230;border-radius:12px;min-width:200px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 8px 20px #00000040}.popover-row{align-items:center;gap:8px;display:flex}.popover-hint{color:#7a5230;white-space:nowrap;font-size:.85rem}#recent-colors{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}#recent-colors:empty{margin-top:0}.recent-wrap{position:relative}.recent-del{background:#fffaf0;border-width:2px;border-radius:50%;width:20px;height:20px;padding:0;font-size:.7rem;line-height:1;position:absolute;top:-8px;right:-8px}.swatch,.recent-swatch{border-width:2px;border-radius:50%;width:34px;height:34px;padding:0}.recent-swatch{border-style:dotted}.swatch.active,.recent-swatch.active,.tool.active{outline-offset:2px;outline:3px solid #e07a1f}.text-tool-input{text-align:left;z-index:5;background:#fffffff2;border-width:2px;width:180px;max-width:45%;padding:4px 8px;font-size:1rem;position:absolute;transform:translateY(-50%)}.spectator .answer input{background:#f6efe2}.spectator .answer button,.spectator .answer input{pointer-events:none;opacity:.65}.tool{border-width:2px;justify-content:center;align-items:center;width:40px;height:40px;padding:0;font-size:1.1rem;display:inline-flex}.tab-row{justify-content:center;gap:8px;margin-bottom:10px;display:flex}.tab{background:#f4e9d8;border-width:2px;font-size:1rem}.tab.active{background:#ffd166;border-color:#e07a1f}#progress-body{text-align:left}.report-topic{margin:10px 0}.report-topic .row1{justify-content:space-between;font-size:.95rem;font-weight:700;display:flex}.report-bar{background:#eee3d0;border-radius:7px;height:14px;margin-top:3px;display:flex;overflow:hidden}.seg-first{background:#2f9e44}.seg-hint{background:#a3d977}.seg-miss{background:#f2b36b}.seg-skip{background:#d9c7a7}.report-legend{color:#6b5b4a;margin:6px 0 2px;font-size:.75rem}.legend-chip{vertical-align:baseline;border-radius:3px;width:10px;height:10px;margin-right:3px;display:inline-block}.report-suggestion{background:#ecfccb;border-radius:10px;margin:6px 0;padding:8px 12px;font-size:.9rem}.report-boost{background:#e7f0fd;border-radius:10px;margin:6px 0;padding:8px 12px;font-size:.9rem}.report-sessions{color:#6b5b4a;margin-top:8px;font-size:.85rem}#report-player-row{justify-content:center;align-items:center;gap:8px;margin-bottom:8px;display:flex}#report-player-row select{font:inherit;border:2px solid #b08b5e;border-radius:8px;padding:4px 8px}#touch-controls{pointer-events:none;z-index:4;position:absolute;inset:0}#joystick{pointer-events:auto;touch-action:none;background:#fffaf059;border:3px solid #7a523080;border-radius:50%;width:130px;height:130px;position:absolute;bottom:46px;left:24px}#joystick-knob{background:#ffd166e6;border:3px solid #7a5230;border-radius:50%;width:54px;height:54px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#touch-buttons{pointer-events:auto;align-items:flex-end;gap:14px;display:flex;position:absolute;bottom:46px;right:24px}.touch-btn{background:#ffd166e6;border-radius:50%;width:76px;height:76px;padding:0;font-size:1.8rem}#btn-touch-alt{width:58px;height:58px;font-size:1.3rem}#problem-prompt{margin:4px 0 12px;font-size:1.5rem}.hint{color:#4d7c0f;background:#ecfccb;border-radius:10px;padding:8px 12px}.btn-row{justify-content:center;gap:10px;margin:10px 0;display:flex}.cmp{width:72px;font-size:1.6rem}#num-input{width:160px;margin-bottom:10px;font-size:1.6rem}#numpad{grid-template-columns:repeat(3,64px);justify-content:center;gap:6px;margin-bottom:12px;display:grid}#numpad button{padding:10px 0;font-size:1.3rem}.fraction-input{flex-direction:column;align-items:center;gap:4px;margin-bottom:12px;display:inline-flex}.fraction-input input{width:90px;font-size:1.4rem}.frac-line{background:#33272a;border-radius:2px;width:100px;height:4px}#result-title{font-size:1.6rem}.correct{color:#2f9e44}.incorrect{color:#c1121f}#tries-row{letter-spacing:.15em;margin:2px 0 6px;font-size:1.3rem}#tries-row .spent{opacity:.22;filter:grayscale()}.hint.must-attempt{color:#7a5230;background:#fff3bf;font-weight:700}.overlay .card.result{flex-direction:column;width:min(680px,94vw);height:min(520px,88vh);display:flex}.card.result #problem-result{flex-direction:column;flex:1;min-height:0;display:flex}.card.result #steps-scroll{flex:1;width:100%;min-height:0;overflow-y:auto}.btn-row .big{white-space:nowrap}#steps-wrap{justify-content:center;gap:12px;margin:8px 0 22px;display:flex}#steps-list{text-align:left;background:#f4f9ee;border-radius:12px;max-width:480px;margin:10px 0;padding:12px 16px 12px 36px}#steps-list li{margin:6px 0}#btn-next-step{font-size:.95rem}.pref-row{justify-content:space-between;align-items:center;gap:12px;margin:12px 0;font-size:1.05rem;display:flex}.pref-row input[type=range]{accent-color:#e07a1f;flex:1;max-width:220px}.pref-row input[type=checkbox]{accent-color:#e07a1f;width:22px;height:22px}#rename-input{margin:8px 0}#review-card{flex-direction:column;display:flex}#review-cols{text-align:left;flex:1;gap:16px;min-height:0;display:flex}#review-left{flex-direction:column;flex:1;min-width:0;display:flex}#review-right{flex-direction:column;flex:1;gap:10px;min-width:0;display:flex;overflow-y:auto}#review-prompt-wrap{background:#f7f1e3;border-radius:12px;padding:14px;position:relative}#review-prompt{z-index:0;font-size:1.25rem;position:relative}#review-prompt-wrap canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#review-prompt-hl{opacity:.45}#review-given{color:#b0413e}#review-answer{color:#2f9e44;font-weight:700}#review-controls{flex-wrap:wrap;margin-top:auto}#review-controls button{white-space:nowrap}.review-page{aspect-ratio:2;background:#fdfbf4;border:2px solid #b08b5e;border-radius:10px;position:relative}.review-page canvas{width:100%;height:100%;position:absolute;inset:0}.review-page-hl{opacity:.45}.review-page-tag{color:#b08b5e;font-size:.75rem;position:absolute;top:4px;right:8px}#review-sessions{text-align:left;margin-top:8px}#review-sessions h3{color:#7a5230;margin:8px 0 6px;font-size:1rem}.session-row{border-bottom:1px dashed #e0cdb0;justify-content:space-between;align-items:center;gap:8px;padding:6px 0;font-size:.92rem;display:flex}.session-row button{padding:6px 10px;font-size:.85rem}#shop .card{flex-direction:column;height:88vh;display:flex;overflow-y:hidden}#shop-items{flex:1;min-height:0;padding-right:4px;overflow-y:auto}#shop .card>.big{margin-top:10px}.shop-item{border-bottom:2px dashed #d9c7a7;justify-content:space-between;align-items:center;gap:10px;padding:8px 4px;font-size:1.05rem;display:flex}.shop-item .info{text-align:left;flex:1;min-width:0}.shop-item .name{font-weight:700}.shop-item .details{color:#6b5b4a;font-size:.85rem}.shop-btn{white-space:nowrap;text-align:center;flex:none;min-width:132px}#settings .card{flex-direction:column;height:88vh;display:flex;overflow-y:hidden}#settings-body,#progress-body{flex:1;min-height:0;padding-right:4px;overflow-y:auto}#settings .card>.big{margin-top:10px}.setting-row{border-bottom:2px dashed #d9c7a7;justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-size:1rem;display:flex}.setting-row label{align-items:center;gap:8px;display:flex}.setting-row input[type=checkbox]{width:22px;height:22px}.setting-row select{font:inherit;border:2px solid #b08b5e;border-radius:8px;padding:4px 8px}#awards-card{flex-direction:column;width:min(680px,94vw);height:88vh;display:flex;overflow-y:hidden}#badges-body,#book-body,#awards-teacher-body{text-align:left;flex:1;min-height:0;padding-right:4px;overflow-y:auto}.badge-list{flex-direction:column;display:flex}.badge-row{opacity:.75;border-bottom:2px dashed #e8d8c0;align-items:center;gap:10px;padding:8px 4px;display:flex}.badge-row.earned{opacity:1;background:#fdf6e3;border-radius:10px}.badge-emoji{text-align:center;flex-shrink:0;width:40px;font-size:1.6rem}.badge-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.badge-text .hint{margin:0}.badge-date{color:#2f9e44;font-size:.8rem}.badge-progress{background:#eee3d0;border-radius:4px;height:8px;margin-top:2px;overflow:hidden}.badge-progress-fill{background:#2f9e44;border-radius:4px;height:100%}.badge-count{color:#6b5b4a;font-size:.75rem}.sticker-grid{flex-wrap:wrap;gap:8px;padding:6px 2px;display:flex}.sticker-card{-webkit-user-select:none;user-select:none;touch-action:none;background:#fffaf0;border:3px solid #a3d977;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.3rem;display:flex;position:relative;box-shadow:0 2px 4px #33272a2e}#chest .card{flex-direction:column;width:min(560px,94vw);max-height:88vh;display:flex;overflow-y:hidden}#chest-basket{flex:1;min-height:0;padding-right:4px;overflow-y:auto}#chest-slots{background:#3a2e4c24;border-radius:12px;grid-template-columns:repeat(6,1fr);gap:6px;margin:10px 0;padding:8px;display:grid}.chest-owner{color:#7a5230;text-align:left;text-overflow:ellipsis;white-space:nowrap;pointer-events:none;z-index:1;font-size:.55rem;position:absolute;top:1px;left:4px;right:4px;overflow:hidden}.chest-empty{opacity:.45}#chest h3{margin:10px 0 4px}#fishquiz .card{width:min(420px,94vw)}#fishquiz-segments{gap:6px;margin:8px 0;display:flex}.fq-seg{background:#e0cdb0;border:2px solid #b08b5e;border-radius:7px;flex:1;height:14px;transition:background .25s}.fq-seg.done{background:#78a158}#fishquiz-question{margin:10px 0;font-size:2.2rem;font-weight:700}#fishquiz-timer{background:#f4e9d8;border:2px solid #b08b5e;border-radius:7px;height:12px;margin-bottom:10px;overflow:hidden}#fishquiz-timer-fill{background:#de6b5a;width:100%;height:100%}#fishbar-track{background:#eaf4fb;border:3px solid #b08b5e;border-radius:9px;height:28px;margin:8px 0 12px;position:relative;overflow:hidden}#fishbar-zone{background:#8fd18b;border-left:2px solid #3f7d3a;border-right:2px solid #3f7d3a;height:100%;position:absolute;top:0}#fishbar-marker{background:#de6b5a;border:2px solid #7a2e22;border-radius:4px;width:10px;height:32px;margin-left:-5px;position:absolute;top:-2px}#fishbar-segments{justify-content:center;gap:6px;margin-bottom:6px;display:flex}#fishquiz-input{text-align:center;width:8rem;font-size:1.6rem}#fishquiz-pad{grid-template-columns:repeat(3,1fr);gap:6px;max-width:250px;margin:10px auto 0;display:grid}#fishquiz-pad button{padding:8px 0;font-size:1.25rem}#fishquiz .big{margin-top:10px}#btn-debug{z-index:9;cursor:pointer;opacity:.75;background:#fff3bf;border:2px solid #7a5230;border-radius:50%;width:34px;height:34px;font-size:17px;position:fixed;top:8px;left:8px}#btn-debug:hover{opacity:1}#debug-buttons{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;display:grid}#debug-give-row{gap:8px;display:flex}#debug-give-row input[type=text]{flex:1;min-width:0}#debug-give-row input[type=number]{width:64px}#stall-items{max-height:52vh;overflow-y:auto}#stall-items .stall-emoji{text-align:center;flex-shrink:0;width:32px;margin-right:8px;font-size:26px}#stall-items .stall-locked{opacity:.55}#stall-items .info{text-align:left}.stall-level{color:#d4a017;font-size:.85em}#stall-items .shop-btn{flex-shrink:0;width:176px}#recycler-items{max-height:48vh;overflow-y:auto}#recycler-items .shop-item .item-icon{flex-shrink:0;margin-right:8px}#recycler .card>.big{margin-top:10px}.fish-grid{flex-wrap:wrap;gap:10px;padding:6px 2px;display:flex}.fish-card{background:#eaf6fb;border:3px solid #77bbd8;border-radius:12px;flex-direction:column;flex-shrink:0;align-items:center;gap:3px;width:76px;padding:8px 4px 6px;display:flex;position:relative;box-shadow:0 2px 4px #33272a2e}.fish-card .item-icon{margin:0 auto}.fish-card.locked{background:#e7e4de;border-color:#b7b2a8}.fish-card.locked .item-icon{filter:brightness(0)opacity(.45)}.fish-name{color:var(--ink);text-align:center;font-size:.72rem;font-weight:700}.fish-count{color:#5b7f92;font-size:.68rem;font-weight:700}.fish-junk{margin-top:10px}.sticker-card.tier-sprout{border-color:#a3d977}.sticker-card.tier-bloom{border-color:#f5a9c0}.sticker-card.tier-golden{background:#fff7dc;border-color:#ffd166}.sticker-card .s-tier{background:#fffaf0;border-radius:50%;padding:1px;font-size:.95rem;line-height:1;position:absolute;bottom:-6px;right:-6px}.sticker-card .s-level{color:#b08b5e;font-size:.6rem;font-weight:700;position:absolute;top:0;left:2px}.sticker-card.locked{filter:grayscale();opacity:.35}#book-page,.teacher-book-page{aspect-ratio:4/3;background:#fdf6e3 radial-gradient(#efe4cd 1.5px,#0000 1.5px) 0 0/24px 24px;border:3px solid #d9c7a7;border-radius:12px;flex-shrink:0;width:100%;position:relative;overflow:hidden}.teacher-book-page{margin:8px 0}.book-sticker{cursor:grab;border-width:5px;border-radius:24px;width:140px;height:140px;font-size:3.4rem;position:absolute;box-shadow:0 4px 8px #33272a38}.book-sticker .s-tier{padding:3px;font-size:2rem;bottom:-10px;right:-10px}.book-sticker .s-level{font-size:1rem;top:2px;left:6px}#book-nav{justify-content:center;align-items:center;gap:12px;margin:8px 0 2px;display:flex}#book-nav button{padding:4px 12px}#book-pageno{color:#6b5b4a;font-size:.9rem}#sticker-tray{background:#f4e9d8;border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px;min-height:66px;padding:6px;display:flex}.sticker-ghost{z-index:100;pointer-events:none;position:fixed}:root{--ink:#33272a;--brown:#7a5230;--wood:#b08b5e;--accent:#e07a1f;--gold:#ffd166;--cream:#fffaf0;--paper:#f4e9d8;--panel:#d9b788}.overlay .card,.menu-card,#item-menu,#color-popover{background:var(--paper);image-rendering:pixelated;background-clip:padding-box;border:14px solid #0000;border-image:url(/assets/ui/card-frame.png) 8;border-radius:0}.overlay .card{padding:12px 20px 20px}.menu-card{padding:20px 28px}.hint,.report-suggestion,.report-boost{border:2px solid #7a523040}.badge-row.earned,.sticker-card{background:var(--cream)}button{image-rendering:pixelated;background:0 0;border:8px solid #0000;border-image:url(/assets/ui/btn.png) 8 8 10 fill;border-radius:0;padding:3px 10px}button:hover{transform:scale(1.03)}button:active{border-image:url(/assets/ui/btn-pressed.png) 8 fill;transform:translateY(1px)}button:disabled{opacity:.55;filter:grayscale(.4)}button.big{padding:8px 14px}.tab{background:0 0;border-image:url(/assets/ui/btn-tan.png) 8 8 10 fill}.tab:active{border-image:url(/assets/ui/btn-tan-pressed.png) 8 fill}.tab.active{outline:2px solid var(--accent);outline-offset:-2px;border-image:url(/assets/ui/btn.png) 8 8 10 fill}.secondary,.menu-item,.pw-eye,.corner-btn,#btn-chat,.color-swatch,.swatch,.recent-swatch,.recent-del,.touch-btn,.hot-slot,.farm-del{image-rendering:auto;border-image:}.pw-eye{background:0 0;border:none}.corner-btn,#btn-chat{background:var(--paper);border:3px solid var(--brown);border-radius:50%}.color-swatch{background:var(--c);border:3px solid var(--wood);border-radius:50%}.color-swatch.selected{border-color:var(--accent)}.swatch,.recent-swatch{border:2px solid var(--brown);border-radius:50%}.recent-del{background:var(--cream);border:2px solid var(--brown);border-radius:50%}.touch-btn{border:3px solid var(--brown);background:#ffd166e6;border-radius:50%}#btn-touch-alt{border-radius:50%}.farm-del{background:var(--paper);border:3px solid var(--brown);border-radius:12px}#problem-body button,#problem-offer button,#problem-result button{border:3px solid var(--brown);background:var(--gold);image-rendering:auto;border-image:;border-radius:12px;padding:8px 14px}#problem-body button:active,#problem-offer button:active,#problem-result button:active{transform:scale(.97)}#problem-body .skip,#problem-result .skip{background:var(--paper)}#problem-body .tool,#problem-body .tool-select,#problem-body .mode-btn,#problem-body .page-tab{background:var(--paper);border-width:2px}#problem-body .swatch,#problem-body .recent-swatch{border-radius:50%}#problem-body #numpad button{padding:10px 0;font-size:1.3rem}#problem-body button.big,#problem-result button.big{padding:12px 18px;font-size:1.25rem}#problem-card,#review-card{background:var(--cream);background-clip:padding-box;border-image:url(/assets/ui/card-frame.png) 8}.setting-row input[type=checkbox]{appearance:none;width:32px;height:32px;image-rendering:pixelated;cursor:pointer;background:url(/assets/ui/check-off.png) 50%/32px 32px no-repeat;border:none;flex-shrink:0;margin:0}.setting-row input[type=checkbox]:checked{background-image:url(/assets/ui/check-on.png)}.setting-row input[type=checkbox]:active{transform:scale(.88)}.pref-row input[type=checkbox]{appearance:none;width:56px;height:36px;image-rendering:pixelated;cursor:pointer;background:url(/assets/ui/toggle-off.png) 50%/100% 100% no-repeat;border:none;flex-shrink:0;margin:0}.pref-row input[type=checkbox]:checked{background-image:url(/assets/ui/toggle-on.png)}.pref-row input[type=checkbox]:active{transform:scale(.94)}.pref-row input[type=range]{appearance:none;background:0 0;height:34px}.pref-row input[type=range]::-webkit-slider-runnable-track{background:var(--brown);border-radius:4px;height:8px}.pref-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:32px;image-rendering:pixelated;cursor:pointer;background:url(/assets/ui/slider-knob.png) 50%/contain no-repeat;border:none;margin-top:-12px}.pref-row input[type=range]::-moz-range-track{background:var(--brown);border-radius:4px;height:8px}.pref-row input[type=range]::-moz-range-thumb{cursor:pointer;background:url(/assets/ui/slider-knob.png) 50%/contain no-repeat;border:none;width:17px;height:32px}#hud{background:var(--paper);image-rendering:pixelated;background-clip:padding-box;border:10px solid #0000;border-image:url(/assets/ui/card-frame.png) 8;border-radius:0;padding:0 8px}#coins:before{content:"";width:20px;height:20px;image-rendering:pixelated;vertical-align:-4px;background:url(/assets/ui/coin.png) 50%/contain no-repeat;margin-right:4px;display:inline-block}#hotbar{background:#7a523059;border:2px solid #7a523099;border-radius:10px}.hot-slot{image-rendering:pixelated;background:url(/assets/ui/slot-mid.png) 50%/100% 100% no-repeat;border:none}.hot-slot.selected{outline:3px solid var(--accent);outline-offset:-1px;background:url(/assets/ui/slot.png) 50%/100% 100% no-repeat;border-color:#0000;border-radius:6px}.inv-slot{image-rendering:pixelated;background:url(/assets/ui/slot-mid.png) 50%/100% 100% no-repeat;border:none}#inv-hotbar-row .inv-slot{background:url(/assets/ui/slot.png) 50%/100% 100% no-repeat;border:none}.slot-key{background:var(--cream);border:2px solid var(--brown);color:var(--ink);white-space:nowrap;pointer-events:none;z-index:1;border-radius:5px;padding:0 4px;font-size:.62rem;font-weight:700;line-height:1.3;top:auto;bottom:-6px;left:50%;transform:translate(-50%)}#btn-bag .slot-key{font-size:.62rem}#btn-bag{image-rendering:pixelated;background:url(/assets/ui/slot.png) 50%/100% 100% no-repeat;border:none;border-image:}#btn-bag:active{border-image:;transform:scale(.94)}#btn-bag img{width:34px;height:34px;image-rendering:pixelated;pointer-events:none}.toast{background:var(--cream);border-color:var(--brown)}#btn-tablet{z-index:7;border-radius:50%;width:46px;height:46px;padding:0;font-size:1.3rem;position:absolute;top:12px;right:12px}#time-widget{z-index:6;position:absolute;top:12px;right:68px}#time-chip{-webkit-user-select:none;user-select:none;background:#fffaf0f2;border:3px solid #7a5230;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:1rem;display:flex}.time-track{background:linear-gradient(90deg,#ffd166 0%,#f4a261 45%,#26355f 55%,#ffd166 100%);border-radius:3px;width:54px;height:6px;position:relative;overflow:visible}.time-dot{background:#fffaf0;border:2px solid #7a5230;border-radius:50%;width:12px;height:12px;margin-left:-6px;transition:left 1s linear;position:absolute;top:-3px}#tablet-card{min-width:min(340px,92vw)}#room-code{letter-spacing:.15em;color:#7a5230;cursor:pointer;background:0 0;border:none;margin:4px auto 12px;font-size:1.05rem;font-weight:700;display:block}#room-code:hover{text-decoration:underline}.menu-grid{flex-direction:column;gap:8px;display:flex}.menu-item{text-align:left;align-items:center;gap:10px;padding:10px 14px;font-size:1.05rem;display:flex}.menu-emoji{font-size:1.3rem}#decor-card{max-width:520px;max-height:82vh;overflow-y:auto}.decor-coins{margin-bottom:8px;font-size:1rem}.decor-subhead{opacity:.85;margin:12px 0 6px;font-size:1rem}.decor-upgrade{width:100%;margin:6px 0 4px;padding:9px 12px;font-size:.95rem;display:block}.decor-upgrade:disabled{opacity:.5;cursor:not-allowed}.decor-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));align-items:start;gap:8px;display:grid}.decor-item{text-align:center;box-sizing:border-box;flex-direction:column;justify-content:flex-start;align-items:center;gap:3px;height:124px;min-height:0;padding:8px 6px;display:flex;position:relative;overflow:hidden}.decor-item:disabled{opacity:.45;cursor:not-allowed}.decor-icon-box{flex:0 0 40px;justify-content:center;align-items:center;height:40px;display:flex}.decor-icon{background-repeat:no-repeat;display:block}.decor-name{white-space:nowrap;text-overflow:ellipsis;text-align:center;width:100%;font-size:.82rem;line-height:1.1;overflow:hidden}.decor-price{opacity:.85;font-size:.78rem}.decor-owned{color:#ffd166;font-size:.72rem;font-weight:700;position:absolute;top:3px;right:5px}.decor-wall{opacity:.7;font-size:.6rem;position:absolute;top:3px;left:5px}.decor-placed{flex-direction:column;gap:6px;display:flex}.decor-placed-row{align-items:center;gap:8px;display:flex}.decor-placed-row .decor-name{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;justify-content:flex-start;min-width:0;height:auto;overflow:hidden}.decor-move,.decor-sell{text-align:center;white-space:nowrap;flex:none;padding:5px 9px;font-size:.8rem}.decor-move{min-width:68px}.decor-sell{min-width:116px}.board-notes{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.board-note{text-align:left;flex-direction:column;flex:30%;gap:2px;min-width:130px;padding:8px 10px;display:flex;transform:rotate(-1deg)}.board-note:nth-child(2){transform:rotate(1.2deg)}.board-note:nth-child(3){transform:rotate(-.6deg)}.board-note.open{outline:3px solid #ffd166;transform:none}.note-teaser{opacity:.75;font-size:.8rem}.board-detail{background:#fffaf0cc;border:2px dashed #b08b5e;border-radius:10px;padding:6px 12px}.quest-row{border-bottom:1px dashed #d9c19a;align-items:center;gap:10px;padding:6px 0;display:flex}.quest-row:last-of-type{border-bottom:none}.quest-row.done{opacity:.75}.quest-emoji{font-size:1.4rem}.quest-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.quest-label{font-size:.85rem}.quest-bar{background:#eadcc2;border-radius:4px;height:8px;position:relative;overflow:hidden}.quest-fill{background:#7bb661;border-radius:4px;transition:width .4s;position:absolute;inset:0 auto 0 0}.quest-row.done .quest-fill{background:#ffd166}.quest-status{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-weight:700;display:flex}.quest-reward{color:#8a6d47;font-size:.8rem;font-weight:400}.quest-allclear{text-align:center;color:#2f9e44;margin:8px 0 2px;font-weight:700}h1.logo{justify-content:center;align-items:center;gap:12px;animation:3.6s ease-in-out infinite logo-bob;display:flex}.logo-text{text-shadow:2px 2px #b08b5e,4px 4px #7a523059}.logo-sun{transform-origin:50% 90%;animation:2.8s ease-in-out infinite logo-sway;display:inline-block}.logo-sun-b{animation-delay:-1.4s}@keyframes logo-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes logo-sway{0%,to{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}.screen-enter{animation:.22s ease-out screen-in}@keyframes screen-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}#screen-fade{opacity:0;pointer-events:none;z-index:60;background:#1a130b;justify-content:center;align-items:flex-end;transition:opacity .35s;display:flex;position:fixed;inset:0}#screen-fade.on{opacity:1}#screen-fade-tip{color:#ffd166;text-align:center;max-width:min(520px,86vw);margin-bottom:12vh;font-size:1rem;line-height:1.5}#reconnect-chip{z-index:20;background:#fff3cd;border:3px solid #b3261e;border-radius:999px;padding:6px 14px;font-weight:700;animation:1.2s ease-in-out infinite reconnect-pulse;position:absolute;top:64px;left:50%;transform:translate(-50%)}@keyframes reconnect-pulse{0%,to{opacity:1}50%{opacity:.55}}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #e07a1f}.menu-card,.card h2,#hud,.tagline{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}