:root{--ink:#263d4a;--cream:#fff5df;--teal:#337f83;--coral:#ef866e;--gold:#e7b747;--blue:#add6df;--edge:#518a85;--shadow:#7aa395;color:var(--ink);font-family:ui-rounded,'Arial Rounded MT Bold',system-ui,sans-serif;color-scheme:light;-webkit-tap-highlight-color:transparent}
*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
html{height:100%;background-color:#e5f0e9;overscroll-behavior:none;touch-action:none}
body{margin:0;height:100%;height:100dvh;overflow:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);touch-action:none}
button{position:relative;flex-shrink:0;background:none;border:0;padding:0;color:inherit;font:inherit;touch-action:none;cursor:pointer;outline-offset:4px}
button:focus-visible,a:focus-visible{outline:4px solid var(--gold)}button svg{display:block;pointer-events:none}svg{width:100%;height:100%;display:block;overflow:visible}button:disabled{cursor:default}
.landscape{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 48% 20%,#fff5df99,transparent 68%)}
.hill{position:absolute;width:160%;height:50%;border-radius:50%;left:-30%;background:#c7dac6;bottom:-32%;rotate:-5deg}.hill.back{bottom:-24%;background:#d5e3d1;rotate:5deg}.river{position:absolute;width:130%;height:16%;background:#add6df70;bottom:5%;left:-20%;border-radius:50%;rotate:8deg}
.sky-cloud{position:absolute;background:#fff9ed9e;width:160px;height:35px;border-radius:50%;top:17%;left:-60px;rotate:-5deg}.sky-cloud.two{left:auto;right:-60px;top:30%;width:210px}
#toolbar{height:78px;max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:10px 20px;position:relative;z-index:5}
.gate{width:54px;height:54px;padding:14px;background:#fff9ed80;border:1px solid #9fbeb050;border-radius:50%;isolation:isolate}
.gate::before{content:'';position:absolute;inset:0;border-radius:50%;background:#e7b74799;z-index:-1;transform:scale(0)}.holding::before{animation:hold-fill var(--hold-time) linear forwards}@keyframes hold-fill{to{transform:scale(1)}}
#trip-progress{display:flex;align-items:center;justify-content:center;gap:12px;height:52px}.post-mark{width:38px;height:38px;opacity:.55}.turn-picture{width:44px;height:44px}.trip-dots{display:flex;gap:8px}.trip-dots>span{width:32px;height:34px;opacity:.2;filter:grayscale(1)}.trip-dots>span.done{opacity:1;filter:none}
#app{height:calc(100% - 78px);max-width:1100px;margin:auto;padding:4px 22px 20px;position:relative}
.touch-pad{background:#fff9eb;border:3px solid var(--edge);box-shadow:0 6px 0 var(--shadow);border-radius:24px}
.primary{height:76px;min-width:148px;padding:12px 25px;display:flex;align-items:center;justify-content:center;gap:17px;border-radius:29px;background:var(--teal);border:3px solid #286b72;box-shadow:0 6px 0 #205664}
.primary>svg{height:42px;width:42px}.primary>svg:last-of-type{width:34px}.primary>svg:last-of-type path{stroke:var(--cream)}.primary>svg:last-of-type path[fill]{fill:var(--cream)}
.touch-pad:enabled:active,.primary:enabled:active{translate:0 3px;box-shadow:0 3px 0 var(--shadow)}
.demo-hand{position:absolute;width:44px;height:44px;left:calc(50% - 17px);top:calc(35% - 7px);z-index:4;pointer-events:none;transform-origin:38% 15%;animation:tap-demo 2.3s ease-in-out infinite;filter:drop-shadow(0 2px 2px #263d4a35)}
.demo-hand::before{content:'';position:absolute;width:26px;height:26px;left:38%;top:15%;transform:translate(-50%,-50%);border:3px solid var(--gold);border-radius:50%;background:#fff5df70;z-index:-1}
@keyframes tap-demo{0%,100%{translate:0 3px;opacity:.8}35%,60%{translate:0 0;opacity:1}48%{scale:.9}}
.village-screen{height:100%;display:flex;flex-direction:column;align-items:center;position:relative;gap:8px}
.wordmark{font-size:clamp(40px,7vw,72px);font-weight:800;letter-spacing:-.065em;line-height:1;position:relative;rotate:-3deg;z-index:2;text-shadow:0 3px 0 #fff9ed80}.wordmark strong{color:var(--teal);font-weight:900}.wordmark>span{display:inline-block;width:36px;height:36px;vertical-align:top;rotate:12deg;margin-left:5px}
.village-scene{overflow:hidden;width:100%;flex:1;min-height:120px;max-height:580px;position:relative;display:flex;align-items:center;justify-content:center}.village-scene>svg{width:125%;max-width:none;flex-shrink:0}.carrier{position:absolute;width:42%;height:40%;bottom:3%;left:31%;filter:drop-shadow(0 6px 0 #77928120);animation:sway 4s ease-in-out infinite}
.village-controls{display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:auto auto;gap:14px 16px;align-items:center;justify-items:center;width:100%;max-width:410px;padding-bottom:8px}
.profile-picks{display:flex;gap:20px;grid-column:1/4}.profile{height:70px;width:76px;border:3px solid #bfd3c5;background:#fff9ed94;border-radius:24px;padding:9px;box-shadow:0 4px 0 #92b3a445}.profile.chosen{border-color:var(--teal);background:#fff9eb;rotate:-5deg}.profile.chosen::after{content:'';position:absolute;width:11px;height:11px;border:3px solid #fff5df;background:var(--teal);border-radius:50%;left:calc(50% - 5px);bottom:-8px}
.start-button{grid-column:2;min-width:162px}.album-button{grid-column:3;width:66px;height:66px;padding:12px;justify-self:start}.village-toys{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;padding:2px 0 6px}.village-toy,.toy-page{width:66px;height:66px;padding:4px;border-width:2px;border-radius:19px;box-shadow:0 4px 0 var(--shadow)}.toy-page{padding:14px}
.task-screen{height:100%;width:100%;max-width:820px;margin:auto;position:relative}.stamp-screen{display:grid;grid-template-rows:minmax(115px,1fr) auto auto 88px;gap:14px;align-items:center;justify-items:center}
.mission-picture{height:100%;width:70%;max-width:310px;position:relative;display:flex;align-items:center;justify-content:center}.mission-picture>svg{max-height:260px}.hear-button{width:66px;height:66px;padding:13px;position:absolute;right:-55px;top:calc(50% - 33px);border-radius:50%;z-index:2}
.working-card{position:relative;isolation:isolate}.envelope-card{width:90%;max-width:560px;min-height:166px;padding:18px 24px 22px;border-radius:18px;background:#fff5df;border:2px solid #cfbfa0;box-shadow:0 7px 0 #bca98540;rotate:-2deg;overflow:hidden}
.envelope-fold{position:absolute;inset:0;background:linear-gradient(33deg,transparent 49.6%,#dfcfaf 50%,transparent 50.4%),linear-gradient(-33deg,transparent 49.6%,#dfcfaf 50%,transparent 50.4%);opacity:.5;z-index:-1}.postage-mark{position:absolute;width:50px;height:50px;top:13px;right:16px;opacity:.16}
.model-word{text-align:center;font-size:27px;letter-spacing:.25em;font-weight:800;line-height:1.2;padding-left:.25em;margin-bottom:12px;color:#677c76;min-height:33px}.picture-prompt svg{height:32px;width:32px;margin:auto;opacity:.55}
.letter-slots{display:flex;justify-content:center;gap:12px}.letter-slot{display:flex;align-items:center;justify-content:center;width:68px;height:72px;border:3px dashed #beaf91;border-radius:12px;font-size:46px;font-weight:850;background:#fff9eb5c;line-height:1}.letter-slot.stamped{background:#fbfaf0;border:3px solid #4f8782;color:var(--teal);box-shadow:0 3px 0 #a5bcae}.letter-slot.next-slot{border-color:var(--teal)}.ghost-letter{opacity:.3}
.stamp-tray{display:flex;align-items:center;justify-content:center;gap:12px;max-width:100%;width:100%}.letter-button{width:74px;height:82px;font-size:45px;font-weight:850;line-height:1;border-radius:16px;border-style:solid;background:#fff9eb}.letter-button>span:not(.demo-hand){display:block}.stamp-tray:has(.letter-button:nth-child(5)){gap:8px}.stamp-tray:has(.letter-button:nth-child(5)) .letter-button{width:64px;height:74px;font-size:39px}
.finished .letter-button{opacity:.2;box-shadow:none;background:transparent;border-color:transparent;pointer-events:none}.task-next{display:flex;justify-content:center;align-items:center;min-height:76px;width:100%}.little-snail{height:70px;width:125px;opacity:.75}
.pack-screen{display:grid;grid-template-rows:auto minmax(135px,1fr) 90px;gap:25px;align-items:center;justify-items:center}
.order-ticket{position:relative;width:92%;max-width:570px;display:flex;flex-direction:column;align-items:center;padding:12px 16px 16px;background:#fff9eb;border-radius:18px;border-bottom:5px dashed #d3c6ac}.parcel-label{display:flex;align-items:center;justify-content:center;gap:15px}.small-picture{width:74px;height:66px}.label-word{font-size:28px;letter-spacing:.13em;font-weight:800}.order-ticket .hear-button{right:10px;top:12px;width:64px;height:64px;padding:14px}
.number-request{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:8px;max-width:100%}.number-part{display:flex;flex-direction:column;align-items:center;gap:3px}.number-part b{font-size:56px;line-height:1;font-weight:850;font-variant-numeric:tabular-nums}.plus-sign{font-size:36px}.requested-item{width:61px;height:65px}.quantity-dots{display:grid;grid-template-columns:repeat(5,8px);gap:4px;max-width:60px}.quantity-dots i{width:8px;height:8px;border-radius:50%;background:var(--teal)}
.basket{width:94%;height:85%;max-height:320px;max-width:600px;min-height:150px;border:7px solid #bf916b;border-radius:15px 15px 35px 35px;background:repeating-linear-gradient(0deg,#e6bc8e 0 12px,#d9ac7c 12px 15px);box-shadow:0 8px 0 #88694725;padding:15px 18px 30px;display:flex;align-items:center;justify-content:center}.basket-handle{position:absolute;top:-22px;left:12%;width:76%;height:42px;border:7px solid #bf916b;border-radius:50%;z-index:-1}.packed-items{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;width:100%;height:100%;max-height:235px;align-content:center}.packed-items>span{width:clamp(30px,9vw,60px);height:clamp(33px,9vw,62px);max-height:45%}.packed-items:has(>span:nth-child(11))>span{width:clamp(28px,7vw,48px);height:clamp(30px,8vw,50px)}.packed-items>span.empty-basket{width:90px;height:90px;max-height:85%;opacity:.18}.packed-count{position:absolute;bottom:-15px;left:calc(50% - 35px);height:58px;min-width:70px;border:3px solid #c89b72;display:flex;align-items:center;justify-content:center;font-size:40px;font-weight:850;background:#fff5df;border-radius:14px;padding:0 10px}
.packing-controls{display:flex;align-items:center;justify-content:center;gap:18px;width:100%}.remove-button{width:66px;height:66px;padding:16px}.add-button{width:112px;height:82px;padding:10px;display:flex;align-items:center;justify-content:center;gap:4px}.add-button>svg:first-child{width:58px;height:58px}.add-button>svg:nth-child(2){width:25px;height:25px}.send-button{width:110px;min-width:110px;padding:13px 16px;gap:8px}.send-button>svg{width:35px;height:38px}.send-button>svg:first-child path{stroke:var(--cream)}
.route-screen{display:grid;grid-template-rows:auto minmax(150px,1fr) minmax(90px,.6fr);gap:18px;align-items:center;justify-items:center}.address-ticket{position:relative;background:#fff5df;border:2px solid #ccbc9e;border-radius:18px;display:flex;align-items:center;justify-content:center;gap:20px;width:95%;max-width:510px;padding:10px 75px 10px 12px;box-shadow:0 5px 0 #bdaf9350}.address-ticket .label-word{font-size:22px}.address-ticket .small-picture{width:66px;height:62px}.address-number{font-size:52px;font-weight:850;color:var(--teal);border-left:2px dotted #b9afa0;padding-left:20px;line-height:1.25}.address-ticket .hear-button{right:10px;top:calc(50% - 32px);height:64px;width:64px}
.house-row{display:flex;align-items:center;justify-content:center;width:100%;gap:14px;height:100%;max-height:345px}.house-button{flex-shrink:1;width:31%;height:100%;min-height:110px;min-width:64px;position:relative}.house-button::before{content:'';position:absolute;inset:28% 5% 4%;background:#fff9eb;border:3px solid var(--edge);box-shadow:0 6px 0 var(--shadow);border-radius:20px;z-index:-1}.house-button.help-house::before{outline:4px solid var(--gold)}.house-button .demo-hand{top:calc(52% - 7px)}
.delivery-road{width:100%;height:100%;min-height:85px;max-height:230px;position:relative;display:flex;justify-content:center;align-items:center}.road-dashes{position:absolute;width:100%;height:52px;border-top:3px dashed #f9fbeb;border-bottom:3px dashed #f9fbeb;background:#acd4d780;rotate:-5deg}.route-snail{position:relative;width:65%;max-width:340px;height:100%;animation:sway 4s ease-in-out infinite}.road-parcel{position:absolute;width:46px;height:46px;right:3%;top:8%;rotate:8deg;opacity:.5}
.delivery-screen{height:100%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:14px;padding-bottom:5px}.arrival-house{position:absolute;left:8%;top:2%;width:84%;height:70%;max-height:470px;opacity:.55}.neighbour{width:68%;max-width:350px;height:47%;min-height:120px;position:relative;z-index:1;filter:drop-shadow(0 8px 0 #344e4920);animation:arrive .5s ease-out}.arrival-snail{position:absolute;left:-4%;bottom:15%;width:34%;height:25%;max-width:220px}.delivered-word{position:relative;z-index:2;font-size:48px;font-weight:850;letter-spacing:.18em;color:var(--teal);background:#fff5dfe8;border-radius:16px;padding:2px 16px 4px 24px}.next-button{margin-top:12px}
.handoff-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px}.handoff-pictures{display:flex;align-items:center;gap:25px;height:105px}.handoff-pictures>svg{width:90px;height:100px}.handoff-pictures>svg:nth-child(2){width:40px;height:40px}.handoff-pictures>svg:first-child{opacity:.3}.handoff-snail{height:40%;width:80%;max-width:400px}.ready-button{width:180px}.ready-button>svg:first-child{width:54px;height:54px}
.reward-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px}.reward-preview{width:100%;height:48%;max-height:450px}.reward-crown{height:60px;display:flex;gap:20px;align-items:center}.reward-crown>svg{width:48px;height:48px}.decoration-choices{display:flex;align-items:center;justify-content:center;gap:18px;width:100%}.decoration-choice{width:29%;height:145px;max-width:180px;padding:8px}
.album-screen{height:100%;display:flex;flex-direction:column;gap:18px}.album-heading{height:65px;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.album-heading>svg{width:62px;height:62px}.album-heading>button{width:64px;height:64px;padding:14px}.stamp-album{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:12px;flex:1;min-height:0;padding-bottom:4px}.album-stamp{width:100%;height:100%;min-height:64px;min-width:64px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff5df;border:2px dashed #b4b8a7;border-radius:12px;padding:7px;box-shadow:0 4px 0 #859e8f30;gap:3px}.album-stamp>svg{height:calc(100% - 23px);min-height:32px}.album-stamp>span{font-size:18px;font-weight:800;letter-spacing:.12em;line-height:20px}.album-stamp.collected{border:3px solid var(--gold);background:#fff8dd}
dialog{border:0;border-radius:28px;padding:24px;background:#fff9eb;color:var(--ink);width:calc(100% - 30px);max-width:500px;max-height:calc(100dvh - 40px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;box-shadow:0 25px 100px #24422a45}dialog::backdrop{background:#253b45aa;backdrop-filter:blur(7px)}.sheet-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.sheet-top h1{font-size:26px;line-height:1.1;margin:0}.sheet-top button{width:58px;height:58px;padding:14px;border-radius:50%;background:#dfecdf}.setting{width:100%;min-height:82px;display:flex;align-items:center;gap:18px;padding:12px;border:2px solid #b3c9b9;border-radius:20px;background:#e6f0e4;text-align:left;margin:15px 0}.setting>svg{height:50px;width:50px;flex-shrink:0}.setting small{display:block;font-size:12px;line-height:1.5;margin-top:4px;opacity:.8}dialog p{font-size:14px;line-height:1.6;user-select:text}#storage-note:empty{display:none}#arcade-link{display:block;background:var(--teal);color:var(--cream);text-decoration:none;padding:18px 14px;border-radius:18px;text-align:center;touch-action:manipulation}#build-version{display:block;text-align:center;opacity:.6;font-size:11px;margin-top:20px}
#effects{position:fixed;inset:0;z-index:12;overflow:hidden;pointer-events:none}#effects i{position:absolute;width:10px;height:10px;border-radius:2px;animation:scatter .8s ease-out forwards}@keyframes scatter{to{transform:translate(var(--dx),var(--dy)) rotate(160deg) scale(.2);opacity:0}}@keyframes sway{0%,100%{rotate:-2deg}50%{rotate:2deg}}@keyframes arrive{from{transform:translateY(35px) scale(.85);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes wobble{0%,100%{transform:rotate(0)}25%{transform:rotate(-6deg)}65%{transform:rotate(6deg)}}.wobble{animation:wobble .5s ease-out!important}
@media(min-width:700px) and (min-height:700px){#toolbar{height:96px;padding:15px 30px}#app{height:calc(100% - 96px);padding:10px 35px 25px}.gate{width:60px;height:60px}.profile{width:90px;height:80px}.primary{height:86px;min-width:175px}.stamp-screen{gap:23px;grid-template-rows:minmax(170px,1fr) auto 120px 95px}.mission-picture{max-width:370px}.mission-picture>svg{max-height:330px}.envelope-card{min-height:190px}.letter-button{width:110px;height:105px;font-size:58px}.stamp-tray:has(.letter-button:nth-child(5)){gap:16px}.stamp-tray:has(.letter-button:nth-child(5)) .letter-button{width:95px;height:98px;font-size:53px}.letter-slot{width:85px;height:85px;font-size:56px}.model-word{font-size:32px}.pack-screen{grid-template-rows:auto minmax(200px,1fr) 105px}.order-ticket{padding-top:18px;padding-bottom:22px}.number-part b{font-size:72px}.packed-count{font-size:45px}.add-button{width:130px;height:90px}.send-button{min-width:150px}.house-row{gap:25px}.delivery-screen{padding-bottom:15px}.decoration-choice{height:185px}.album-stamp>span{font-size:24px;line-height:28px}.album-stamp>svg{height:calc(100% - 31px)}}
@media(max-height:740px) and (orientation:portrait){#toolbar{height:64px;padding:7px 15px}.gate{width:49px;height:49px;padding:13px}#app{height:calc(100% - 64px);padding:3px 16px 14px}.trip-dots>span{width:28px;height:28px}.trip-dots{gap:6px}.turn-picture{width:38px;height:38px}.wordmark{font-size:37px}.wordmark>span{width:28px;height:28px}.village-controls{gap:12px}.profile{width:68px;height:64px;padding:8px}.primary{height:68px;min-width:142px;padding:10px 18px}.start-button{min-width:150px}.village-scene{min-height:95px}.village-toys{gap:8px}.village-toy,.toy-page{height:64px;width:64px}.stamp-screen{gap:12px;grid-template-rows:minmax(88px,1fr) 147px 76px 72px}.mission-picture{max-width:220px}.mission-picture>svg{max-height:195px}.hear-button{width:64px;height:64px;right:-45px;padding:14px}.envelope-card{min-height:145px;padding:12px 14px 15px}.model-word{font-size:23px;min-height:28px;margin-bottom:9px}.letter-slot{height:64px;width:62px;font-size:40px}.letter-button{width:67px;height:72px;font-size:40px}.stamp-tray{gap:11px}.stamp-tray:has(.letter-button:nth-child(5)){gap:5px}.stamp-tray:has(.letter-button:nth-child(5)) .letter-button{width:64px;height:70px;font-size:36px}.task-next{min-height:68px}.little-snail{height:62px;width:115px}.pack-screen{gap:20px;grid-template-rows:172px minmax(135px,1fr) 83px}.small-picture{width:60px;height:52px}.label-word{font-size:23px}.order-ticket .hear-button{right:7px;top:8px}.number-request{gap:12px}.number-part b{font-size:48px}.requested-item{height:50px;width:48px}.basket{height:86%;padding:10px 12px 23px}.packed-items>span{width:40px;height:44px}.packed-items:has(>span:nth-child(11))>span{width:30px;height:34px}.packing-controls{gap:12px}.send-button{min-width:94px;width:94px;padding:12px;gap:6px}.add-button{width:102px;height:76px}.route-screen{gap:12px;grid-template-rows:100px minmax(130px,1fr) minmax(75px,.6fr)}.address-ticket{gap:10px;padding-left:8px;padding-right:74px}.address-ticket .small-picture{width:52px;height:56px}.address-ticket .label-word{font-size:20px}.address-ticket .parcel-label{gap:8px}.address-number{font-size:44px;padding-left:12px}.house-row{gap:8px}.neighbour{height:45%}.delivered-word{font-size:38px}.decoration-choice{height:120px}.reward-screen{gap:18px}.reward-crown{height:48px}.stamp-album{gap:9px}.album-screen{gap:12px}.album-stamp{padding:4px}}
@media(orientation:landscape) and (max-height:650px){#toolbar{height:60px;padding:5px 18px}.gate{height:48px;width:48px;padding:12px}#app{height:calc(100% - 60px);padding:0 22px 14px}.turn-picture{height:36px;width:36px}.trip-dots>span{width:25px;height:27px}.village-screen{display:grid;grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:1fr;gap:5px}.wordmark{position:absolute;left:12px;top:1px;font-size:35px}.wordmark>span{width:26px;height:26px}.village-scene{grid-column:1;grid-row:1;height:100%;width:100%;min-height:0;padding-top:15px}.village-scene>svg{width:110%}.carrier{height:45%;bottom:0}.village-controls{grid-column:2;grid-row:1;grid-template-columns:1fr auto;gap:18px 12px;padding-top:15px}.profile-picks{grid-column:1/3;gap:18px}.profile{width:66px;height:64px;padding:7px}.start-button{grid-column:1;min-width:136px;height:68px;padding:10px 16px;gap:12px}.start-button>svg{height:36px;width:36px}.album-button{grid-column:2;width:64px;height:64px}.village-toys{position:absolute;bottom:0;left:0;gap:7px;background:#e5f0e9d9;border-radius:20px}.village-toy,.toy-page{width:64px;height:64px}.village-screen:has(.village-toys) .village-scene{padding-bottom:50px}.primary{height:68px;min-width:124px;padding:10px 17px;gap:12px}.primary>svg{width:35px;height:35px}.stamp-screen{grid-template-columns:minmax(130px,.85fr) minmax(250px,1.45fr) 90px;grid-template-rows:1fr 1fr;gap:12px 20px}.mission-picture{grid-column:1;grid-row:1/3;width:100%;height:90%;max-width:270px}.mission-picture>svg{max-height:230px}.mission-picture .hear-button{top:auto;bottom:1px;right:calc(50% - 32px);width:64px;height:64px;padding:14px}.mission-picture{padding-bottom:50px}.envelope-card{grid-column:2;grid-row:1;align-self:end;width:100%;min-height:125px;padding:8px 12px 10px}.model-word{font-size:20px;margin-bottom:7px;min-height:24px}.letter-slot{height:56px;width:58px;font-size:35px}.letter-slots{gap:10px}.stamp-tray{grid-column:2;grid-row:2;gap:10px;align-self:start;padding-top:4px}.letter-button{width:67px;height:70px;font-size:36px}.stamp-tray:has(.letter-button:nth-child(5)){gap:4px}.stamp-tray:has(.letter-button:nth-child(5)) .letter-button{width:64px;height:68px;font-size:34px}.task-next{grid-column:3;grid-row:1/3;height:100%;width:90px}.task-next .primary{flex-direction:column;width:74px;min-width:74px;height:110px;padding:12px 16px;gap:10px}.little-snail{width:88px;height:70px}.pack-screen{grid-template-columns:minmax(190px,.9fr) minmax(250px,1.2fr);grid-template-rows:1fr 85px;gap:12px 35px}.order-ticket{grid-column:1;grid-row:1/3;width:100%;padding:10px 14px 16px;min-height:175px;align-self:center}.order-ticket .hear-button{position:relative;top:auto;right:auto;width:64px;height:64px;order:3;margin-top:8px}.parcel-label{gap:8px}.small-picture{height:50px;width:55px}.label-word{font-size:24px}.number-part b{font-size:42px}.number-request{gap:10px;margin-top:0}.requested-item{width:42px;height:42px}.basket{grid-column:2;grid-row:1;height:92%;min-height:100px;border-width:5px;padding:6px 10px 20px;align-self:end}.basket-handle{top:-15px;height:30px;border-width:5px}.packed-items>span{width:34px;height:36px}.packed-items:has(>span:nth-child(11))>span{width:25px;height:27px}.packed-count{height:42px;min-width:55px;left:calc(50% - 27px);bottom:-12px;font-size:29px;border-width:2px}.packing-controls{grid-column:2;grid-row:2;gap:16px}.remove-button{width:64px;height:64px}.add-button{height:66px;width:94px;padding:6px}.add-button>svg:first-child{height:49px;width:49px}.send-button{min-width:90px;width:90px;padding:10px;gap:6px}.route-screen{grid-template-columns:minmax(160px,.75fr) minmax(350px,1.7fr);grid-template-rows:1fr 80px;gap:6px 24px}.address-ticket{grid-column:1;grid-row:1;flex-wrap:wrap;width:100%;padding:6px 8px;gap:6px 14px;align-self:end}.address-ticket .small-picture{height:45px;width:50px}.address-ticket .label-word{font-size:22px}.address-ticket .parcel-label{width:100%}.address-number{font-size:46px;border:0;padding:0}.address-ticket .hear-button{position:relative;top:auto;right:auto;width:64px;height:64px}.house-row{grid-column:2;grid-row:1/3;gap:10px;height:100%}.house-button{flex-shrink:1;width:31%;min-height:100px}.delivery-road{grid-column:1;grid-row:2;min-height:70px;width:100%;height:85px}.route-snail{width:100%;max-width:200px}.road-parcel{display:none}.delivery-screen{padding:0 130px 0 150px;justify-content:center;gap:8px}.arrival-house{left:20%;top:0;width:55%;height:95%;max-height:none}.neighbour{height:72%;width:70%;min-height:80px;max-width:250px}.delivered-word{font-size:30px;padding:1px 12px 3px 18px}.arrival-snail{left:0;bottom:0;width:26%;height:55%}.next-button{position:absolute;right:5px;top:calc(50% - 38px);min-width:112px;width:112px;padding:10px 14px}.handoff-screen{flex-direction:row;gap:25px}.handoff-pictures{height:76px;gap:12px}.handoff-pictures>svg{height:70px;width:62px}.handoff-pictures>svg:nth-child(2){width:32px}.handoff-snail{width:33%;height:80%}.ready-button{width:145px;min-width:145px}.reward-screen{flex-direction:row;gap:20px}.reward-preview{width:43%;height:95%}.reward-crown{position:absolute;top:12px;left:15%;height:40px}.reward-crown>svg{width:30px;height:30px}.decoration-choices{width:52%;gap:12px}.decoration-choice{height:126px;width:30%;padding:5px;min-width:64px}.album-screen{flex-direction:row;gap:20px}.album-heading{width:64px;height:100%;flex-direction:column;padding:6px 0}.stamp-album{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:9px}.album-stamp{padding:3px}.album-stamp>span{font-size:16px;line-height:18px}.album-stamp>svg{height:calc(100% - 20px);min-height:25px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.demo-hand{opacity:1}.holding::before{transform:scale(1);opacity:.5}#effects{display:none}.touch-pad:enabled:active,.primary:enabled:active{translate:none}}