/* A small living world: the learning route remains inside each place. */
:root{--cx-paper:#fffaf0;--cx-ink:#36513d;--cx-line:#859878;--cx-sage:#a8bc8d}.cozy-world{background:#e7eddc;color:var(--cx-ink)}.cozy-world .g-bg{background-position:center;background-size:cover;transition:background-image .3s,filter 1s}.cozy-world:after{background:linear-gradient(0deg,#53663a18,transparent 25%)}.v-header{right:auto;width:164px;top:17px;left:20px;height:59px;background:#fffaf0e8;box-shadow:none;border:1px solid #d9dfc9;border-radius:18px;padding:0 13px;backdrop-filter:none}.v-brand img{width:132px;height:56px}.v-town,.v-tools{display:none!important}.cozy-world .g-top{top:24px;left:50%;right:auto;transform:translateX(-50%);z-index:13}.cozy-world .g-location{background:#fffaf0e8;border:1px solid #d9dfc9;border-radius:18px;box-shadow:none;text-align:center;font-size:13px;min-width:180px;padding:8px 22px}.cozy-world .g-location small{font-size:7px;letter-spacing:.13em;color:#80916c}.g-hud{display:none!important}.cx-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.cx-clock{position:absolute;right:20px;top:23px;z-index:14;display:flex;align-items:center;gap:7px;font-size:11px;color:#506543}.cx-clock>span{display:grid;grid-template-columns:20px auto;gap:0 6px;align-items:center;margin-right:6px}.cx-clock>span .cx-icon{grid-row:span 2;width:19px}.cx-clock small{font-size:8px;line-height:1.5;opacity:.8}.cx-clock>button{background:#fffaf0e8;border:1px solid #d8dfc8;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}.cx-clock .cx-leaves{width:auto;border-radius:20px;padding:0 11px;display:flex;gap:5px}.cx-leaves .cx-icon{width:16px;height:16px}.cx-dock{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:15;display:flex;gap:4px;padding:7px;background:#fffaf0f5;border:1.5px solid #b5c39f;border-radius:25px;box-shadow:0 5px 0 #65794816,0 12px 35px #314b2c13}.cx-dock button{background:transparent;min-width:70px;min-height:59px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:19px;color:#6e7f5e}.cx-dock button.selected{background:#e3ecd4;color:#38523c}.cx-dock button:hover{background:#edf1e4}.cx-dock button span{font-size:9px}.cx-dock button .cx-icon{width:24px;height:24px}.cx-dock button:disabled{opacity:.45}.cozy-world #walk-hint{display:none}.cozy-world .g-player{width:106px;height:150px;filter:none;z-index:6}.cozy-world .g-player:not(.walking)>svg{animation:cx-idle 5s ease-in-out infinite}.cozy-world .g-player-name{font-size:8px;background:#fffaf0d1;color:#5e7453}.cozy-world .g-npc{width:125px;height:144px;filter:none;z-index:6}.cozy-world .g-npc span{background:#fffaf0;color:#73815c;border:1px solid #bdc9a9;top:-8px;font-size:12px;width:24px;height:24px;line-height:22px}.cozy-world .g-dialog{bottom:111px;width:min(740px,calc(100% - 300px));padding:14px 18px;grid-template-columns:48px 1fr auto;border-radius:22px;border:1.5px solid #b4c4a1;background:#fffaf0f5;box-shadow:0 5px 0 #667b4d14;backdrop-filter:none;gap:12px;max-height:250px;overflow:auto}.cozy-world .g-dialog>img{width:48px;height:58px}.cozy-world .sr-cn{font-size:19px!important;margin-bottom:4px!important}.cozy-world .sr-translation{font-size:11px;background:#edf1e2;border-left:2px solid #a7bc88;padding:5px 9px}.cozy-world .sr-translation small{display:none}.cozy-world .g-speaker{font-size:9px}.cozy-world .sr-narrator{display:none}.cozy-world.cx-narration .sr-narrator,.cozy-arriving .sr-narrator{display:block}.cozy-world .g-dialog .g-btn{font-size:10px;padding:9px 13px;border-radius:14px;min-height:39px}.cozy-world .sr-quest{top:auto;bottom:210px;left:22px;max-width:215px;border:1px solid #c5d0b3;border-radius:16px;background:#fffaf0e8;box-shadow:none;padding:11px 14px}.cozy-world .sr-quest b{font-size:11px;line-height:1.5}.cozy-world .sr-quest small{font-size:7px}.cozy-world .sr-quest span{font-size:9px}.cozy-world .sr-track{opacity:.45}.cozy-world .sr-corridor{stroke:#d9c89d;stroke-width:3;stroke-opacity:.4}.cozy-world .sr-centerline{display:none}.cozy-world .sr-node{z-index:7}.cozy-world .sr-node i{font-size:10px;width:25px;height:25px;background:#fffaf0ed;color:#526d46;border:1.5px solid #8ba275;box-shadow:none}.cozy-world .sr-node.locked i{background:#dbe2ca;border-color:#a7b299;color:#7f8d70}.cozy-world .sr-node span{opacity:0;transition:opacity .2s;box-shadow:none}.cozy-world .sr-node:hover span,.cozy-world .sr-node:focus-visible span,.cozy-world .sr-node.here span{opacity:1}.cozy-world .sr-node.here i{box-shadow:0 0 0 5px #fff6d583}.cozy-world .sr-device{width:134px;right:20px;bottom:119px;border:2px solid #b9bf96;border-radius:14px;padding:10px;background:#f8f2db;box-shadow:0 3px 0 #7185501a}.cozy-world .sr-device:not(.cx-device-open)>:not(.sr-device-head):not(.cx-device-toggle){display:none}.cozy-world .sr-device .sr-device-head{font-size:8px;min-height:15px}.cx-device-toggle{position:absolute!important;inset:0 0 auto!important;width:100%;height:36px;margin:0!important;background:transparent!important;border:0!important;padding:0!important}.cx-device-open .sr-device-head{padding-bottom:7px}.cx-device-open .sr-glossary{padding-top:10px}#cx-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:9;transition:background 1s}.cozy-world[data-period=evening] #cx-atmosphere{background:linear-gradient(110deg,#e8bd7530,#c1927e0a)}.cozy-world[data-period=night] #cx-atmosphere{background:#273c661f}.cozy-world[data-period=night] .g-bg{filter:brightness(.79) saturate(.83)}.cozy-world[data-period=night] .cx-map-stage{filter:brightness(.9)}#cx-life-layer{position:absolute;inset:0;z-index:8;pointer-events:none}#cx-life-layer>*{pointer-events:auto}.cozy-map #world-background{background-image:none!important;background-color:#e7eddc}.cozy-map .g-dialog,.cozy-map #sr-device,.cozy-map #player,.cozy-map #npc{display:none!important}.cx-map-stage{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(960px,calc(100vw - 40px));aspect-ratio:3/2;background:url('assets/cozy/town.webp') center/contain no-repeat}.cx-landmark{position:absolute;transform:translate(-50%,-50%);background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px;z-index:2}.cx-landmark i{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#fffaf0ef;border:1px solid #b4c29f;box-shadow:0 2px 0 #6f805c19;color:#66854f}.cx-landmark .cx-icon{width:16px;height:16px}.cx-landmark span{font-size:10px;white-space:nowrap;padding:4px 9px;border-radius:9px;background:#fffaf0f0;border:1px solid #c8d2b7;color:#53694c}.cx-landmark small{display:none;font-size:7px;color:#718263}.cx-landmark:disabled{opacity:.67;cursor:default}.cx-landmark:disabled i{color:#97a08a}.cx-landmark:disabled:hover small{display:block}.cx-landmark:not(:disabled):hover i{transform:translateY(-3px);background:#e8efd9}.cx-landmark.done i{background:#6d8c59;color:#fffaf0}.cx-welcome{position:absolute;left:26px;top:115px;width:220px}.cx-welcome .g-eyebrow{font-size:7px;letter-spacing:.15em;color:#889773}.cx-welcome h1{font-size:24px;line-height:1.5;font-weight:600;letter-spacing:-.025em;margin:12px 0;color:#46613e}.cx-welcome p{font-size:10px;line-height:1.9;color:#7c8f6a}.cx-invitation{position:absolute;right:26px;bottom:116px;display:flex;gap:12px;align-items:center;width:272px;padding:12px 16px;background:#fffaf0ed;border:1px solid #bcc9a6;border-radius:19px;text-align:left;box-shadow:0 4px 0 #687c4710}.cx-invitation>img{width:52px;height:65px;object-fit:contain}.cx-invitation span{flex:1}.cx-invitation small{display:block;font-size:7px;letter-spacing:.1em;color:#889574}.cx-invitation b{display:block;font-size:12px;margin:4px 0}.cx-invitation em{display:flex;gap:7px;align-items:center;font-size:9px;font-style:normal;color:#79925e}.cx-invitation .cx-icon{width:16px;height:16px}.cx-curiosity{position:absolute;right:7%;top:43%;display:flex;gap:8px;align-items:center;text-align:left;background:#fffaf0e8;padding:9px 12px;border-radius:15px;border:1px solid #c7d1b5;font-size:10px}.cx-curiosity>.cx-icon{width:18px;color:#a3834f}.cx-curiosity small{display:block;font-size:7px;color:#879875}.cozy-home #sr-route,.cozy-home #sr-quest,.cozy-home #dialogue,.cozy-home #sr-device,.cozy-home #sr-bus{display:none!important}.cx-home-object{position:absolute;transform:translate(-50%,-90%);width:96px;height:108px;padding:0;background:transparent}.cx-prop{display:block;width:80px;height:80px;margin:auto;filter:drop-shadow(0 3px 0 #45613412)}.cx-home-object .cx-prop{width:100%;height:94px}.cx-home-object span{opacity:0;font-size:9px;padding:3px 6px;background:#fffaf0;border-radius:7px;white-space:nowrap}.cx-home-object:hover span,.cx-home-object:focus-visible span{opacity:1}.cx-slot-rug{left:37%;top:70%}.cx-slot-corner{left:73%;top:65%}.cx-home-tea,.cx-home-leave{position:absolute;background:#fffaf0ee;border:1px solid #c7d1b5;border-radius:16px;padding:10px 13px;font-size:10px;display:flex;align-items:center;gap:7px}.cx-home-tea{top:43%;left:68%;transform:translateX(-50%)}.cx-home-leave{left:22px;bottom:116px}.cx-home-note{position:absolute;right:22px;bottom:110px;text-align:right;font-size:9px;line-height:1.9;color:#657c55;padding:8px 12px;background:#fffaf0bd;border-radius:12px}.cx-paper-window{background:var(--cx-paper);border:1.5px solid #b7c6a3;box-shadow:0 8px 0 #48603f1a}.cx-paper-window .g-eyebrow{color:#8c9b79;font-size:8px}.cx-paper-window h2{font-weight:600;color:#3b573d}.cx-paper-window h3{font-size:12px;font-weight:500}.cx-paper-window .g-btn{border-radius:13px}.cx-balance{display:flex;gap:10px;align-items:center;background:#ecf0df;border-radius:14px;padding:15px;margin:18px 0}.cx-balance .cx-icon{color:#7c985f}.cx-balance b{font-size:13px}.cx-balance span{font-size:9px;color:#859574;margin-left:auto}.cx-item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.cx-item-grid>button{border:1px solid #dce2ce;background:#eff2e5;border-radius:15px;padding:12px 8px;color:#566d4a;text-align:center}.cx-item-grid>button.selected{border:2px solid #7d9966;background:#e4ecd6}.cx-item-grid b{font-size:11px;font-weight:500;display:block}.cx-item-grid small{font-size:8px;color:#8b9a7a;display:block;margin-top:4px}.cx-soft,.cx-empty{color:#7c8f6d;font-size:11px;line-height:1.9}.cx-empty{padding:25px 10px}.cx-journal-tabs{display:flex;gap:8px;margin:20px 0}.cx-journal-tabs button{font-size:10px;padding:8px 12px;min-height:36px}.cx-memories{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin:20px 0}.cx-memories article{border:1px solid #e1e3d3;background:#fffdf5;padding:10px 10px 16px;box-shadow:0 3px 0 #7a8d4e09;transform:rotate(-.4deg)}.cx-memories article:nth-child(even){transform:rotate(.5deg)}.cx-memories img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:4px}.cx-memories small{display:block;font-size:7px;color:#8b9c75;letter-spacing:.08em;margin:13px 6px 0}.cx-memories h3{margin:5px 6px;font-size:13px;font-weight:500}.cx-memories p{font-size:10px!important;color:#81916e;line-height:1.9;margin:4px 6px!important}.cx-word-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cx-word-grid>button{background:#eef2e2;border:1px solid #d8e0c6;padding:20px 10px;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:4px}.cx-word-grid b{font:28px/1.5 'Microsoft YaHei',sans-serif}.cx-word-grid em{font-size:12px;font-style:normal}.cx-word-grid span{font-size:10px;opacity:.7}.cx-word-card{display:flex;flex-direction:column;align-items:center;background:#ecf1df;padding:25px;border-radius:18px;margin:20px 0}.cx-word-card b{font:64px/1.4 'Microsoft YaHei',sans-serif}.cx-word-card em{font-size:19px;font-style:normal;color:#718c57}.cx-word-card span{font-size:12px;color:#83966d;margin-top:6px}.cx-translation{font-size:11px!important;color:#84966d}.cx-chapters{display:grid;gap:9px;margin:20px 0}.cx-chapters>button{display:flex;text-align:left;align-items:center;gap:13px;border:1px solid #dce2cd;border-radius:14px;padding:9px;background:#f0f2e7}.cx-chapters img{width:80px;height:66px;object-fit:cover;border-radius:9px}.cx-chapters span{flex:1}.cx-chapters small{display:block;font-size:7px;color:#8a9a76}.cx-chapters b{display:block;font-size:12px;font-weight:500;margin:3px 0}.cx-chapters em{font-size:9px;font-style:normal;color:#80926b}.cx-chapters>.cx-icon{width:18px;margin-right:8px}.cx-tea-scene{text-align:center}.cx-tea-scene img{width:180px;height:175px;object-fit:contain}.g-audio-status{bottom:105px;font-size:9px}.cozy-arriving .g-dialog{width:min(800px,calc(100% - 44px))}.cozy-arriving .cx-dock{opacity:.75}.cozy-arriving #sr-device{bottom:124px}.cozy-home .g-player:not(.walking)>svg{animation:cx-idle 7s ease-in-out infinite}@keyframes cx-idle{50%{transform:translateY(-2px) rotate(.3deg)}}
@media(max-width:1000px){.cx-welcome{width:170px;top:105px}.cx-welcome h1{font-size:20px}.cx-welcome p{font-size:9px}.cozy-world .g-dialog{width:calc(100% - 300px)}.cozy-world .sr-quest{max-width:175px;bottom:290px}.cx-map-stage{width:100%;top:49%}.cx-invitation{width:250px;right:20px}}
@media(max-width:650px){.v-header{left:12px;top:12px;width:112px;height:46px;padding:0 8px;border-radius:14px}.v-brand img{width:95px;height:42px}.cozy-world .g-top{top:67px}.cozy-world .g-location{font-size:10px;min-width:145px;max-width:none;padding:6px 14px;border-radius:13px}.cozy-world .g-location small{display:none}.cx-clock{right:12px;top:18px;gap:5px;font-size:10px}.cx-clock small{display:none}.cx-clock>span{display:flex;margin-right:2px;gap:4px}.cx-clock>span .cx-icon{width:16px}.cx-clock>button{width:30px;height:30px}.cx-clock .cx-leaves{padding:0 8px}.cx-clock .cx-icon{width:17px;height:17px}.cx-dock{bottom:15px;width:calc(100% - 28px);max-width:380px;border-radius:21px;gap:0;padding:6px;justify-content:space-around}.cx-dock button{min-width:0;flex:1;min-height:56px;border-radius:16px}.cx-dock button span{font-size:8px}.cx-dock button .cx-icon{width:23px}.cozy-world .g-player{width:81px;height:115px}.cozy-world .g-npc{width:100px;height:115px}.cozy-world .g-dialog{width:calc(100% - 26px);bottom:101px;padding:12px;grid-template-columns:35px 1fr;gap:8px;border-radius:17px;max-height:245px}.cozy-world .g-dialog>img{width:36px;height:45px}.cozy-world .sr-cn{font-size:17px!important}.cozy-world .sr-translation{font-size:10px}.cozy-world .g-dialog .g-btn{grid-column:2;justify-self:start;font-size:9px;padding:7px 12px;min-height:34px}.cozy-world .sr-narrator{font-size:9px!important}.cozy-world .sr-quest{left:12px;top:111px;bottom:auto;max-width:210px;padding:8px 10px}.cozy-world .sr-quest b{font-size:9px;margin:2px 0}.cozy-world .sr-quest span{font-size:8px}.cozy-world .sr-quest small{font-size:6px}.cozy-world .sr-device{top:111px;bottom:auto;right:12px;width:118px;padding:8px}.cozy-world .sr-device-head{font-size:7px}.cozy-world .sr-node i{width:23px;height:23px;font-size:9px}.cozy-world .sr-node span{font-size:7px}.cx-curiosity{top:180px;right:12px;padding:7px 9px;font-size:9px}.cx-curiosity small{display:none}.cx-welcome{left:20px;top:120px;width:100%;pointer-events:none!important}.cx-welcome .g-eyebrow{font-size:6px}.cx-welcome h1{font-size:20px;line-height:1.5;margin:8px 0}.cx-welcome p{display:none}.cx-map-stage{width:100%;top:51%;}.cx-landmark{padding:5px;gap:4px}.cx-landmark i{width:23px;height:23px}.cx-landmark .cx-icon{width:13px;height:13px}.cx-landmark span{font-size:7px;padding:3px 5px;border-radius:7px}.cx-landmark small{font-size:5px}.cx-invitation{bottom:113px;left:20px;right:20px;width:calc(100% - 40px);padding:11px 14px}.cx-invitation>img{width:40px;height:49px}.cx-invitation b{font-size:11px}.cx-invitation small{font-size:6px}.cx-home-object{width:74px;height:82px}.cx-home-object .cx-prop{height:75px}.cx-slot-rug{left:31%;top:68%}.cx-slot-corner{left:76%;top:66%}.cx-home-tea{left:65%;top:40%;white-space:nowrap;font-size:8px;padding:8px}.cx-home-leave{left:12px;bottom:110px;font-size:8px;padding:9px}.cx-home-note{right:12px;bottom:105px;font-size:7px;max-width:180px}.cx-item-grid{gap:8px;grid-template-columns:repeat(2,1fr)}.cx-item-grid>button{padding:8px}.cx-item-grid b{font-size:10px}.cx-balance{gap:7px;flex-wrap:wrap;padding:11px}.cx-balance b{font-size:12px}.cx-balance span{width:100%;margin-left:28px;font-size:8px}.cx-memories{gap:10px}.cx-memories article{padding:7px}.cx-memories h3{font-size:11px;margin:5px 0}.cx-memories small{font-size:6px;margin:10px 0 0}.cx-memories p{font-size:8px!important;margin:4px 0!important}.cx-word-grid{grid-template-columns:repeat(2,1fr)}.cx-chapters img{width:55px;height:55px}.cx-chapters b{font-size:10px}.cx-chapters em{font-size:8px}.cx-journal-tabs{gap:4px}.cx-journal-tabs button{font-size:9px;padding:6px 9px}.cx-prop{width:65px;height:65px}.cx-paper-window .g-eyebrow{font-size:7px}.cozy-arriving .g-dialog{bottom:101px;width:calc(100% - 26px)}.cozy-home #player{left:43%!important;top:77%!important}.cozy-home #npc{left:63%!important;top:73%!important}}
@media(prefers-reduced-motion:reduce){.cozy-world *{animation:none!important;transition:none!important}}

.cozy-arriving #sr-parking{display:none!important}.cozy-arriving .sr-bus{top:41%;left:13%;animation:cx-bus-arrive 2s ease-out both}@keyframes cx-bus-arrive{from{left:-70%}to{left:13%}}@media(max-width:650px){.cozy-arriving .sr-bus{top:45%;left:4%;animation-name:cx-bus-mobile}@keyframes cx-bus-mobile{from{left:-90%}to{left:4%}}}

.cx-prop{object-fit:contain}.cx-home-object .cx-prop{height:94px}.cx-home-object{width:104px;height:112px}@media(max-width:650px){.cx-home-object{width:79px;height:86px}.cx-home-object .cx-prop{height:75px}}

.cx-clock{background:#fffaf0e8;border:1px solid #d9dfc9;border-radius:17px;padding:7px 9px;top:17px}.cx-clock>button{border-color:#d8dfc8;background:#f1f4e7}@media(max-width:650px){.cx-clock{top:13px;padding:5px 6px;border-radius:14px}}
