*{box-sizing:border-box}html,body{color:#51371d;background:#353e42;width:100%;height:100%;margin:0;font-family:Arial,PingFang SC,sans-serif;overflow:hidden}body{place-items:center;display:grid}button{font:inherit;cursor:pointer;color:inherit;touch-action:manipulation;background:#fff8e7;border:2px solid #6c4b2d;border-radius:9px}button:hover{filter:brightness(1.06)}button:active{transform:translateY(2px)}button:focus-visible{outline:3px solid #e08c36}#game{aspect-ratio:720/1280;background:#f4e5c4;max-width:100vw;height:100dvh;max-height:1100px;position:relative;overflow:hidden;box-shadow:0 0 55px #101c2555;container-type:inline-size}#scene{touch-action:none;position:absolute;inset:0}#scene canvas{display:block;width:100%!important;height:100%!important}header{z-index:2;background:#eab652;border-bottom:2px solid #a46b28;align-items:center;gap:2%;width:100%;height:7.8%;padding:0 3%;display:flex;position:absolute;top:0}header button{background:0 0;border:0;font-size:3.2cqw;font-weight:700}#settings{padding:0;font-size:7cqw}#title{text-shadow:1px 1px #fff8;margin-left:auto;font-size:3.4cqw;font-weight:700}#orders{pointer-events:none;z-index:3;gap:3%;height:10.4%;display:flex;position:absolute;top:9.4%;left:14.5%;right:14.5%}.basket{pointer-events:auto;background:0 0/100% 100%;border:none;border-radius:0;flex:1;min-width:0;padding-top:5%;font-size:4.4cqw;font-weight:700;position:relative}.basket .count{background:#a9e8da;border:2px solid #4b4029;border-radius:3px;width:50%;margin:auto;font-size:3.3cqw;display:block;position:relative;top:10%}.basket .fill{color:#fff;background:#ed9e4c;border:1px solid #98632f;border-radius:12px;padding:2% 6%;font-size:2.4cqw;line-height:1.1;position:absolute;top:8%;left:-10%}.basket.lock{color:#fff7;background:#322e29;border:3px solid #181714;border-radius:6px;font-size:3cqw}.basket.empty{opacity:.45}#tray{z-index:3;background:#c4aa85;border:3px solid #78542e;border-radius:6px;gap:1.2%;height:7%;padding:1.4%;display:flex;position:absolute;top:20.8%;left:15%;right:15%}.slot{background:#fff4d7;border:2px solid #78542e;border-radius:4px;flex:1;place-items:center;min-width:0;padding:1px;font-size:4cqw;display:grid}.slot img{object-fit:contain;max-width:100%;max-height:100%}.slot.lock{color:#fffa;background:#37332c;font-size:3cqw}footer{z-index:3;justify-content:center;align-items:center;gap:2%;display:flex;position:absolute;bottom:3.5%;left:5%;right:5%}footer button{padding:2% 3%;font-size:3.2cqw;box-shadow:0 2px #78542e55}#zoom{background:#fff9;border-radius:5px;padding:1%;font-size:2.6cqw}#mode{text-align:center;color:#fff;pointer-events:none;background:#34271770;width:100%;font-size:2cqw;position:absolute;bottom:.7%}#guide{pointer-events:none;z-index:4;background:#fffcea;border:2px solid #382d20;border-radius:14px;padding:3% 4%;font-size:3cqw;line-height:1.8;position:absolute;top:78%;left:49%;box-shadow:0 3px 10px #0005}#guide:before{content:"👆";color:#fff;filter:drop-shadow(0 1px 2px #222);font-size:10cqw;position:absolute;top:-75%;left:45%}#toast{color:#fff;text-align:center;opacity:0;pointer-events:none;z-index:8;background:#302518e8;border-radius:10px;padding:3%;font-size:3.4cqw;transition:opacity .2s;position:absolute;bottom:14%;left:15%;right:15%}#toast.show{opacity:1}#loading{z-index:10;background:#f6e8cb;place-items:center;font-size:5cqw;display:grid;position:absolute;inset:0}#loading[hidden]{display:none}dialog{color:#51371d;background:#fff7e2;border:3px solid #73512e;border-radius:18px;width:90%;max-width:min(92%,600px);max-height:85%;padding:5%;font-size:3.5cqw;box-shadow:0 10px 60px #0008}dialog::backdrop{background:#201a1388}dialog h2{text-align:center;margin:0 0 5%;font-size:6cqw}dialog button{margin:1%;padding:3% 5%;font-size:3.5cqw}dialog .actions{flex-wrap:wrap;justify-content:center;margin-top:5%;display:flex}.levelGrid{grid-template-columns:repeat(4,1fr);gap:6px;max-height:55vh;display:grid;overflow:auto}.levelGrid button{padding:12px 2px;font-size:2.5cqw}.levelGrid b{font-size:4cqw;display:block}.albumGrid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:55vh;display:grid;overflow:auto}.albumGrid figure{text-align:center;background:#eddfc4;margin:0;padding:7%}.albumGrid img{aspect-ratio:4/3;object-fit:contain;width:100%}.albumGrid .locked{filter:grayscale();opacity:.3}.toggle{justify-content:space-between;align-items:center;display:flex}input{accent-color:#bb7c2e;width:24px;height:24px}.photo{max-width:100%;max-height:45vh;margin:auto;display:block}.busy{pointer-events:none}.basket-back,.basket-front{pointer-events:none;width:100%;position:absolute;bottom:0;left:0}.basket-back{z-index:0;height:100%}.basket-front{z-index:2;height:79.6%}.basket .name,.basket .count,.basket .fill{z-index:3}.basket .name{position:relative}.flight{z-index:5;pointer-events:none;will-change:transform,left,top;max-width:none;position:absolute}.flight[data-phase=inside-basket]{z-index:1}#flightOverlay{z-index:4;pointer-events:none;position:absolute;inset:0}.slot{position:relative;overflow:hidden}.slot img{object-fit:contain;object-position:center;width:calc(100% - 8px);max-width:none;height:calc(100% - 8px);max-height:none;position:absolute;inset:4px}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html,body{color:#493c2a;background:#263b38;font-family:ui-rounded,Avenir Next,Avenir,system-ui,sans-serif}button{border-color:#796442;transition:background .15s,box-shadow .15s}button:focus-visible{outline-offset:3px;outline:3px solid #3f9182}header{background:linear-gradient(125deg,#fff2cf,#edcf8e);border-bottom:1px solid #9c7c4666;gap:3%;padding-inline:4%;box-shadow:0 4px 14px #493b2318}header button{min-height:40px;font-size:3.1cqw}#settings{font-size:6cqw}.roomHeading{flex-direction:column;align-items:flex-end;gap:.4cqw;min-width:0;max-width:67%;margin-left:auto;display:flex}#roomNumber{letter-spacing:.12em;color:#80673f;font-size:2.1cqw;font-weight:700}#title{text-align:right;text-shadow:none;overflow-wrap:break-word;font-size:3.6cqw;line-height:1.2}#orders{gap:2.5%;left:10%;right:10%}.basket{padding:0}.basket .name{text-wrap:balance;overflow-wrap:normal;place-items:center;min-height:2.15em;font-size:3.05cqw;line-height:1.05;display:grid;position:absolute;top:35%;left:7%;right:7%}.basket .count{border-width:1.5px;width:50%;font-size:2.9cqw;line-height:1.2;position:absolute;top:auto;bottom:12%;left:25%}.basket .fill{letter-spacing:.02em;padding:3% 7%;font-size:2.1cqw;top:5%;left:-3%;box-shadow:0 1px 2px #63462622}.basket.lock{color:#f0dfb9;background:#514c3d;border:2px dashed #887a5d;border-radius:9px;padding:8%;font-size:2.6cqw;line-height:1.4}.basket.empty{padding-top:28%;font-size:3cqw}#tray{background:#d1bc94;border-width:2px;left:10%;right:10%;box-shadow:0 3px 7px #44321922}#tray:before{content:"ON HOLD";letter-spacing:.13em;color:#655035;font-size:1.8cqw;font-weight:800;position:absolute;top:-1.4em;left:0}.slot{background:#fff7e2;border-width:1.5px}.slot.lock{color:#fff4d6;background:#6e6653;border-style:dashed;border-color:#eee0ba}footer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff6deeb;border:1px solid #b59a6b;border-radius:18px;gap:2%;padding:1.5%;left:7%;right:7%;box-shadow:0 5px 20px #3e332433}footer button{min-height:40px;box-shadow:none;background:#fffaf0;border:1px solid #b49a6b;padding:1.7% 3%;font-size:3cqw}#zoom{font-variant-numeric:tabular-nums;background:0 0;font-size:2.5cqw}#mode{color:#fff7e6;letter-spacing:.04em;background:#3b483675;font-size:2cqw}#guide{border-color:#b19258;font-size:3cqw;line-height:1.5;top:75%;left:40%;right:5%;box-shadow:0 5px 18px #50381e33}#toast{padding:2.5% 4%;font-size:3.1cqw;line-height:1.5;left:10%;right:10%}dialog{background:#fff9ea;border:1px solid #c5aa77;border-radius:22px;padding:5%;line-height:1.5}dialog h2{letter-spacing:-.035em;font-size:5.3cqw}dialog button{background:#fffdf6;border-width:1px;min-height:42px;padding:3% 4%;font-size:3.1cqw}dialog .actions button:first-child{color:#fffbee;background:#476f5c;border-color:#355c48}dialog p{line-height:1.6}.toggle{border-bottom:1px solid #dfd1b4;padding-block:3%}.levelGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.levelGrid button{overflow-wrap:break-word;border-color:#d4c09a;min-height:72px;padding:8px 4px;font-size:2.6cqw;line-height:1.25}.levelGrid b{color:#85704c;margin-bottom:5px;font-size:3.5cqw}.levelGrid .done{background:#dcebd8;border-color:#aac1a2}.albumGrid figure{background:#f0e7d2;border-radius:12px;font-size:2.8cqw}.albumGrid figcaption{padding-top:7%;line-height:1.4}#loading{color:#746345;letter-spacing:.015em;background:linear-gradient(145deg,#fff5dd,#e7dfbf);font-size:4cqw}@media (prefers-reduced-motion:reduce){button,#toast{transition:none}}@media (width<=400px){footer button{min-height:42px}dialog button{font-size:3.3cqw}.basket .name{font-size:3.1cqw}}.basket.lock{flex-basis:0;padding:8px}.basket{flex:1 1 0}#guide{text-align:center;background:#fffceeee;border-radius:12px;padding:1.8% 3%;font-size:2.7cqw;line-height:1.45;top:29.5%;left:12%;right:12%}#guide:before{content:none}#guideHand{z-index:4;pointer-events:none;transform-origin:37% 0;filter:drop-shadow(0 2px 2px #49351c55);width:12cqw;line-height:0;animation:1.8s ease-in-out infinite guideTap;position:absolute;transform:translate(-37%)rotate(-12deg)}#guideHand[hidden]{display:none}@keyframes guideTap{0%,55%,to{transform:translate(-37%,6px)rotate(-12deg)}20%,35%{transform:translate(-37%)rotate(-12deg)scale(.93)}}@media (prefers-reduced-motion:reduce){#guideHand{animation:none}}#guideHand svg{width:100%;height:auto;display:block;overflow:visible}#home{padding:0;font-size:6cqw;line-height:1}header .roomHeading{max-width:57%}#homeScreen{z-index:9;color:#2d4a3e;background:radial-gradient(at 84% 18%,#f8d99c 0,#0000 45%),linear-gradient(160deg,#fff6df,#e6edda);padding:10% 8% 5%;position:absolute;inset:0;overflow:auto}#homeScreen[hidden]{display:none}.homeIntro{z-index:1;position:relative}.homeEyebrow{letter-spacing:.18em;color:#6c7a57;font-size:2.3cqw;font-weight:800}.homeIntro h1{letter-spacing:-.07em;margin:7% 0 5%;font-size:20cqw;font-weight:800;line-height:.88}.homeIntro em{color:#75936e;font-style:normal}.homeIntro p{color:#69715e;margin:0;font-size:4cqw;line-height:1.5}.homeObjects{justify-content:center;align-items:center;gap:3%;height:22%;min-height:125px;margin-top:-3%;display:flex;transform:rotate(-7deg)}.homeObjects img{object-fit:contain;filter:drop-shadow(0 10px 7px #4b563427);width:26%;height:85%}.homeObjects img:nth-child(2){width:35%;transform:translateY(-12%)rotate(15deg)}.homeObjects img:last-child{transform:rotate(20deg)}.homeCard{text-align:center;background:#fffdf2d9;border:1px solid #a6b88b55;border-radius:22px;padding:6%;box-shadow:0 10px 30px #46613d10}.homeCard p{color:#758166;margin:0 0 5%;font-size:3cqw}.homeCard #homeStart{color:#fff9e8;background:#355e4c;border:0;border-radius:14px;justify-content:space-between;align-items:center;width:100%;padding:6%;font-size:4.3cqw;font-weight:700;display:flex;box-shadow:0 5px #294e3e}.homeCard #homeStart span{font-size:6cqw;font-weight:400}.homeLinks{justify-content:center;gap:4%;margin-top:6%;display:flex}.homeLinks button{color:#4d6349;background:#eaf0df;border:0;border-radius:9px;flex:1;min-height:42px;padding:4% 2%;font-size:3cqw}.homeMusic{color:#6b765e;cursor:pointer;justify-content:center;align-items:center;gap:7px;margin:6% 0 4%;font-size:3cqw;display:flex}.homeCard small{color:#8b947f;font-size:2.2cqw;line-height:1.5;display:block}#homeScreen{color:#3f5138;background:#f9eccd url(/localized/ui/paper-panel.webp) 50%/cover;padding:0;overflow:hidden}#homeScreen:before,#homeScreen:after{content:"❧";color:#7c8b52;opacity:.65;pointer-events:none;font-family:Georgia,serif;font-size:15cqw;line-height:1;position:absolute;top:3%}#homeScreen:before{left:3%;transform:rotate(-30deg)}#homeScreen:after{right:3%;transform:scaleX(-1)rotate(-30deg)}.homeIntro{text-align:center;position:absolute;top:7%;left:4%;right:4%}.homeEyebrow{letter-spacing:.22em;color:#8f7747;font-size:2.25cqw}.homeIntro h1{letter-spacing:-.055em;color:#3e5a3b;text-shadow:0 2px #fff7d9,0 4px #c6b78633;margin:3% 0 1%;font-family:Georgia,Times New Roman,serif;font-size:16cqw;font-weight:700;line-height:1.1}.homeIntro em{color:#6e874d;font-weight:400}.homeIntro p{color:#927b52;font-family:Georgia,serif;font-size:3.3cqw;font-style:italic;line-height:1.35}.homeIntro p br{display:none}.homeIntro p br:after{content:" "}.homeIllustration{pointer-events:none;background:url(/localized/ui/home-cover.webp) 50%/100% 100% no-repeat;height:150cqw;max-height:65%;animation:7s ease-in-out infinite roomFloat;position:absolute;top:15%;left:0;right:0;-webkit-mask-image:linear-gradient(#0000,#000 10% 82%,#0000);mask-image:linear-gradient(#0000,#000 10% 82%,#0000)}.homeCard{display:contents}.homeCard #homeProgress{color:#927b52;margin:0;font-family:Georgia,serif;font-size:2.9cqw;font-style:italic;position:absolute;top:77%;left:5%;right:5%}.homeCard #homeStart{width:76%;height:9%;box-shadow:none;color:#64401a;text-shadow:0 1px #fff1bc;filter:drop-shadow(0 4px 3px #61431b28);background:0 0;border:none;border-radius:0;justify-content:center;gap:9%;padding:0 15%;font-family:Georgia,serif;font-size:4.6cqw;display:flex;position:absolute;top:80%;left:12%}.homeCard #homeStart span{font-size:5cqw}.homeCard #homeStart:hover{filter:brightness(1.05)drop-shadow(0 4px 4px #61431b33)}.homeLinks{align-items:center;gap:9%;margin:0;position:absolute;top:90%;left:13%;right:13%}.homeLinks button{color:#655432;text-underline-offset:5px;background:0 0;border:none;border-radius:0;min-height:30px;padding:0;font-family:Georgia,serif;font-size:3.15cqw;-webkit-text-decoration:underline #b8a06c;text-decoration:underline #b8a06c}.homeMusic{color:#8a7957;gap:5px;margin:0;font-size:2.5cqw;position:absolute;top:3%;left:29%;right:29%}.homeMusic input{accent-color:#7d8751;width:13px;height:13px}.homeCard small{color:#a08c63;font-family:Georgia,serif;font-size:2.1cqw;position:absolute;bottom:2%;left:7%;right:7%}@keyframes roomFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}header{background:#f5e7c1 url(/localized/ui/paper-panel.webp) 50%/cover;border-bottom:2px solid #a48b55;box-shadow:0 3px #8c74432b}header button{color:#67532f}#guide,dialog{background:#fff4d9 url(/localized/ui/paper-panel.webp) 50%/cover;border:2px solid #b19a68;border-radius:9px 13px 10px 12px;box-shadow:0 5px #7c643430,0 12px 30px #49391f22}dialog h2{color:#5c603c;letter-spacing:-.02em;font-family:Georgia,serif}dialog .actions button:first-child{background:#65794d;border:2px solid #455c36;border-radius:8px;box-shadow:0 3px #3c4d2e}.levelGrid button{background:#fff5d8;border:1px solid #bc9f61;border-radius:5px;box-shadow:0 2px #a88a5140}.levelGrid .done{background:#e2e9c9}footer{-webkit-backdrop-filter:none;backdrop-filter:none;background:#dbc18d url(/localized/ui/paper-panel.webp) 50%/cover;border:2px solid #8c7142;border-radius:8px 11px 7px 9px;box-shadow:0 4px #80602d55,0 7px 12px #4c371d22}footer button{background:#fff1c9;border:1px solid #987d45;border-radius:7px;box-shadow:0 2px #a88b514d}#toast{background:#4b5038f2;border:1px solid #b8a16d;border-radius:8px}@media (prefers-reduced-motion:reduce){.homeIllustration{animation:none}}.homeCard #homeStart{color:#fff4d4;letter-spacing:.025em;width:66%;height:7%;text-shadow:none;filter:none;background:#3f5e44;border:1px solid #82926a;border-radius:4px;gap:7%;padding:0 10%;font-family:Georgia,serif;font-size:4.2cqw;font-weight:400;top:81%;left:17%;box-shadow:inset 0 0 0 4px #3f5e44,inset 0 0 0 5px #c9bb8377,0 3px 6px #4c4c2920}.homeCard #homeStart span{color:#d2c18e;font-size:4.2cqw;font-weight:400}.homeCard #homeStart:hover{filter:none;background:#4b6b4d;box-shadow:inset 0 0 0 4px #4b6b4d,inset 0 0 0 5px #d2c18e88,0 4px 8px #4c4c2925}.homeCard #homeStart:active{transform:translateY(1px)}.homeCard #homeStart{box-shadow:none;letter-spacing:.01em;background:#405e48;border:0;border-radius:6px}.homeCard #homeStart:hover{box-shadow:none;background:#4c6b52}.homeCard #homeStart span{color:#dce5cc}header{box-shadow:none;background:#fff7e9f2;border-bottom:1px solid #b7ab8c66}header button{color:#435943;font-weight:600}header #home,header #settings{min-width:32px;font-size:5.5cqw}header button:hover{background:#566c4710;border-radius:8px}#title{color:#334d3c;font-weight:700}#roomNumber{color:#8b826b;letter-spacing:.1em}.basket.lock{color:#7f8068;background:#fff8e5c9;border:1px dashed #b8ac8d;border-radius:8px;font-size:2.5cqw;font-weight:500}.basket .name{color:#3e513c;font-weight:700}.basket .count{color:#3d553b;background:#dbe8d1;border-color:#80936e;border-radius:4px;font-weight:700}.basket .fill{color:#6e6c51;box-shadow:none;background:#f6efdb;border:1px solid #b5a27b;font-weight:500}#tray{box-shadow:none;background:#e7ddc1;border:1px solid #ae9c74;border-radius:7px;padding:1.3%}.slot{background:#fff9e9;border:1px solid #c1b18d;border-radius:4px}.slot.lock{color:#8b8a73;background:#d7d0b9;border:1px dashed #a8a083;font-weight:400}#tray:before{color:#857d67;letter-spacing:.1em;font-size:1.8cqw}footer{background:#fff9eded;border:1px solid #b8b29a80;border-radius:10px;gap:1.5%;padding:1.6%;box-shadow:0 5px 18px #263b3814}footer button{box-shadow:none;color:#435943;background:0 0;border:0;border-radius:6px;min-width:36px;font-weight:600}footer button:hover{background:#e6ecdccc}footer #hint{color:#405d3d;background:#e3ebd8;padding-inline:5%}#zoom{color:#8e927e;font-variant-numeric:tabular-nums;text-align:center;min-width:11%;font-size:2.5cqw}#mode{color:#6c7564;text-shadow:0 1px #fff8;background:0 0}#guide{color:#5b6450;background:#fffbedf5;border:1px solid #c2bea0;border-radius:9px;box-shadow:0 3px 14px #4a50341a}#toast{color:#fff7e4;background:#344d3ef5;border:0;border-radius:8px;box-shadow:0 4px 15px #14291d20}dialog{color:#465342;background:#fbf7eb url(/localized/ui/paper-panel.webp) 50%/cover;border:1px solid #c0b899;border-radius:16px;padding:6%;box-shadow:0 16px 70px #173a2b33}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#243e2e66}dialog h2{color:#3c583f;margin-bottom:5%;font-family:Georgia,serif;font-size:5.6cqw;font-weight:400}dialog p{color:#7b806d;font-size:3.2cqw;line-height:1.7}dialog button{box-shadow:none;color:#536149;background:#f8f6e9;border:1px solid #d0ccb6;border-radius:7px;min-height:42px;font-weight:500}dialog button:hover{background:#e9eedf}dialog .actions{gap:2%;margin-top:6%}dialog .actions button:first-child{color:#fff7e2;box-shadow:none;background:#456348;border:0;border-radius:7px}dialog .actions button:first-child:hover{background:#536f52}.subtle{color:#8e917c;font-size:2.9cqw}.toggle{color:#55624c;border-bottom:1px solid #d8d8c1;padding:4% 0;font-size:3.4cqw}.toggle input{appearance:none;cursor:pointer;background:#cdcdbb;border:0;border-radius:20px;width:38px;height:23px;transition:background .2s;position:relative}.toggle input:before{content:"";background:#fffdf4;border-radius:50%;width:17px;height:17px;transition:transform .2s;position:absolute;top:3px;left:3px}.toggle input:checked{background:#6b8760}.toggle input:checked:before{transform:translate(15px)}.toggle input:focus-visible{outline-offset:3px;outline:2px solid #5f815b}.levelGrid{gap:8px;max-height:53vh;padding:2px}.levelGrid button{box-shadow:none;color:#7e846b;background:#fffaf0;border:1px solid #d1ccb3;border-radius:8px;min-height:76px;padding:9px 5px;font-weight:400}.levelGrid b{color:#75836a;font-variant-numeric:tabular-nums;font-weight:600;display:block}.levelGrid .done{color:#536d48;background:#e0e8d2;border-color:#afbf98}.albumGrid{gap:10px}.albumGrid figure{color:#7f856f;background:#f2efdf;border:1px solid #d8d1b8;border-radius:9px;margin:0;padding:7%}.albumGrid img{border-radius:5px}.albumGrid figcaption{padding-top:7%;font-size:2.6cqw}.homeMusic{z-index:2;color:#71805c;place-items:center;width:32px;height:32px;margin:0;font-size:0;display:grid;top:4%;left:auto;right:6%}.homeMusic:before{content:"♫";font-family:Georgia,serif;font-size:5.3cqw;line-height:1}.homeMusic input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.homeMusic:has(input:not(:checked)):after{content:"";pointer-events:none;background:#71805c;width:22px;height:1px;position:absolute;transform:rotate(-45deg)}.homeMusic:has(input:focus-visible){border-radius:50%;outline:2px solid #71805c}@media (prefers-reduced-motion:reduce){.toggle input,.toggle input:before{transition:none}}