:root{--ink:#344b40;--muted:#78867a;--green:#527a57;--cream:#fffdf5;--orange:#df975e}*{box-sizing:border-box}body{margin:0;background:#f3f5ec;color:var(--ink);font-family:'Noto Sans SC','PingFang SC',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:3px solid #d58c51;outline-offset:4px}button:disabled{opacity:.5;cursor:default}header{max-width:1200px;margin:auto;padding:25px 34px;display:flex;justify-content:space-between;align-items:center}.brand{text-decoration:none;color:var(--ink);font-weight:800;letter-spacing:2px}.brand span{color:#73956b;font-size:28px;vertical-align:middle}.tools{display:flex;gap:10px}.tools button,.quiet{background:#e9eddf;padding:10px 17px;border-radius:30px;font-size:13px}main{max-width:1140px;margin:auto;padding:15px 30px 50px}.eyebrow{font-size:12px;letter-spacing:4px;color:#829577;font-weight:700}.intro{text-align:center;margin:15px 0 30px}h1{font-size:clamp(30px,4.5vw,48px);font-weight:800;letter-spacing:2px;margin:10px 0 12px}p{line-height:1.8;color:var(--muted)}.intro p{margin:0}.animals{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.animal{position:relative;background:#fffcf3;border:2px solid transparent;border-radius:28px;padding:22px;text-align:center;transition:transform .2s,border .2s;box-shadow:0 9px 25px #445e3c05}.animal:hover{transform:translateY(-5px)}.animal.selected{border-color:#799b68;background:#f8fbef}.animal .check{position:absolute;right:18px;top:15px;color:#658455}.animal svg{width:100%;height:170px}.animal h2{margin:5px 0;font-size:21px}.animal p{font-size:13px;margin:4px 0}.badge{display:inline-block;background:#edf0df;color:#69815c;border-radius:20px;padding:5px 12px;font-size:12px}.start-panel{margin-top:25px;padding:24px 28px;background:#e8eddd;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.start-panel h3{margin:0 0 5px}.start-panel p{font-size:13px;margin:0}.primary{background:var(--green);color:white;border-radius:18px;padding:16px 30px;font-weight:700;box-shadow:0 5px 0 #3c6143;white-space:nowrap}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #3c6143}.modes{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.mode{border-radius:20px;background:#ffffff9c;padding:8px 16px;font-size:13px}.mode.active{background:#527a57;color:white}.footnote{text-align:center;font-size:12px;margin-top:24px;color:#929d89}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.progress{display:flex;gap:7px}.progress i{height:8px;width:30px;border-radius:8px;background:#dce4d1}.progress i.done{background:#88a374}.task{text-align:center;margin:15px 0 20px}.task h1{font-size:30px;margin:8px 0}.task p{margin:0;font-size:14px}.stage{position:relative;height:300px;overflow:hidden;border-radius:30px;background:linear-gradient(#e1eee8 0%,#eaf1de 53%,#b4d3c9 54%,#c2dcd3 100%);isolation:isolate}.sun{position:absolute;width:65px;height:65px;top:24px;right:18%;background:#f8e9b5;border-radius:50%}.hill{position:absolute;border-radius:50% 50% 0 0;background:#c7dbba;width:65%;height:140px;top:65px;left:-12%;z-index:-1}.hill.two{left:48%;top:90px;background:#d4dfbd}.tree{position:absolute;bottom:125px;font-size:80px;filter:saturate(.5);left:4%}.tree.right{left:auto;right:4%;font-size:100px}.river-line{position:absolute;bottom:30px;width:65px;height:3px;border-radius:50%;background:#e3f1e7;left:15%;box-shadow:230px -18px #e3f1e7,550px 3px #e3f1e7}.boat{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);width:420px;max-width:88%;transition:left 1s,opacity 1s}.boat.sailing{left:125%;opacity:0}.passenger{position:absolute;left:5px;width:100px;height:112px;bottom:65px}.cargo{margin-left:100px;min-height:74px;display:flex;align-items:end;justify-content:center;gap:6px;padding:0 12px 8px}.cargo button{background:#fff9e7;border-radius:13px;padding:8px 12px;box-shadow:0 3px 0 #b99066;min-width:52px;font-size:21px}.hull{height:49px;background:#c5966d;border-radius:8px 8px 90px 90px;border-top:9px solid #e3b488;text-align:center;color:#fff9e9;font-size:12px;padding-top:8px;letter-spacing:3px}.capacity{position:absolute;top:18px;left:20px;background:#fffdf2db;border-radius:15px;padding:10px 15px;font-size:14px}.capacity b{font-size:24px;color:#547b57}.dock{margin-top:17px;background:#fffdf5;border-radius:24px;padding:20px 24px}.dockhead{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:var(--muted);gap:12px}.cards{display:flex;justify-content:center;gap:12px;margin:18px 0;flex-wrap:wrap}.number-card{min-width:75px;min-height:85px;background:#f4ead5;border:2px solid #eadbc0;border-radius:16px;position:relative;padding:10px}.number-card b{display:block;font-size:29px}.number-card small{font-size:13px;display:block;max-width:110px}.number-card:hover{background:#eddfc1;transform:translateY(-2px)}.number-card.used{opacity:.3}.actions{display:flex;justify-content:center;gap:12px;align-items:center;flex-wrap:wrap}.feedback{min-height:32px;text-align:center;margin:13px 0 0;font-weight:600;font-size:15px;color:#6a825c}.tenframe{display:grid;grid-template-columns:repeat(5,30px);gap:5px;justify-content:center;margin:12px auto}.tenframe span{width:30px;height:30px;background:#edf0e6;border:1px dashed #bccbb2;border-radius:6px;text-align:center;font-size:18px}.tenframe span.filled{background:#e5edd7;border-style:solid}.tenframe span.extra{background:#f6dccb}.scoreboard{display:flex;gap:10px;align-items:center;font-size:13px}.scoreboard span{background:#e8eddc;border-radius:12px;padding:9px 12px}.summary{max-width:650px;margin:35px auto;text-align:center;background:#fffdf5;padding:35px;border-radius:30px}.summary .big{font-size:65px}.stats{display:flex;justify-content:center;gap:25px;margin:25px 0}.stats b{display:block;font-size:30px}.stats small{color:var(--muted)}.lesson{background:#eff2e5;padding:17px;border-radius:17px;margin:18px 0}.routes{display:flex;justify-content:center;gap:7px;margin:20px 0}.routes span{font-size:12px;padding:7px 12px;border-radius:12px;background:#e6ebdb}.routes .current{background:#d7e4c9;color:#496647}dialog{border:0;border-radius:25px;padding:28px;max-width:480px;width:90%;color:var(--ink);background:#fffdf5}dialog::backdrop{background:#344b405c;backdrop-filter:blur(4px)}dialog h2{margin-top:0}dialog p{font-size:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#344b40;color:white;padding:12px 22px;border-radius:20px;opacity:0;pointer-events:none;transition:opacity .2s;z-index:9}#toast.show{opacity:1}.unlocked{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;font-size:13px}.unlocked span{background:#f6edcf;padding:8px 13px;border-radius:14px}@media(max-width:650px){header{padding:18px}.tools button{padding:8px 10px;font-size:11px}main{padding:5px 15px 30px}.animals{gap:9px}.animal{padding:12px 5px;border-radius:20px}.animal svg{height:115px}.animal h2{font-size:17px}.animal p{font-size:11px}.badge{font-size:10px;padding:4px 7px}.start-panel{padding:20px;flex-direction:column;align-items:stretch}.start-panel .primary{width:100%}.intro{margin:15px 0 23px}.intro p{font-size:13px}.stage{height:260px}.task h1{font-size:24px}.scoreboard{gap:4px}.scoreboard span{padding:7px}.number-card{min-width:58px;min-height:75px;padding:7px}.cards{gap:8px}.dock{padding:17px 12px}.topline{gap:7px}.progress i{width:20px}.routes span{padding:6px;font-size:11px}.summary{padding:25px 18px}.tree{font-size:55px}.tree.right{font-size:65px}.boat{bottom:32px}.dockhead{font-size:12px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}

.passenger{bottom:34px}
.unit-stage{height:350px}.unit-boat{width:540px;max-width:94%;bottom:35px}.unit-boat .passenger{width:95px;left:2px;bottom:54px}.slot-grid{display:grid;grid-template-columns:repeat(5,58px);gap:9px;justify-content:center;padding:15px 8px 15px 90px}.cargo-slot{width:58px;height:58px;border-radius:14px;border:2px dashed #819a7b;background:#fffdf3df;display:grid;place-items:center;font-size:32px;touch-action:none;user-select:none}.cargo-slot.empty{box-shadow:inset 0 2px 5px #56734a10}.slot-mark{font-size:24px;color:#9bad90}.cargo-slot.occupied{border-style:solid}.cargo-slot.orange{background:#f7e1bd;border-color:#d9ac70}.cargo-slot.green{background:#e0edce;border-color:#95af79}.cargo-slot.base{background:#e6e8d9;border-color:#aeb897}.supply{display:flex;justify-content:center;align-items:center;gap:35px;margin:20px 0 10px}.supply-group{text-align:center}.supply-group small{font-size:12px;color:#7b886f;display:block;margin-top:8px}.unit-source{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:96px;height:96px;border-radius:25px;font-size:40px;touch-action:none;user-select:none;border:3px solid transparent;box-shadow:0 5px 0 #bda77c}.unit-source span{font-size:12px}.unit-source.orange{background:#f6dfb9}.unit-source.green{background:#dce9c8;box-shadow:0 5px 0 #a0b184}.unit-source.chosen{border-color:#68855d}.shore-target{display:flex;align-items:center;gap:12px;border:2px dashed #b4baa1;border-radius:20px;padding:18px;font-size:30px;background:#f1f0e5}.shore-target span{font-size:12px;line-height:1.8}.touch-tip{text-align:center;font-size:12px;margin:10px 0 20px}.drop-ready{outline:4px solid #e3ac56!important;outline-offset:3px;background:#fff0bf!important}.drag-ghost{position:fixed;transform:translate(-50%,-65%);font-size:49px;z-index:1000;pointer-events:none;filter:drop-shadow(0 8px 5px #344b4030)}.compare-boats{display:flex;gap:12px;justify-content:center;margin-bottom:14px}.compare-boats>div{background:#fff9ea;border-radius:16px;padding:12px;text-align:center;flex:1}.compare-boats p{margin:5px 0;font-size:23px;letter-spacing:5px}.unit-dock{transition:outline .15s}@media(max-width:650px){.unit-stage{height:320px}.slot-grid{grid-template-columns:repeat(5,44px);gap:7px;padding-left:55px}.cargo-slot{width:44px;height:48px;font-size:27px}.unit-boat .passenger{width:66px;left:-2px;bottom:62px}.supply{gap:14px}.unit-source{width:75px;height:83px;font-size:34px}.shore-target{padding:12px;gap:5px;font-size:24px}.compare-boats p{font-size:18px;letter-spacing:1px}.unit-stage .tree{left:0}.unit-stage .tree.right{right:0}.unit-stage .capacity{top:14px;left:12px}.unit-boat{bottom:30px}}
body:has(.unit-stage) header{padding-top:12px;padding-bottom:12px}body:has(.unit-stage) main{padding-top:0;padding-bottom:20px}body:has(.unit-stage) .task{margin:8px 0 14px}.unit-stage{height:270px}.unit-dock{padding-top:14px;padding-bottom:14px}.unit-dock .supply{margin:12px 0 6px}.unit-dock .touch-tip{margin:8px 0 12px}@media(max-width:650px){.unit-stage{height:270px}.slot-grid{padding-top:10px;padding-bottom:10px}.unit-dock .supply{gap:10px}}
.group-sources{display:flex;flex-direction:column;gap:12px}.group-row{display:flex;align-items:center;gap:10px}.group-row>small{font-size:12px;width:65px;color:#77856a}.group-row .unit-source{width:108px;height:78px;border-radius:18px;gap:7px}.group-items{display:flex!important;align-items:center;justify-content:center;font-size:28px!important;white-space:nowrap;letter-spacing:-5px;padding-right:5px}.group-row .unit-source>span:last-child{font-size:12px}.drag-ghost{font-size:35px;white-space:nowrap;letter-spacing:-6px}.unit-dock .supply{gap:20px}.cargo-slot.occupied:disabled{opacity:.9}@media(max-width:650px){.group-row{gap:6px}.group-row>small{display:none}.group-row .unit-source{width:72px;height:75px}.group-items{font-size:24px!important;letter-spacing:-7px;padding-right:7px}.group-row .unit-source>span:last-child{font-size:10px}.unit-dock .supply{gap:10px}.unit-dock .shore-target{padding:10px 6px;flex-direction:column}.unit-dock .shore-target span{font-size:10px}.group-sources{gap:10px}}
@media(max-width:650px){.group-row .unit-source{width:clamp(54px,18vw,72px)}}
.dock-route{display:flex;justify-content:space-between;align-items:center;margin:0 5px 10px;gap:8px;font-size:12px;color:#75856b}.dock-route b{color:#527a57}.delivery-heading{margin-top:30px!important}.delivery-world{position:relative;height:380px;border-radius:30px;overflow:hidden;background:linear-gradient(#e4eee3 0 39%,#b5d5cd 39% 100%);isolation:isolate}.delivery-world .sun{right:35%;width:50px;height:50px}.delivery-river{position:absolute;inset:50% 0 0;background:repeating-linear-gradient(174deg,transparent 0 30px,#e9f5e52b 31px 33px,transparent 34px 65px)}.port{position:absolute;top:45px;width:25%;text-align:center;background:#e4e7c7;border-radius:45% 45% 14px 14px;min-height:245px;padding:5px 10px 14px;z-index:2}.port.origin{left:-1%}.port.destination{right:-1%;background:#d8e4c6}.port-house{font-size:54px;height:70px}.port h2{font-size:16px;margin:5px 0 10px}.port p{font-size:12px;margin-top:22px}.pier{height:16px;background:#bf9973;border-top:5px solid #dec39b;border-radius:3px;position:absolute;bottom:0;width:125%}.origin .pier{left:0}.destination .pier{right:0}.received-count{background:#fffdf0;border-radius:14px;padding:8px 4px;font-size:12px}.received-count b{font-size:30px;color:#547a52;display:inline-block;margin:0 3px}.received-goods{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;font-size:20px;min-height:28px;margin:10px 0}.delivery-boat{position:absolute;left:6%;bottom:33px;width:220px;z-index:3}.delivery-boat .hull{height:40px;padding-top:4px;font-size:10px}.delivery-animal{position:absolute;width:85px;height:100px;bottom:27px;left:-7px}.delivery-cargo{padding:8px 8px 8px 67px;min-height:75px;display:flex;align-items:end;justify-content:center;flex-wrap:wrap;gap:3px}.delivery-cargo>span{font-size:22px;border-radius:5px;background:#fff7e4}.delivery-cargo>span.green{background:#dceac6}.delivery-cargo small{font-size:12px;color:#63836f}.sailing .delivery-boat{animation:cross-river 2.2s ease-in-out forwards}.unloading .delivery-boat,.arrived .delivery-boat{left:calc(76% - 180px)}@keyframes cross-river{0%{left:6%;transform:translateY(0)}35%{transform:translateY(-5px)}65%{transform:translateY(3px)}100%{left:calc(76% - 180px);transform:translateY(0)}}.unload-pop{position:absolute;right:11%;top:140px;z-index:5;background:#fff5d0;border-radius:20px;padding:6px 12px;color:#698456;animation:receive-pop .26s ease-out}.unloading .received-count{box-shadow:0 0 0 3px #c3d6a3}@keyframes receive-pop{from{transform:translateY(25px);opacity:0}to{transform:translateY(0);opacity:1}}.delivery-receipt{text-align:center;background:#fffdf5;border-radius:25px;padding:24px;margin-top:18px}.delivery-equation{font-size:20px;margin:15px 0 8px}.delivery-equation b{font-size:29px;color:#587c50;margin:0 5px}.delivery-receipt p{font-size:13px;margin:8px 0 20px}.delivery-summary{background:#e7efda;border-radius:16px;padding:16px;line-height:1.9}.delivery-summary b{font-size:26px;color:#547a52}.delivery-summary small{font-size:13px}@media(max-width:650px){.dock-route{font-size:10px}.delivery-world{height:345px}.port{width:29%;top:38px;min-height:225px;padding:5px}.port-house{font-size:40px;height:55px}.port h2{font-size:12px}.received-count{font-size:10px;padding:5px}.received-count b{font-size:25px}.received-goods{font-size:17px}.delivery-boat{width:155px;bottom:25px}.delivery-animal{width:60px;bottom:20px}.delivery-cargo{padding-left:45px;min-height:70px;gap:1px}.delivery-cargo>span{font-size:16px}.delivery-boat .hull{letter-spacing:1px;height:34px}.unloading .delivery-boat,.arrived .delivery-boat{left:calc(72% - 125px)}@keyframes cross-river{from{left:3%}to{left:calc(72% - 125px)}}.delivery-equation{font-size:14px}.delivery-equation b{font-size:24px;margin:0 2px}.delivery-receipt{padding:20px 12px}.unload-pop{right:8%;top:130px;font-size:13px}.delivery-heading h1{font-size:23px}.delivery-heading p{font-size:12px}}@media(prefers-reduced-motion:reduce){.sailing .delivery-boat{left:calc(76% - 180px)}@media(max-width:650px){.sailing .delivery-boat{left:calc(72% - 125px)}}}
.shared-scene{height:370px;background:linear-gradient(#e4eee3 0 42%,#b5d5cd 42% 100%)}.shared-scene .port{top:15px;min-height:185px;width:23%;z-index:1}.shared-scene .port-house{font-size:38px;height:48px}.shared-scene .port h2{font-size:13px;margin:4px 0}.shared-scene .received-count b{font-size:25px}.shared-scene .received-goods{font-size:17px;margin:5px 0}.shared-scene .capacity{left:28%;top:25px;font-size:12px}.shared-scene .capacity b{font-size:19px}.shared-scene .unit-boat{left:2%;transform:none;width:52%;max-width:none;bottom:45px;transition:left 2.2s ease-in-out;z-index:3}.shared-scene.sailing .unit-boat,.shared-scene.unloading .unit-boat,.shared-scene.arrived .unit-boat{left:46%}.shared-scene .slot-grid{grid-template-columns:repeat(5,40px);gap:5px;padding:10px 8px 10px 58px;min-height:110px;align-content:end}.shared-scene .cargo-slot{width:40px;height:44px;border-radius:10px;font-size:25px}.shared-scene .unit-boat .passenger{width:72px;left:0;bottom:48px}.shared-scene .hull{height:39px;letter-spacing:1px;font-size:10px;padding-top:5px}.scene-status{position:absolute;bottom:10px;left:0;right:0;text-align:center;font-size:12px;color:#527562}.shared-scene .sun{top:65px;right:36%;width:42px;height:42px}.shared-scene .transport-slots{display:flex;flex-wrap:wrap;align-content:end;justify-content:center;padding-left:65px}.transport-slots small{color:#63836f;margin-bottom:10px}.inline-receipt{text-align:center;display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin:10px 0}.inline-receipt .delivery-equation{font-size:15px;margin:0}.inline-receipt .delivery-equation b{font-size:23px}.shared-scene.unloading .received-count{box-shadow:0 0 0 3px #c3d6a3}@media(max-width:650px){.shared-scene{height:350px}.shared-scene .port{width:29%;min-height:175px;top:12px}.shared-scene .port-house{font-size:30px;height:38px}.shared-scene .port h2{font-size:11px}.shared-scene .capacity{left:32%;top:22px;padding:8px;font-size:10px;max-width:35%}.shared-scene .capacity b{font-size:16px}.shared-scene .sun{right:40%;top:92px;width:30px;height:30px}.shared-scene .unit-boat{width:74%;left:1%;bottom:42px}.shared-scene.sailing .unit-boat,.shared-scene.unloading .unit-boat,.shared-scene.arrived .unit-boat{left:25%}.shared-scene .slot-grid{grid-template-columns:repeat(5,29px);gap:4px;padding-left:40px}.shared-scene .cargo-slot{width:29px;height:36px;font-size:21px;border-radius:8px}.shared-scene .unit-boat .passenger{width:52px;bottom:48px}.shared-scene .hull{font-size:9px;height:34px}.shared-scene .transport-slots{display:flex;padding-left:45px}.scene-status{font-size:11px}.inline-receipt{gap:7px}.shared-scene .received-goods{font-size:15px}.shared-scene .received-count{font-size:10px}.shared-scene .received-count b{font-size:22px}}
.shared-scene .unit-boat .passenger{height:72px;bottom:25px}.shared-scene .unit-boat .passenger svg{display:block;width:100%;height:100%}@media(max-width:650px){.shared-scene .unit-boat .passenger{height:52px;bottom:23px}}
.training-settings{display:flex;gap:20px;justify-content:space-between;background:#e9eddf;border-radius:24px;padding:22px;margin-top:24px;flex-wrap:wrap}.training-settings strong{font-size:13px;display:block;margin-bottom:10px}.training-settings .modes{margin:0}.challenge-clock{display:flex;justify-content:space-between;align-items:center;gap:12px;background:#fff4da;border-radius:18px;padding:13px 20px;position:relative;margin-bottom:16px;font-size:13px;flex-wrap:wrap;overflow:hidden}.challenge-clock b{font-size:24px;color:#6e8051;font-variant-numeric:tabular-nums}.clock-track{height:5px;position:absolute;bottom:0;left:0;right:0;background:#e3dfc6}#clock-fill{height:100%;width:100%;background:#85a06d;transition:width .08s linear}#clock-fill.urgent{background:#d58b68}.shared-scene.fast-voyage .unit-boat{transition-duration:.26s}.shared-scene.sunk .unit-boat{animation:sink-boat 1.3s ease-in forwards;pointer-events:none}.shared-scene.sunk::after{content:'🛟';position:absolute;left:20%;bottom:48px;font-size:45px;animation:lifebuoy-bob 1.5s ease-in-out infinite;z-index:5}@keyframes sink-boat{to{transform:translateY(125px) rotate(16deg);opacity:0}}@keyframes lifebuoy-bob{50%{transform:translateY(-6px)}}.shared-scene.sunk .scene-status{color:#9e7959;background:#fff6e1;border-radius:15px;margin:0 12px;padding:6px}.challenge-clock+section.task h1{font-size:36px;letter-spacing:3px}.challenge-clock~.shared-scene{height:315px}.challenge-clock~.dock-route{margin-bottom:5px}@media(max-width:650px){.training-settings{padding:17px;gap:16px}.training-settings .mode{font-size:12px;padding:8px 12px}.challenge-clock{padding:10px 14px;font-size:12px}.challenge-clock b{font-size:21px}.challenge-clock~.shared-scene{height:300px}.challenge-clock+section.task h1{font-size:31px}.challenge-clock~.unit-dock{padding-top:10px}.training-settings>div{width:100%}}
.numeric-task{margin:8px 0 14px!important}.number-equation{display:flex;align-items:center;justify-content:center;gap:14px;font-size:42px!important;letter-spacing:0!important}.missing-number{display:inline-grid;place-items:center;width:68px;height:68px;background:#f6e7c6;border:3px dashed #b7a477;border-radius:18px;color:#866b40}.missing-number.right{background:#e0edce;border-color:#96b077;border-style:solid}.missing-number.wrong{background:#f3dbcd;border-color:#d1a48c;border-style:solid}.number-pad{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;max-width:650px;margin:0 auto 12px}.answer-number{height:62px;border-radius:17px;background:#f3e7cc;font-size:30px;font-weight:800;box-shadow:0 4px 0 #d6c7a6;touch-action:manipulation}.answer-number:hover:enabled{background:#eadbb5;transform:translateY(-2px)}.answer-number:disabled{opacity:.5}.answer-number.correct{background:#dcebc9;box-shadow:0 4px 0 #9fb77e;opacity:1}.answer-number.incorrect{background:#f0d4c5;box-shadow:0 4px 0 #c99d84;opacity:1}.numeric-scene{height:275px!important}.numeric-scene .port{min-height:150px}.numeric-scene .port-house{height:35px;font-size:30px}.numeric-scene .capacity{font-size:11px}.numeric-scene .unit-boat{bottom:35px}.numeric-scene .transport-slots{min-height:65px!important;padding-bottom:7px}.numeric-scene.regular-voyage .unit-boat{transition-duration:.9s}.numeric-scene .scene-status{bottom:8px}.number-dock{padding:18px!important}.number-dock .feedback{margin:5px 0 0}.numeric-scene .transport-slots .cargo-slot{width:26px;height:31px;font-size:20px;flex-shrink:0}.numeric-scene .received-goods{font-size:15px}@media(max-width:650px){.number-equation{gap:10px;font-size:33px!important}.missing-number{height:54px;width:54px;border-radius:14px}.number-pad{gap:9px}.answer-number{height:54px;font-size:27px}.number-dock{padding:15px!important}.numeric-scene{height:265px!important}.numeric-scene .port{min-height:140px}.numeric-scene .received-goods{font-size:13px}.numeric-scene .transport-slots{min-height:63px!important}.numeric-scene .transport-slots .cargo-slot{width:22px;height:26px;font-size:17px}}
.routes .dock-choice{font:inherit;font-size:12px;padding:9px 14px;border-radius:14px;background:#e6ebdb;border:2px solid transparent}.routes .dock-choice.current{background:#d7e4c9;color:#496647;border-color:#8ba578}.routes .dock-choice:hover:enabled{background:#dce7ce}.routes .dock-choice:disabled{opacity:.45}.dock-choice-tip{text-align:center;font-size:12px;margin:0 0 20px;color:#7f8f75}@media(max-width:650px){.routes{flex-wrap:wrap}.routes .dock-choice{font-size:11px;padding:8px 10px}.dock-choice-tip{font-size:11px}}