@font-face{font-family:Lexend;src:url(/games/wobblewing/fonts/lexend-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Lexend;src:url(/games/wobblewing/fonts/lexend-700.woff2)format("woff2");font-weight:700 900;font-display:swap}:root{--cream:#fff8df;--cream2:#f7e7bd;--ink:#26342e;--muted:#66756b;--wood:#9b6037;--wood2:#704126;--edge:#4f2e20;--teal:#23aaa6;--teal2:#167c7c;--coral:#f27962;--gold:#ffd85d;--sky:#79d6ed;--shadow:#37201347;--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#82d8ec;margin:0;font-family:Lexend,system-ui,sans-serif;overflow:hidden}body{touch-action:none;height:100dvh;position:fixed;inset:0}button,a,label{color:inherit;-webkit-tap-highlight-color:transparent;font:700 16px/1.05 Lexend,system-ui,sans-serif}button{cursor:pointer;touch-action:manipulation;border:0}button:focus-visible,a:focus-visible,label:focus-within{outline-offset:3px;box-shadow:0 0 0 7px var(--teal);outline:4px solid #fff}button:active,.action.on{box-shadow:0 2px 0 var(--edge)!important;transform:translateY(3px)scale(.97)!important}#app,#game{width:100%;height:100%;position:absolute;inset:0}#game{touch-action:none;background:linear-gradient(#6cc9e8,#d8f5ef);display:block}.screen{z-index:30;padding:calc(22px + var(--sat)) calc(22px + var(--sar)) calc(22px + var(--sab)) calc(22px + var(--sal));justify-content:center;align-items:center;display:none;position:absolute;inset:0}.screen.show{display:flex}#loading{text-align:center;background:linear-gradient(#6ccce9,#d8f5df);flex-direction:column;transition:opacity .45s;display:flex}#loading.done{opacity:0;pointer-events:none}#loading h1,#title h1{letter-spacing:-.065em;color:#fff;text-shadow:0 5px #2b827f,0 9px 20px #1a4b4840;margin:6px 0 0;font-size:clamp(48px,9vw,104px);line-height:.9}#loading p,#title .title-copy>p{color:#fff9d6;text-transform:uppercase;letter-spacing:.24em;text-shadow:0 3px #6f5431;margin:10px 0 22px;font-size:clamp(15px,2vw,24px);font-weight:900}.crest{background:var(--teal);border:8px solid var(--cream);width:100px;height:100px;box-shadow:0 7px 0 var(--teal2),0 14px 28px #00000029;color:var(--gold);border-radius:50%;place-items:center;font-size:52px;display:grid}.crest span{filter:drop-shadow(0 3px #0000002e)}.load-track{background:#ffffff8c;border-radius:20px;width:min(320px,70vw);height:20px;padding:4px;box-shadow:inset 0 2px 5px #00000029}.load-track i{background:linear-gradient(90deg,var(--coral),var(--gold));border-radius:12px;width:12%;height:100%;transition:width .3s;display:block}#title{z-index:20;pointer-events:none;justify-content:flex-start;align-items:center}#title.show{display:flex}.title-copy{pointer-events:auto;text-align:center;flex-direction:column;align-items:center;margin-top:-3vh;margin-left:8vw;display:flex}#title h1{font-size:clamp(56px,9vw,116px)}.primary{color:#fff;min-width:190px;min-height:68px;box-shadow:0 7px 0 #126b68,0 12px 22px var(--shadow);text-shadow:0 2px #00000026;background:linear-gradient(#39c6bd,#17968f);border:4px solid #fff7d9;border-radius:24px;justify-content:center;align-items:center;gap:12px;padding:15px 28px;font-size:22px;display:inline-flex}.primary.small{min-width:118px;min-height:52px;padding:10px 20px;font-size:17px}.wing-icon{clip-path:polygon(2% 50%,28% 2%,55% 31%,98% 8%,79% 62%,52% 98%,42% 59%);background:currentColor;width:35px;height:27px;display:block}.round-label{box-shadow:0 6px 0 var(--wood2),0 10px 18px var(--shadow);min-height:58px;color:var(--wood2);background:#fff8dfed;border:4px solid #fff;border-radius:24px;align-items:center;gap:9px;margin-top:16px;padding:8px 20px;display:flex}.round-label [data-icon]{width:34px;height:34px}.back{left:calc(16px + var(--sal));bottom:calc(14px + var(--sab));pointer-events:auto;color:#fff;text-shadow:0 1px 2px #224;background:#20484680;border-radius:18px;padding:10px 14px;text-decoration:none;position:absolute}.corner,.hud-top button,.sheet header button,.back-btn{background:var(--cream);width:58px;height:58px;color:var(--wood2);box-shadow:0 5px 0 var(--wood2),0 8px 15px var(--shadow);border:3px solid #fff;border-radius:50%;place-items:center;display:grid}.corner{right:calc(18px + var(--sar));top:calc(18px + var(--sat));pointer-events:auto;position:absolute}[data-icon],button>span:first-child{place-items:center;display:grid}svg.icon{fill:currentColor;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:70%;height:70%}.panel-screen{z-index:35;padding:calc(12px + var(--sat)) calc(14px + var(--sar)) calc(14px + var(--sab)) calc(14px + var(--sal));background:radial-gradient(circle at 50% 34%,#fff8df0a,#143e372e);flex-direction:column;display:none!important}.panel-screen.show{display:flex!important}.panel-screen header{justify-content:space-between;align-items:center;gap:12px;width:min(1100px,100%);height:62px;display:flex}.panel-screen h2{color:#fff;text-shadow:0 3px #233f3273;margin:0;font-size:clamp(22px,4vw,38px)}.wardrobe-stage{pointer-events:none;flex:1;width:100%;min-height:170px}.picker{overscroll-behavior-x:contain;touch-action:pan-x;scrollbar-width:none;justify-content:center;align-items:center;gap:10px;max-width:min(1050px,96vw);padding:7px 8px 13px;display:flex;overflow-x:auto}.picker::-webkit-scrollbar{display:none}.picker button{width:82px;height:82px;box-shadow:0 5px 0 var(--wood2),0 8px 14px var(--shadow);background:#fff8dfeb;border:4px solid #fff;border-radius:50%;flex:none;padding:5px;position:relative;overflow:hidden}.picker button.on{border-color:var(--gold);box-shadow:0 0 0 5px #ffd85da6,0 6px #aa7228}.picker button.locked{filter:saturate(.15);opacity:.72}.picker button img{object-fit:cover;border-radius:50%;width:100%;height:100%}.picker button b{text-shadow:0 1px 3px #fff,0 0 5px #fff;color:var(--ink);font-size:10px;position:absolute;inset:auto 2px 3px}.dragon-dot{background:radial-gradient(circle at 38% 32%,#fff 0 5%,var(--c) 7% 56%,var(--d) 58%);border-radius:50%;width:100%;height:100%;display:block;position:relative}.dragon-dot:before{content:"";background:#fff;border-radius:50%;width:20%;height:20%;position:absolute;top:25%;right:20%;box-shadow:inset -5px -2px #553e35}.dragon-dot:after{content:"";background:var(--belly);border-radius:50%;width:45%;height:27%;position:absolute;bottom:9%;left:25%}.wardrobe-tabs{background:#5b321fd1;border-radius:24px;gap:8px;margin:0 auto 4px;padding:7px;display:flex;box-shadow:0 5px #321c13b3}.wardrobe-tabs button{color:#fff;background:0 0;border-radius:17px;align-items:center;gap:7px;min-height:46px;padding:7px 16px;display:flex}.wardrobe-tabs button.on{background:var(--cream);color:var(--wood2)}.wardrobe-tabs [data-icon]{width:28px;height:28px}.option-picker{min-height:98px}.option-picker button{border-radius:23px}.swatch{color:#fff;text-shadow:0 2px 2px #333;border-radius:16px;place-items:center;width:100%;height:100%;font-size:27px;display:grid}#hud{z-index:12;pointer-events:none;padding:var(--sat) var(--sar) var(--sab) var(--sal);display:none;position:absolute;inset:0}body.playing #hud{display:block}.goal{left:calc(18px + var(--sal));top:calc(18px + var(--sat));max-width:min(360px,45vw);min-height:66px;color:var(--ink);box-shadow:0 5px 0 var(--wood2),0 9px 18px var(--shadow);text-align:left;pointer-events:auto;background:#fff8dff0;border-radius:23px;align-items:center;gap:10px;padding:8px 16px 8px 10px;display:flex;position:absolute}.goal>span:first-child{width:50px;height:50px;color:var(--teal2);background:#d9f3e4;border-radius:17px;font-size:28px}.goal span:last-child{min-width:0}.goal b,.goal small{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.goal b{font-size:15px}.goal small{color:var(--muted);margin-top:4px;font-size:12px}.hud-top{right:calc(16px + var(--sar));top:calc(16px + var(--sat));gap:10px;display:flex;position:absolute}.hud-top button{pointer-events:auto;width:54px;height:54px}#compass{top:calc(18px + var(--sat));color:#fff;text-shadow:0 2px 3px #234;background:#1f3f39b8;border:2px solid #ffffffbf;border-radius:22px;justify-content:center;align-items:center;gap:9px;min-width:190px;height:45px;font-size:14px;display:flex;position:absolute;left:50%;transform:translate(-50%)}#compass i{background:var(--gold);clip-path:polygon(50% 0,100% 100%,50% 76%,0 100%);width:13px;height:19px;transform:rotate(var(--bearing,0deg))}#touch{pointer-events:none;position:absolute;inset:0}.touch-zone{pointer-events:auto;touch-action:none;position:absolute;bottom:0}.touch-zone:first-child{width:48%;height:68%;left:0}#look-zone{width:52%;height:64%;right:0}.stick{width:116px;height:116px;left:calc(38px + var(--sal));bottom:calc(40px + var(--sab));background:#fff8df52;border:4px solid #ffffff94;border-radius:50%;transition:opacity .2s;position:absolute;box-shadow:inset 0 0 0 5px #4b332326}.stick i{background:#fff8dfeb;border:4px solid #fff;border-radius:50%;width:60px;height:60px;position:absolute;top:24px;left:24px;box-shadow:0 5px #4b2c1ba6}.action{pointer-events:auto;width:88px;height:88px;color:var(--wood2);box-shadow:0 7px 0 var(--wood2),0 11px 20px var(--shadow);background:linear-gradient(#fff9e8,#f2dca9);border:5px solid #fff;border-radius:50%;position:absolute}.action.flap{right:calc(30px + var(--sar));bottom:calc(36px + var(--sab));color:#fff;background:linear-gradient(#40c9c0,#15938e);width:102px;height:102px}.action.interact{right:calc(142px + var(--sar));bottom:calc(46px + var(--sab));background:linear-gradient(#ffd96c,#efa842)}.action.camera{right:calc(36px + var(--sar));bottom:calc(151px + var(--sab));background:#fff8dfe6;width:58px;height:58px}#toast{z-index:60;left:50%;top:calc(88px + var(--sat));background:var(--cream);min-width:280px;max-width:min(560px,88vw);box-shadow:0 6px 0 var(--wood2),0 14px 30px var(--shadow);opacity:0;pointer-events:none;border-radius:24px;align-items:center;gap:12px;padding:12px 18px 12px 12px;transition:all .25s;display:flex;position:absolute;transform:translate(-50%,-18px)scale(.95)}#toast.show{opacity:1;transform:translate(-50%)scale(1)}#toast>span:first-child{background:var(--gold);border-radius:18px;place-items:center;width:54px;height:54px;font-size:30px;display:grid}#toast b,#toast small{display:block}#toast small{color:var(--muted);margin-top:4px}.sheet{z-index:55;top:calc(14px + var(--sat));right:calc(14px + var(--sar));bottom:calc(14px + var(--sab));width:min(570px,calc(100vw - 28px - var(--sal) - var(--sar)));box-shadow:0 10px 0 var(--wood2),0 20px 50px #1e140a52;pointer-events:auto;background:#fff8dff7;border:5px solid #fff;border-radius:30px;padding:16px;transition:transform .28s;position:absolute;overflow:hidden;transform:translate(calc(100% + 50px))}.sheet.show{transform:translate(0)}.sheet header{justify-content:space-between;align-items:center;height:62px;display:flex}.sheet h2{margin:0 0 0 8px;font-size:26px}.sheet header button{width:50px;height:50px}#map-canvas{border:3px solid var(--wood2);background:#a9dfd4;border-radius:20px;width:100%;height:auto;max-height:45vh;display:block}.map-progress{color:var(--muted);justify-content:space-between;padding:11px 5px 7px;font-size:13px;display:flex}.map-progress b{color:var(--teal2)}#delivery-list{touch-action:pan-y;max-height:calc(100% - 420px);padding:3px 4px 16px;overflow:auto}.delivery-row{border-bottom:2px dashed #70412633;align-items:center;gap:10px;padding:9px 4px;display:flex}.delivery-row i{background:#f5d882;border-radius:14px;place-items:center;width:40px;height:40px;font-size:23px;font-style:normal;display:grid}.delivery-row span{flex:1}.delivery-row b,.delivery-row small{display:block}.delivery-row small{color:var(--muted);margin-top:3px;font-size:11px}.delivery-row button{background:var(--teal);color:#fff;border-radius:14px;padding:9px 12px}.delivery-row.done{opacity:.6}.delivery-row.done button{background:#789}.pause-screen,.celebration-screen{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:50;background:#1c36328c}.pause-card,.celebration-screen>div{background:var(--cream);width:min(390px,92vw);box-shadow:0 9px 0 var(--wood2),0 25px 60px #0000004d;text-align:center;border:5px solid #fff;border-radius:32px;flex-direction:column;gap:12px;padding:26px;display:flex}.pause-card h2,.celebration-screen h2{margin:0 0 8px;font-size:30px}.pause-card button:not(.primary),.pause-card a,.settings-sheet button,.settings-sheet label{background:#ead5a9;border-radius:17px;justify-content:center;align-items:center;min-height:50px;padding:13px;text-decoration:none;display:flex}.pause-card a{color:var(--wood2)}.settings-sheet,.release-sheet{touch-action:pan-y;overflow:auto}.setting{border-bottom:2px dashed #7041262e;justify-content:space-between;align-items:center;gap:16px;padding:13px 5px;display:flex}.setting>span{font-weight:700}.segments{background:#e4cca0;border-radius:15px;padding:4px;display:flex}.segments button{background:0 0;border-radius:11px;min-height:40px;padding:7px 10px}.segments button.on{background:var(--teal);color:#fff}.toggle{width:74px;justify-content:flex-start!important;padding:5px!important}.toggle:after{content:"";background:#fff;border-radius:50%;width:32px;height:32px;transition:all .2s;box-shadow:0 2px 5px #765}.toggle.on{background:var(--teal)!important;justify-content:flex-end!important}.range{width:160px;accent-color:var(--teal)}.backup-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.backup-row input{display:none}.release-sheet ul{padding:0 10px 10px 28px;line-height:1.5}.release-sheet .version{color:var(--teal2)}.celebration-screen{z-index:70}.celebration-screen>div{align-items:center;position:relative;overflow:visible}.celebration-screen p{margin:0 0 8px;line-height:1.5}.celebration-screen .crest{margin-top:-82px}.parade-atlas{z-index:-1;opacity:.2;filter:drop-shadow(0 12px 22px #2a1a1033);width:620px;max-width:145vw;position:absolute;transform:rotate(-4deg)}#unsupported{z-index:90;text-align:center;background:#def4ef}#unsupported>div{max-width:500px}#unsupported a{background:var(--teal);color:#fff;border-radius:18px;margin-top:18px;padding:14px 20px;text-decoration:none;display:inline-block}html.rm *{transition-duration:0s!important;animation:none!important}html.rm #toast{transition-duration:10ms!important}body.lefty .action.flap{right:auto;left:calc(30px + var(--sal))}body.lefty .action.interact{right:auto;left:calc(142px + var(--sal))}body.lefty .action.camera{right:auto;left:calc(36px + var(--sal))}body.lefty #left-zone{left:auto;right:0}body.lefty #look-zone{left:0;right:auto}body.lefty .stick{left:auto;right:calc(38px + var(--sar))}@media (hover:hover) and (pointer:fine){#touch{display:none}.goal{top:22px}.hud-top{top:20px}}html.touch-preview #touch{display:block!important}html.touch-preview .corner,html.touch-preview .hud-top button,html.touch-preview .back-btn,html.touch-preview .sheet header button{width:72px;height:72px}html.touch-preview .sheet header{height:78px}html.touch-preview .primary,html.touch-preview .primary.small,html.touch-preview .round-label{min-height:72px}html.touch-preview .action.camera{width:72px;height:72px}@media (hover:none),(pointer:coarse){.corner,.hud-top button,.back-btn,.sheet header button{width:72px;height:72px}.sheet header{height:78px}.primary,.primary.small,.round-label{min-height:72px}.action.camera{width:72px;height:72px}.panel-screen header{height:80px}}@media (max-width:760px){.title-copy{margin-left:2vw}.title-copy h1{font-size:clamp(48px,13vw,78px)!important}.panel-screen h2{font-size:21px}.panel-screen header{height:54px}.wardrobe-stage{min-height:120px}.picker button{width:70px;height:70px}.wardrobe-tabs button{padding:5px 10px;font-size:13px}.option-picker{min-height:83px}.goal{max-width:52vw;min-height:57px;padding:6px 10px}.goal>span:first-child{width:42px;height:42px}.goal b{font-size:13px}.hud-top{gap:7px}.hud-top button{width:48px;height:48px}#compass{display:none}.action{transform-origin:100% 100%;transform:scale(.88)}.stick{transform-origin:0 100%;transform:scale(.88)}.sheet{left:calc(9px + var(--sal));right:calc(9px + var(--sar));top:calc(9px + var(--sat));bottom:calc(9px + var(--sab));width:auto}#delivery-list{max-height:calc(100% - 350px)}}@media (orientation:portrait){.title-copy{align-self:flex-end;margin:0 0 5vh}.title-copy h1{font-size:15vw!important}.goal{top:calc(96px + var(--sat));max-width:calc(100vw - 36px - var(--sal) - var(--sar));right:calc(18px + var(--sar))}.hud-top{left:calc(14px + var(--sal));right:auto}#compass{display:none}#toast{top:calc(174px + var(--sat))}.action.flap{right:calc(22px + var(--sar));bottom:calc(28px + var(--sab))}.action.interact{right:calc(125px + var(--sar));bottom:calc(35px + var(--sab))}.action.camera{right:calc(29px + var(--sar));bottom:calc(139px + var(--sab))}.stick{left:calc(25px + var(--sal));bottom:calc(32px + var(--sab))}.wardrobe-stage{min-height:34vh}.panel-screen{justify-content:flex-start}.dragon-picker{max-width:94vw}.sheet{border-radius:26px}.backup-row{grid-template-columns:1fr}}