:root{--o:#e7ac32;--d:#a66a18;--ink:#383c2e;--g:#397449;--r:#d85252}
body{background:radial-gradient(circle at 10% 7%,#d8efb7 0 38px,transparent 39px),radial-gradient(circle at 90% 15%,#c7e29d 0 48px,transparent 49px),linear-gradient(180deg,#dcefc4 0,#fff3c8 52%,#e7c98d 100%);background-attachment:fixed}
.app{width:min(700px,100%);padding-top:11px}.top{background:rgba(255,254,239,.92);border:2px solid #fff7d1;border-radius:30px;padding:15px 14px 13px;margin-bottom:17px;box-shadow:0 8px 24px #365d2b29}.top h1{font-size:clamp(1.8rem,7vw,2.55rem);color:#315f39;letter-spacing:.04em}.top p{font-weight:800;color:#635a39}.mascots{display:block;width:min(430px,88vw);height:auto;max-height:285px;object-fit:cover;margin:10px auto 4px;border-radius:24px;border:3px solid #d5b758;box-shadow:0 7px 16px #365d2b35}
.stats{position:relative;z-index:1}.pill{border:2px solid #c5d99b;background:#fffef2;box-shadow:0 3px 8px #47633520;color:#435235}
.card{border:2px solid #fff8d5;background:rgba(255,255,244,.96);box-shadow:0 9px 25px #365d2b2b;border-radius:28px}.home{padding:24px 18px}.home h2{color:#405a35;font-size:1.3rem}.mode{border:2px solid #c9d996;background:linear-gradient(135deg,#fffef3,#edf6d8);box-shadow:0 5px 12px #506d3430;border-radius:22px;transition:transform .15s,box-shadow .15s}.mode:hover{transform:translateY(-2px);box-shadow:0 8px 18px #506d3440}.mode:active{transform:translateY(1px);box-shadow:0 3px 8px #506d3430}.mode:nth-child(2){background:linear-gradient(135deg,#fffbea,#f7e2a6);border-color:#dfbd58}.mode.note{background:linear-gradient(135deg,#f8fff4,#e1f0cf);border-color:#b8d48e;box-shadow:0 5px 12px #506d3426}.mode b{color:#3f5635}.mode small{line-height:1.5}
.slot>span{width:100%;height:100%;display:grid;place-items:center}.item-art{display:block;width:88%;height:88%;margin:auto;object-fit:contain}.reward-emoji .item-art{width:78px;height:78px}
.gamehead{background:#f5f5d9;border-bottom:2px dashed #bfd18f}.back{background:#fff;border:2px solid #cbd5b2}.stage{padding-top:23px}.dot{border:2px solid #d4d7b5}.dot.on{box-shadow:none;background:#4f8251;border-color:#4f8251}.question{color:#405036}.visual{background:#fbf8df;border-radius:24px;margin:10px auto 18px;width:min(520px,100%);padding:10px}.answer{border:2px solid #d3b45d;background:#fffbea;box-shadow:0 5px 0 #b58a31;border-radius:20px}.answer.correct{box-shadow:0 5px 0 #78bf9c}.gacha{background:linear-gradient(180deg,#f6f5d5,#f1dea8);border-top:2px dashed #b9aa62}.mainbtn{border-radius:999px;background:linear-gradient(135deg,#578d52,#397449);box-shadow:0 5px 0 #28542e}.next{background:linear-gradient(135deg,#dcb13c,#b98520);box-shadow:0 5px 0 #896219}.reward{border:3px solid #d6b13b;box-shadow:0 10px 25px #6e552e30}.collection{border:2px solid #fff7d1;background:rgba(255,255,239,.94);box-shadow:0 8px 22px #365d2b26}.slot{border:1.5px solid #d9cf9f;background:#fffef0}.notebook .gamehead{margin-bottom:0}
.nut-split .split-top,.nut-split .fruit{position:relative;padding-top:13px;background:linear-gradient(145deg,#f3c95a,#c98b28);border-color:#9d681d;color:#3f321f;box-shadow:0 5px 0 #875719}.nut-split .fruit.blank{background:#fffdf0;border:4px dashed #75a45c;color:#49683e;box-shadow:none}.nut-split small{position:absolute;top:-16px;left:50%;transform:translateX(-50%);font-size:1.45rem;line-height:1}.nut-equation{display:flex;align-items:center;justify-content:center;gap:.12em;flex-wrap:wrap}.nut-equation small{font-size:.48em;line-height:1}.nut-equation .box{margin-left:.08em}
.original-problem{display:inline-block;background:#e5f0ce;border:2px solid #7ea263;border-radius:999px;padding:5px 14px;margin-bottom:9px;color:#315f39;font-size:.78em;letter-spacing:.03em}.original-problem+br+strong{color:#9b5e18}
.method-select{padding:0}.method-body{padding:22px 18px 25px}.method-one{background:linear-gradient(135deg,#f4f9e8,#dfefc7)!important;border-color:#a9c67d!important}.method-two{background:linear-gradient(135deg,#fff9e5,#f3dfa3)!important;border-color:#d5b34f!important}.borrow-map{width:min(380px,100%);margin:4px auto 12px;padding:13px 10px 112px;border:2px solid #c9d99a;border-radius:22px;background:#fffef0;overflow:visible}.borrow-equation{display:grid;grid-template-columns:1fr .52fr 1fr .52fr 1.15fr;align-items:start;font-size:clamp(2rem,9vw,3.25rem);font-weight:900}.split-anchor{position:relative;display:inline-block;color:#9b5e18}.split-anchor:after{content:"";position:absolute;top:100%;left:50%;height:24px;border-left:4px solid #5f8c4d;transform:translateX(-50%)}.mini-tree{position:absolute;z-index:2;top:calc(100% + 22px);left:50%;width:148px;height:88px;transform:translateX(-50%);font-size:1rem;color:#3f321f}.mini-tree>i:before,.mini-tree>i:after{content:"";position:absolute;top:0;width:76px;height:29px;border-top:4px solid #5f8c4d}.mini-tree>i:before{right:50%;border-radius:0 100% 0 0;transform:rotate(-15deg);transform-origin:right top}.mini-tree>i:after{left:50%;border-radius:100% 0 0 0;transform:rotate(15deg);transform-origin:left top}.mini-nuts{position:absolute;top:26px;left:0;right:0;display:flex;justify-content:space-between}.mini-nuts b{width:61px;height:61px;border:4px solid #9d681d;border-radius:48% 52% 47% 53%;background:linear-gradient(145deg,#f3c95a,#c98b28);display:grid;place-items:center;position:relative;font-size:1.55rem;box-shadow:0 4px 0 #875719}.mini-nuts b small{position:absolute;top:-16px;font-size:1.25rem}.mini-nuts b.unknown{background:#fffdf0;border:4px dashed #75a45c;color:#49683e;box-shadow:none}.step-calc{margin:10px auto 2px;font-size:clamp(1.8rem,8vw,2.8rem);font-weight:900;color:#405036}.step-calc .box{font-size:.9em}@media(max-width:420px){.borrow-map{padding-inline:6px}.mini-tree{width:132px}.mini-nuts b{width:56px;height:56px}}
.work-stack{width:min(430px,100%);margin:auto}.split-note{margin:-2px auto 10px;padding:8px 10px;border-radius:12px;background:#f1f8df;color:#4b693c;font-weight:900}.work-row{display:grid;grid-template-columns:1fr auto 28px;align-items:center;gap:8px;margin:9px auto;padding:10px 12px;border:3px solid #efb15d;border-radius:14px;background:#fff9e8;font-size:clamp(1.35rem,6vw,1.9rem);font-weight:900}.work-row.current{border-style:dashed}.work-row.done{border-color:#79ad68;background:#eef9e8}.work-row b{color:#32824a}.work-answer{display:grid;place-items:center;min-width:1.7em;height:1.7em;border:3px solid #e95a61;border-radius:9px;background:white;color:#74401f}.work-row.done .work-answer{border-color:#61a967}.final-answer{margin:14px auto 2px;padding:13px;border:3px solid #e6aa2c;border-radius:15px;background:#fff0bd;color:#70401f;font-size:clamp(1.4rem,6vw,2rem);font-weight:900}@media(max-width:420px){.work-row{grid-template-columns:1fr auto 22px;padding:9px 8px}.split-note{font-size:.9rem}}
@media(max-width:420px){.top{border-radius:23px}.mascots{width:245px}.mode{min-height:86px}.visual{min-height:105px}.grid{gap:6px}}