.sprite.gorilla-sprite{background:none;position:relative;overflow:hidden;clip-path:none}.gorilla-sprite:before{content:"";position:absolute;inset:0;background:url('./assets/gorilla-gym-sprites.webp') no-repeat;background-size:300% 200%;background-position:calc(var(--col)*50%) calc(var(--row)*100%);transform:scale(1.34)}
.learn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.unit-rounding{display:block;grid-column:auto}.lesson-art,.unit-rounding .lesson-art{min-height:250px}.lesson-art>.sprite,.unit-rounding .lesson-art>.sprite{width:180px}.lesson-art.gym{background:repeating-linear-gradient(135deg,#efc963 0 12px,#f5db95 12px 24px)}.unit-reading{border-color:#786b5a}.unit-reading .subject-label{background:#514b61}.unit-reading .lesson-art>.sprite{width:210px;right:0;bottom:-10px}.unit-reading .lesson-art h2{max-width:80%}.lesson-content,.unit-rounding .lesson-content{padding:20px}
.extra-quest-link{margin-top:18px;display:flex;align-items:center;gap:18px;padding:12px 22px;border:3px solid #8d6443;border-radius:20px;background:linear-gradient(#fff9db,#ffe59f);box-shadow:0 4px #885c3544;color:#5a4231}.extra-quest-link .sprite{width:105px;flex:none}.extra-quest-link b{display:block;font-size:23px}.extra-quest-link small{display:block;margin-top:7px;font-size:15px;line-height:1.7}.extra-quest-link>span:last-child{margin-left:auto;font-size:25px}
main.gym-page{background:#e7dbc0;background-image:repeating-linear-gradient(135deg,#b29e7433 0 2px,transparent 2px 22px)}.reading-room{max-width:940px;margin:auto;position:relative}.gym-header{padding:19px 14px;text-align:center;border:4px solid #5f5150;border-radius:22px 22px 0 0;background:linear-gradient(#fff3a8,#f1c150);color:#514133;box-shadow:inset 0 5px #fff7}.gym-badge{font-size:13px;background:#554d5b;color:#fff6cc;border-radius:12px;padding:3px 15px;font-weight:900}.gym-header h2{font-size:28px;line-height:1.5;margin-top:7px}.gym-header p{font-size:15px;margin-top:3px}.gym-hud{scroll-margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#4f4b59;color:#ffedb6;padding:13px 18px;border:4px solid #5f5150;border-top:0;font-weight:900}.gym-hud b{font-size:26px;color:#ffcf54}.gym-progress{display:flex;gap:6px}.gym-progress i{font-style:normal;width:29px;height:29px;display:grid;place-items:center;background:#706a74;border:2px solid #968b83;border-radius:6px;font-size:13px}.gym-progress i.done{background:#f1c556;color:#614321;border-color:#fff1a4}.gym-lives{font-size:25px;letter-spacing:4px;color:#ffb0ae;min-width:92px;text-align:right}.gym-stage{isolation:isolate;position:relative;min-height:420px;overflow:hidden;background:repeating-linear-gradient(0deg,transparent 0 58px,#b2b5ba 59px 61px),repeating-linear-gradient(90deg,#d6d7d7 0 110px,#bcc1c2 111px 114px);border:4px solid #5f5150;border-top:0}.gym-stage:before{content:"TRAINING";position:absolute;top:5px;left:12px;font:bold 70px Arial,sans-serif;color:#fff4;letter-spacing:4px;z-index:-1}.gym-floor{position:absolute;inset:auto 0 0;height:92px;background:repeating-linear-gradient(90deg,transparent 0 140px,#244d6455 142px 144px),linear-gradient(#78a2a8,#476f87);border-top:7px solid #ead594;z-index:-1;transform-origin:bottom}.gym-rack{position:absolute;left:20px;top:60px;width:110px;height:150px;border:7px solid #8b8f94;border-bottom:0;z-index:-1;opacity:.7}.gym-rack i{position:relative;display:block;width:100%;height:10px;margin:20px 0;background:#5b5965;box-shadow:0 4px #aaa}.gym-rack i:before,.gym-rack i:after{content:"";position:absolute;top:-10px;left:12px;width:16px;height:30px;background:#5f5d68;border:3px solid #bab6ac;border-radius:5px}.gym-rack i:after{left:auto;right:12px}.gym-coach{position:absolute;bottom:17px;left:5px;width:240px;text-align:center;z-index:2;transform-origin:bottom}.gym-coach .sprite{width:100%}.gym-coach>b{background:#414758;border:2px solid #c9b88a;color:#fff0bb;border-radius:12px;padding:4px 15px;font-size:15px}.coach-talk{position:absolute;left:19px;right:19px;top:13px;z-index:2;border:3px solid #ac7d46;background:#fffbdc;border-radius:17px;padding:10px 17px;font-size:17px;font-weight:900;color:#645034;text-align:center}.word-stone{position:relative;margin:84px 25px 28px 260px;min-height:240px;background:linear-gradient(140deg,#fffdf1,#eee8d4);border:9px solid #91897b;border-radius:12px;box-shadow:inset 0 4px #fff,0 9px #595761,7px 12px #292d3933;padding:19px 20px 17px;z-index:1}.stone-number{font-size:12px;font-weight:900;letter-spacing:2px;color:#787163}.comic-sentence{font-size:24px;line-height:1.9;font-weight:800;margin:8px 0 13px;color:#383b45;overflow-wrap:anywhere}.reading-target{color:#be2336;font-size:1.2em;box-decoration-break:clone;-webkit-box-decoration-break:clone;background:#fff0bf;border-bottom:3px solid #bf283c;padding:0 3px;line-height:1.9}.stone-instruction{font-size:13px;color:#6d6257}.stone-bolts:before,.stone-bolts:after{content:"●";position:absolute;top:1px;color:#6c6761;font-size:13px;left:5px;text-shadow:1px 2px #fff}.stone-bolts:after{left:auto;right:5px}.gym-ready{position:relative;z-index:4;margin:20px auto 28px;width:calc(100% - 44px);max-width:610px;padding:22px 28px;background:#fffbee;border:4px solid #c89a4b;border-radius:22px;box-shadow:0 8px #58483744;text-align:center}.gym-stage.ready .word-stone{display:none}.gym-stage.ready{padding-top:68px;padding-bottom:190px}.gym-stage.ready .gym-coach{width:200px;left:calc(50% - 100px)}.gym-ready h3{font-size:24px;color:#6b482c}.gym-ready p{font-size:17px;line-height:1.8;margin:12px 0}.gym-rule{background:#ffe6bc;border:2px dashed #c08a53;padding:9px;border-radius:12px;font-size:15px!important}.gym-console{background:#fffbe6;border:4px solid #726360;border-top:0;border-radius:0 0 22px 22px;padding:19px 25px 23px;text-align:center}.reading-rule{display:flex;gap:12px;justify-content:center;font-size:14px;line-height:1.6}.reading-rule b{color:#785b3d}.kana-instruction{font-size:18px;font-weight:900;margin:15px 0 10px;color:#564d53}.kana-instruction small{display:block;font-weight:700;font-size:13px;margin-top:4px}.reading-answer{display:flex;justify-content:center;align-items:center;min-height:65px;max-width:600px;margin:auto;border:3px solid #8d7d74;border-radius:13px;background:#fff;box-shadow:inset 0 3px #d7d3ca;font-size:29px;font-weight:900;letter-spacing:4px;overflow-wrap:anywhere;padding:9px;line-height:1.5}.reading-answer>span{font-size:17px;color:#918579;letter-spacing:1px}.answer-edit{display:flex;gap:10px;justify-content:center;margin:10px auto 15px}.answer-edit button{background:#e7e4d5;border:2px solid #958d7f;border-radius:12px;padding:7px 15px;font-size:14px;min-height:40px;color:#5d5856}.kana-bank{max-width:600px;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;margin:15px auto 20px}.kana-bank button{font-size:29px;font-weight:900;color:#504548;border:3px solid #a78047;background:linear-gradient(#fff8cf,#ffd871);border-radius:13px;min-height:58px;box-shadow:inset 0 4px #fff9,0 4px #886b45;line-height:1.2;padding:7px 0}.kana-bank button:hover{transform:translateY(-2px);background:#fff4ad}.kana-bank button:active{transform:translateY(3px)}.launch-word{min-width:300px}.gym-feedback{min-height:25px;font-size:17px;font-weight:900;color:#795436;margin:17px 0 8px;line-height:1.7}.gym-failed{padding:16px;background:#fff0d7;border:3px solid #d39a58;border-radius:16px}.gym-failed h3{font-size:25px;color:#98513b}.gym-failed p{font-size:17px;margin:10px 0;line-height:1.7}.gym-failed b{color:#b52c40;font-size:23px}.stone-cleared{background:#f8c94f;border:3px solid #b38b3c;transform:rotate(-3deg);border-radius:14px;font-weight:1000;color:#624025;text-align:center;font-size:29px;padding:5px 10px;position:relative;z-index:3;animation:stamp-hit .35s ease-out}.stone-cleared small{display:block;font-size:18px;line-height:1.8}.word-stone.broken{border-style:dashed;background:#f7f4e3;animation:stone-impact .5s ease-out}.word-stone.broken .comic-sentence{opacity:.5}.stone-crack{display:none}.broken .stone-crack{display:block;position:absolute;inset:10px 10px 15px;pointer-events:none;background:linear-gradient(35deg,transparent 0 48%,#76695c 48.5% 49%,transparent 49.5%),linear-gradient(125deg,transparent 0 58%,#76695c 58.5% 59%,transparent 59.5%);opacity:.6}.flying-word{position:absolute;transform:translateX(-50%);pointer-events:none;z-index:10;background:#fff2ae;border:3px solid #e69e30;border-radius:13px;padding:5px 17px;font-size:30px;font-weight:1000;white-space:nowrap;box-shadow:0 0 25px #ffd438;color:#774122;animation:word-launch .65s ease-in forwards}.gym-coach.punching{animation:gorilla-punch .65s ease-in}.word-stone.rebound{animation:stone-rebound .55s ease-out}.rejected-reading{position:absolute;left:50%;top:40%;color:#ffdd83;background:#62545c;border:3px solid #c79e6c;border-radius:12px;z-index:5;padding:8px 16px;font-size:27px;white-space:nowrap;animation:word-rejected 1s ease-out forwards;pointer-events:none}.stone-shards{position:absolute;inset:0;pointer-events:none;z-index:4}.stone-shards i{position:absolute;left:50%;top:50%;width:40px;height:24px;background:#ada18e;border:2px solid #716961;clip-path:polygon(10% 0,100% 25%,70% 100%,0 70%);animation:stone-shatter .8s ease-out forwards}.stone-shards i:nth-child(1){--dx:-160px;--dy:-100px}.stone-shards i:nth-child(2){--dx:150px;--dy:-80px}.stone-shards i:nth-child(3){--dx:110px;--dy:130px}.stone-shards i:nth-child(4){--dx:-140px;--dy:120px}.stone-shards i:nth-child(5){--dx:30px;--dy:-150px}.stone-shards i:nth-child(6){--dx:-10px;--dy:150px}
@keyframes word-launch{0%{transform:translate(-50%,0) scale(.85)}20%{transform:translate(-50%,0) scale(1.1)}100%{transform:translate(calc(-50% + var(--fly-x)),var(--fly-y)) scale(.8)}}@keyframes gorilla-punch{50%{transform:translateX(-15px) rotate(-5deg)}85%{transform:translateX(40px) rotate(6deg)}}@keyframes stone-impact{20%{transform:rotate(-3deg) scale(1.08)}45%{transform:rotate(3deg)}75%{transform:rotate(-1deg)}}@keyframes stone-rebound{25%{transform:translateX(9px)}55%{transform:translateX(-7px)}85%{transform:translateX(3px)}}@keyframes stamp-hit{from{transform:rotate(-9deg) scale(1.7);opacity:0}}@keyframes word-rejected{to{transform:translate(-110px,130px) rotate(-35deg);opacity:0}}@keyframes stone-shatter{to{transform:translate(var(--dx),var(--dy)) rotate(180deg);opacity:0}}
@media(max-width:650px){.learn-grid{grid-template-columns:1fr}.lesson-art,.unit-rounding .lesson-art{min-height:200px}.lesson-art>.sprite,.unit-rounding .lesson-art>.sprite{width:145px}.unit-reading .lesson-art>.sprite{width:160px}.extra-quest-link{gap:5px;padding:12px 10px}.extra-quest-link .sprite{width:78px}.extra-quest-link b{font-size:18px}.extra-quest-link small{font-size:12px}.extra-quest-link>span:last-child{font-size:18px}main.gym-page{padding:17px 9px 25px}.gym-header{padding:17px 10px;border-width:3px}.gym-header h2{font-size:23px}.gym-header p{font-size:12px}.gym-badge{font-size:12px}.gym-hud{border-width:3px;padding:10px 8px;gap:6px;font-size:12px}.gym-hud b{font-size:20px}.gym-progress{gap:3px}.gym-progress i{width:21px;height:23px;font-size:10px}.gym-lives{min-width:56px;font-size:17px;letter-spacing:1px}.gym-stage{min-height:500px;border-width:3px}.gym-stage:before{font-size:43px;top:80px}.coach-talk{left:10px;right:10px;top:10px;font-size:14px;padding:8px 10px;border-width:2px}.word-stone{margin:78px 12px 180px;min-height:220px;padding:14px 15px;border-width:7px}.comic-sentence{font-size:20px;line-height:1.9}.stone-instruction{font-size:11px}.gym-coach{width:168px;left:12px;bottom:17px}.gym-coach>b{font-size:12px}.gym-floor{height:75px}.gym-rack{left:auto;right:30px;top:auto;bottom:50px;width:100px;height:116px;opacity:.8}.gym-ready{width:calc(100% - 20px);padding:18px 11px;margin-top:20px;border-width:3px}.gym-ready h3{font-size:21px}.gym-ready p{font-size:15px}.gym-rule{font-size:13px!important}.gym-stage.ready{padding-bottom:180px}.gym-stage.ready .gym-coach{width:180px;left:calc(50% - 90px)}.gym-console{padding:15px 12px 19px;border-width:3px}.reading-rule{font-size:12px;gap:6px}.kana-instruction{font-size:17px;margin-top:11px}.kana-instruction small{font-size:12px}.reading-answer{font-size:24px;min-height:58px;letter-spacing:2px}.answer-edit button{font-size:13px}.kana-bank{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.kana-bank button{font-size:25px;min-height:51px;border-width:2px;border-radius:10px}.launch-word{min-width:0;width:100%;font-size:19px}.gym-feedback{font-size:15px}.stone-cleared{font-size:25px}.stone-cleared small{font-size:16px}.gym-failed h3{font-size:22px}.gym-failed p{font-size:15px}.flying-word{font-size:23px}.gym-stage.success .word-stone{margin-bottom:180px}.gym-stage.success .gym-coach{bottom:15px}}
@media(prefers-reduced-motion:reduce){.flying-word,.rejected-reading,.stone-shards{display:none}}