/* Illustrated game stage: generated art with crisp, shared gameplay symbols. */
:root{color:#fff4d3;background:#183a2b;--green:#265e42;--ink:#2e432c;--orange:#edb850}body{min-height:100svh;background:linear-gradient(90deg,#071c16a6,#11291b10 65%),url('../assets/station.webp') center/cover fixed}body:has(.warehouse){background:linear-gradient(#102e2438,#102e2450),url('../assets/station.webp') center/cover fixed}.app{max-width:1500px;padding:0 42px}header{height:82px;border:0}.brand{color:#fff0bb;text-shadow:0 2px 5px #12291b}.brand small,.prototype,footer{display:none}.brand-icon{background:#265541bd;border:1px solid #efc98170;box-shadow:0 3px 12px #061e1633}.quiet{color:inherit}nav{background:#173e2ce0;border:1px solid #d5af674d;border-radius:16px;padding:0 8px}.hero{min-height:420px;position:relative;grid-template-columns:1fr 1fr;gap:0}.hero>div:first-child{z-index:2}.hero .eyebrow{color:#f2dca4;font-size:14px;text-shadow:0 2px 5px #173425}.hero h1{font-family:"STKaiti","KaiTi","Microsoft YaHei",serif;font-size:86px;line-height:1.1;margin:23px 0 16px;color:#fff4ca;text-shadow:0 5px 0 #345d39,0 7px 18px #081c18;letter-spacing:8px}.hero h1 em{display:block;color:#f7cc6d}.hero p{font-size:18px;color:#fff0c8;text-shadow:0 2px 5px #1b3923;letter-spacing:4px;margin:0}.courier-art{height:410px;width:100%;object-fit:contain;filter:drop-shadow(0 15px 15px #0e241f50);animation:breathe 4s ease-in-out infinite}.primary{background:linear-gradient(#f6d183,#e8ad48);color:#4c361b;border:2px solid #ffe0a0;box-shadow:0 5px 0 #895b2b,0 8px 15px #122b2255;text-shadow:0 1px #ffe8ae;padding:14px 35px}.secondary{background:linear-gradient(#39734c,#215738);color:#fff5d6;border:2px solid #8aa572;box-shadow:0 4px 0 #173d2c}.actions{gap:17px}.section-top{margin:10px 0 12px;padding:0 15px;text-shadow:0 2px 5px #173924}.section-top h2{font-size:17px}.section-top span{color:#ffe4a2;font-size:16px}.chapters{justify-content:center;margin:0;padding:14px 8px 0;background:#173e2ef2;border:1px solid #b5a06370;border-bottom:0;border-radius:22px 22px 0 0;gap:20px}.chapter{color:#c2ceac;padding:8px 18px}.chapter.selected{background:#eac57b;color:#344326;box-shadow:0 3px 0 #947341}.level-grid{background:#173e2ef2;border:1px solid #b5a06370;border-top:0;border-radius:0 0 22px 22px;padding:20px 28px 22px;margin:0;gap:25px;position:relative}.level-grid:before{content:"";position:absolute;top:70px;left:8%;right:8%;height:3px;background:repeating-linear-gradient(90deg,#d4ba7180 0 12px,transparent 12px 20px)}.level{background:#e3d29d;border:2px solid #a79562;min-height:107px;border-radius:50% 50% 12px 12px;text-align:center;color:#30432c;padding:15px 12px;z-index:1;box-shadow:0 5px 0 #0e3025}.level .num{color:#5e7353;font-size:10px}.level h3{margin:8px 0;font-size:22px}.level small{color:#5d6f4c}.level .stars{position:static;display:block;height:13px;color:#876119;line-height:15px}.level.current{background:#ffdb8a;border:2px solid #fff1b4;box-shadow:0 0 20px #ffd68b45,0 5px 0 #a47a35}.level:disabled{opacity:.68}.game-heading{margin:18px 0 12px}.game-heading h1{color:#fff4d4;text-shadow:0 3px 5px #143a2a;font-size:25px}.game-heading .eyebrow{color:#fff1c7}.game-tools{color:#fff4cf}.stats{border:1px solid #b9a67580;background:#183f30ec;border-radius:14px;color:#fff1c9;padding:10px 20px}.stat{color:#cfdbb8}.stat strong{color:#fff0c2;font-size:22px}.progress-track{background:#597153}.progress-track i{background:#e7be66}.practice-badge{background:#ddb565;color:#35492f}.rule-banner{background:#fff2d7f2;color:#234731;border:2px solid #bea26a;justify-content:center;width:max-content;max-width:100%;margin:13px auto 20px;padding:7px 22px;border-radius:16px;box-shadow:0 4px 0 #654d2b4d;min-height:64px;gap:16px}.rule-banner b{color:#4b6243}.rule-pictures{display:flex;align-items:center;justify-content:center;gap:20px;color:#355a38}.rule-accept{display:flex;align-items:center;gap:6px}.rule-check{font-size:30px;color:#348346}.rule-token{display:grid;place-items:center;background:#fff8e5;border-radius:8px;border:1px solid #c6c7a4;width:43px;height:43px}.item-icon{display:block;width:38px;height:38px}.rule-reject{display:flex;align-items:center;gap:6px;padding-left:15px;border-left:1px solid #caba94;color:#9e4934}.rule-reject b{font-size:29px;border:2px solid #a44b39;color:#a44b39;width:34px;height:34px;line-height:28px;text-align:center;border-radius:5px;transform:rotate(7deg)}.rule-reject small{font-size:12px}.warehouse{background:linear-gradient(#2c5c4270,#122f23e8);border:2px solid #d9bd7480;padding:23px 24px 16px;border-radius:23px;box-shadow:0 8px 0 #15362980,0 18px 40px #0a271b40;overflow:visible;min-height:350px}.warehouse-top{color:#f1dfb2;margin-bottom:12px}.lane{height:265px}.lane-name{color:#ebd7aa;top:0}.belt{top:73px;height:86px;border:7px solid #96764b;background:repeating-linear-gradient(90deg,#384d3f 0 26px,#263e30 27px 31px);box-shadow:0 7px 0 #59462f,0 16px 12px #112d224f}.belt:before,.belt:after{background:#c7a468;border:5px solid #514e32;width:27px;height:38px;top:17px}.basket{width:21%;height:192px;top:47px;border:2px dashed #ffe0a2a6;border-radius:15px;background:#fee0a315}.basket .frame-tip{color:#f5d58d;font-size:24px;top:-29px}.basket .basket-body{height:115px;bottom:-28px;left:-9%;right:-9%;background:none;border:0;border-radius:0;box-shadow:none;display:block}.basket-body>img{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.basket .basket-body>span{position:absolute;left:34%;top:51%;width:32%;height:25%;padding:0;background:none;display:grid;place-items:center;border-radius:0}.basket-body .item-icon{width:34px;height:34px}.basket.active{background:#fff6a34a;border:3px solid #ffe8a6;box-shadow:0 0 22px #ffe9a778,inset 0 0 15px #fff6ba40}.basket.active .frame-tip{color:#fff6bb;transform:translateY(2px)}.parcel{top:65px;background:none;border:0}.parcel .box{width:95px;height:95px;border:0;background:none;box-shadow:none;border-radius:0}.parcel .box:before{display:none}.box>img{width:100%;height:100%;position:absolute;inset:0}.parcel .label{position:absolute;top:37%;left:27%;width:46%;height:42%;min-height:0;min-width:0;padding:0;background:none;display:grid;place-items:center}.parcel .label .item-icon{width:40px;height:40px}.stamp{z-index:2;right:2px;top:7px;background:#ffefd1}.game-bottom{padding-top:5px;color:#fff0cc;min-height:57px}.feedback{color:#fff3b0;background:#183e2cbd;border-radius:10px;padding:9px 15px;min-width:130px;font-size:17px;letter-spacing:1px}.feedback.bad{color:#ffd7ac}.spacekey{font-size:19px;font-weight:bold;background:linear-gradient(#ffe5a0,#e9b659);border:2px solid #ffeab0;color:#4b3c20;box-shadow:0 4px 0 #876837;min-width:155px;padding:10px 26px;border-radius:12px;touch-action:manipulation}.spacekey small{display:inline-block;font-size:11px;opacity:.7;margin-left:10px}.overlay{border-radius:20px;background:#f9f0dfee;color:#264b32;backdrop-filter:blur(9px);gap:10px;z-index:10;padding:16px}.overlay h2{font-size:27px}.overlay .eyebrow{font-size:12px}.overlay .actions{margin-top:2px}.overlay .rule-detail{font-size:12px;padding:3px}.overlay .rule-pictures{gap:15px}.overlay .rule-token{width:36px;height:36px}.overlay .rule-token .item-icon{width:30px;height:30px}.tutorial-art{height:142px;width:320px;position:relative;flex-shrink:0}.demo-track{position:absolute;top:52px;left:0;right:0;height:24px;background:repeating-linear-gradient(90deg,#53634a 0 18px,#354c37 19px 22px);border:4px solid #a38755;border-radius:15px}.demo-frame{position:absolute;left:50%;top:12px;width:92px;height:112px;border:2px dashed #629153;border-radius:10px;background:#7fbb5422}.demo-frame>img{position:absolute;width:112px;height:72px;left:-11px;bottom:-20px}.demo-frame>span{position:absolute;bottom:-3px;left:30px}.demo-frame .item-icon{width:27px;height:27px}.demo-parcel{position:absolute;left:10px;top:25px;width:67px;height:67px;animation:demo-deliver 3.7s infinite}.demo-parcel>img{width:100%;height:100%}.demo-parcel>span{position:absolute;left:21px;top:25px}.demo-parcel .item-icon{width:25px;height:25px}.demo-hand{font-size:38px;position:absolute;left:190px;top:28px;color:#5e774a;animation:demo-tap 3.7s infinite;z-index:5}.demo-spark{position:absolute;left:206px;top:75px;font-size:33px;color:#bb9033;animation:demo-tap 3.7s infinite}.practice-dots{font-size:33px;letter-spacing:13px;color:#508448;margin:15px}.pause-panda{display:block;height:180px;margin:auto}.score-details{font-size:13px;color:#657b54;cursor:pointer;margin-top:14px}dialog{background:#fcf1d8;border:3px solid #af945b;color:#2e4d32;box-shadow:0 0 0 6px #355336,0 20px 100px #061f1980}dialog h2{font-family:"KaiTi","Microsoft YaHei",sans-serif;font-size:32px}.result-metrics div{background:#e8dfbf}.result-stars{text-align:center;text-shadow:0 2px #ac8031}.two-lanes .lane{height:228px}.two-lanes .basket{height:170px}.two-lanes .basket-body{height:95px;bottom:-20px}.two-lanes .lane.lit .belt{border-color:#f5ce77;box-shadow:0 0 18px #f4d57660}.two-lanes .lane.lit .lane-name{color:#ffe7a4}.two-lanes.warehouse{min-height:unset}.destination-icon{font-size:13px;font-weight:900;white-space:nowrap}.rule-pictures small{font-size:12px}.rule-accept>small{color:#50683b}.count{color:#2e6a40}.section-top h2,.game-heading h1{font-weight:800}@keyframes breathe{50%{transform:translateY(-8px) rotate(1deg)}}@keyframes demo-deliver{0%,10%{transform:translateX(0);opacity:1}50%,65%{transform:translateX(164px);opacity:1}80%,100%{transform:translate(164px,52px) scale(.35);opacity:0}}@keyframes demo-tap{0%,47%,85%,100%{opacity:0;transform:translateY(-8px)}55%,65%{opacity:1;transform:translateY(0)}75%{opacity:0}}@media(min-width:1500px){.hero{min-height:470px}.courier-art{height:455px}}@media(max-width:850px){.app{padding:0 22px}.hero h1{font-size:66px}.hero{min-height:370px}.courier-art{height:350px}.chapters{gap:3px}.chapter{padding:8px 12px}.level-grid{gap:12px;padding:18px}.basket .basket-body{height:100px}.hero p{font-size:16px}.warehouse{padding:20px 15px 15px}.basket-body .item-icon{width:30px;height:30px}}@media(max-width:580px){body{background-position:58% center}.app{padding:0 12px}header{height:67px}.brand{font-size:17px}.brand-icon{width:32px;height:35px}.brand small{display:none}nav .quiet{font-size:12px;padding:8px}.hero{display:flex;align-items:flex-start;padding:30px 8px 0;min-height:365px}.hero>div:first-child{width:100%}.hero .eyebrow{font-size:11px;letter-spacing:1px}.hero h1{font-size:60px;letter-spacing:5px;margin:20px 0 16px}.hero p{font-size:13px;letter-spacing:1px}.courier-art{position:absolute;height:285px;width:210px;right:-22px;top:65px;z-index:1}.hero .actions{position:relative;z-index:3;margin-top:33px;gap:10px}.primary,.secondary{font-size:14px;padding:12px 20px}.section-top{margin:7px 0 10px;padding:0 5px}.section-top h2{font-size:15px}.section-top span{font-size:13px}.chapters{padding:12px 6px 0;gap:3px;flex-wrap:wrap}.chapter{font-size:11px;padding:7px 9px}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr));padding:18px 8px 16px;gap:6px}.level{padding:10px 1px;min-height:95px;border-radius:25px 25px 9px 9px}.level .num{font-size:8px;letter-spacing:0}.level h3{font-size:14px;margin:9px 0 5px}.level small{font-size:9px}.level:last-child{grid-column:auto;min-height:95px}.level .stars{font-size:10px}.game-heading{margin:13px 0 10px}.game-heading h1{font-size:20px}.game-heading .eyebrow{font-size:10px}.stats{gap:15px;padding:9px 12px}.stat{font-size:10px}.stat strong{font-size:19px}.practice-badge{font-size:10px;padding:5px 7px}.rule-banner{margin:12px auto 17px;padding:6px 12px;min-height:56px;gap:12px}.rule-banner b{font-size:11px}.rule-pictures{gap:9px}.rule-token{width:34px;height:34px}.rule-token .item-icon{width:30px;height:30px}.rule-check{font-size:24px}.rule-reject{padding-left:7px}.rule-reject small{font-size:10px}.rule-reject b{width:27px;height:27px;font-size:23px;line-height:21px}.warehouse{min-height:355px;padding:17px 9px 12px}.warehouse-top{font-size:10px}.lane{height:255px}.belt{top:92px;height:65px;border-width:5px}.belt:before,.belt:after{top:13px;width:18px;height:29px;border-width:3px;left:3px}.belt:after{left:auto;right:3px}.basket{top:64px;height:150px;width:21%}.basket .basket-body{height:71px;bottom:-20px;left:-12%;right:-12%}.basket-body .item-icon{width:24px;height:24px}.basket .basket-body>span{top:48%;left:30%;width:40%;height:32%}.parcel{top:85px}.parcel .box{width:71px;height:71px}.parcel .label .item-icon{width:30px;height:30px}.stamp{right:0;top:2px;width:25px;height:25px;font-size:19px;line-height:19px}.game-bottom{padding-top:0;align-items:center;gap:5px;min-height:45px}.feedback{font-size:13px;padding:9px 10px;min-width:85px;letter-spacing:0}.spacekey{min-width:112px;padding:10px 15px;font-size:16px}.spacekey small{display:none}.overlay{padding:14px 9px;gap:9px}.overlay h2{font-size:23px}.tutorial-art{width:300px;height:135px}.overlay .eyebrow{font-size:10px}.two-lanes .lane{height:195px}.two-lanes .basket{height:120px}.two-lanes .basket-body{height:67px;bottom:-15px}.two-lanes .lane+.lane{margin-top:0}.two-lanes .lane-name{top:5px}.two-lanes .parcel{top:72px}.two-lanes .belt{top:79px}.two-lanes .basket{top:50px}.two-lanes .game-bottom{margin-top:10px}.destination-icon{font-size:10px}.rule-pictures>small{max-width:60px;font-size:10px}.result-metrics strong{font-size:23px}dialog h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.courier-art{animation:none}}