@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Nunito:wght@500;600;700;800&display=swap";.oq-backdrop{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;background:#281c108c;padding:8px;overflow:auto;font-family:var(--display,sans-serif),sans-serif}.oq-card{background:#fff7e6;border:3px solid #a97954;border-radius:20px;box-shadow:0 10px 30px #00000059;width:min(100%,720px);padding:12px;color:#4a3320;box-sizing:border-box}.oq-head{display:flex;align-items:center;justify-content:space-between}.oq-title{margin:0;font-size:1.4rem;font-weight:800}.oq-close{border:2px solid #a97954;background:#fff;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:#4a3320}.oq-scores{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;margin:8px 0}.oq-score{background:#f3e3c3;border-radius:12px;padding:4px 10px;display:flex;justify-content:space-between;gap:8px;font-weight:700;border:2px solid transparent}.oq-score b{font-size:1.15rem}.oq-active{border-color:#7fb562;background:#e6f3dc}.oq-status{text-align:center;font-weight:800;font-size:.85rem;max-width:34vw}.oq-board{display:grid;grid-template-columns:1.25fr repeat(5,1fr) 1.25fr;grid-template-rows:1fr 1fr;gap:6px;background:#a97954;padding:8px;border-radius:24px;aspect-ratio:7/3.2;min-height:170px}.oq-cell{position:relative;display:flex;align-items:center;justify-content:center;min-width:0}.oq-pit{width:100%;aspect-ratio:1;max-height:100%;border-radius:50%;border:2px solid #7a5638;background:#e9d2a6;box-shadow:inset 0 3px 6px #0000004d;display:grid;place-items:center;position:relative;padding:2px;cursor:default;color:#4a3320;font:inherit}.oq-pit:disabled{opacity:1}.oq-mine:not(:disabled){cursor:pointer;background:#f1dfb6;outline:2px dashed #7fb562;outline-offset:1px}.oq-mine:not(:disabled):hover,.oq-mine:not(:disabled):focus-visible{background:#dff0d2}.oq-sel{outline:3px solid #7fb562!important;background:#cfe8bd!important}.oq-empty{opacity:.75}.oq-lit{box-shadow:inset 0 3px 6px #0000004d,0 0 0 3px #ffd36b}.oq-flash{animation:oq-flash .5s ease 2;background:#ffc94d!important}@keyframes oq-flash{50%{transform:scale(1.1);background:#ff9d4d}}.oq-stones{display:flex;flex-wrap:wrap;gap:2px;justify-content:center;align-content:center;max-width:90%}.oq-stone{display:block;width:clamp(6px,1.9vw,11px);aspect-ratio:1;border-radius:50%;background:#8c8c8c;box-shadow:inset -1px -1px 2px #00000059}.oq-s1{background:#c9754a}.oq-s2{background:#6e9bc4}.oq-s3{background:#7fb562}.oq-num{font-weight:800;font-size:1rem}.oq-count{position:absolute;right:-2px;bottom:-4px;background:#fff7e6;border:1.5px solid #a97954;border-radius:9px;font-size:.65rem;font-weight:800;line-height:1;padding:1px 4px}.oq-dirs{position:absolute;left:50%;transform:translate(-50%);bottom:-6px;display:flex;gap:4px;z-index:2}.oq-dir{border:2px solid #7a5638;background:#7fb562;color:#fff;border-radius:50%;width:30px;height:30px;font-size:.9rem;cursor:pointer;display:grid;place-items:center;padding:0}.oq-dir:hover,.oq-dir:focus-visible{background:#5f9a44}.oq-quan{border:2px solid #7a5638;border-radius:999px;background:#e9d2a6;box-shadow:inset 0 3px 6px #0000004d;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:4px;min-width:0}.oq-gold{width:clamp(22px,6vw,40px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff2a8,#f0b82a 60%,#b9830f);box-shadow:0 2px 4px #0006}.oq-qdan{display:flex;justify-content:center}.oq-hint{font-size:.78rem;text-align:center;margin:8px 4px;min-height:2.4em}.oq-banner{margin:6px 0;padding:8px;border-radius:14px;text-align:center;font-weight:800;font-size:1.1rem}.oq-won{background:#cfe8bd}.oq-lost{background:#f3c9b8}.oq-tie{background:#f3e3c3}.oq-foot{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;align-items:center}.oq-level{display:flex;border:2px solid #a97954;border-radius:999px;overflow:hidden}.oq-level button{border:0;background:#fff;padding:6px 12px;font:inherit;font-weight:700;cursor:pointer;color:#4a3320}.oq-level .oq-on{background:#7fb562;color:#fff}.oq-new{border:2px solid #7a5638;background:#a97954;color:#fff;border-radius:999px;padding:6px 16px;font:inherit;font-weight:800;cursor:pointer}@media(max-width:480px){.oq-board{gap:4px;padding:6px;aspect-ratio:auto;min-height:0;grid-template-rows:68px 68px}.oq-status{max-width:30vw;font-size:.75rem}.oq-stone{width:6px}}@media(max-height:520px){.oq-backdrop{align-items:flex-start;padding:4px}.oq-card{width:min(100%,560px);padding:8px;border-radius:14px;zoom:.78}}@media(max-height:400px){.oq-card{zoom:.62}}:root{font-family:Nunito,system-ui,sans-serif;color:var(--ink);background:#cfeeff;font-synthesis:none;--ink:#4a3426;--ink-soft:#8a6a55;--paper:#fffaf0;--cream:#fff0d2;--green:#4cc35a;--green-d:#2f9e44;--lime:#b5e56b;--yellow:#ffd45e;--orange:#ff9a3c;--orange-d:#c2620f;--pink:#ff8fa3;--sky:#6ec6ff;--sky-d:#2f9bdc;--display:"Baloo 2","Nunito",sans-serif;--radius:24px;--push:0 4px 0 #4a34262e;--pop:0 4px 0 #4a34262e,0 10px 22px #2b4a6a2b;--forest:var(--green-d);--gold:var(--orange);--muted:var(--ink-soft);--line:#4a342620;--glass:#fffdf5f2;--shadow:var(--pop)}*{box-sizing:border-box}body{margin:0;overflow:hidden;font-weight:600}button{font:inherit;font-weight:800;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .2s,color .2s,border-color .2s,box-shadow .15s,transform .15s}button,a{touch-action:manipulation}button:focus-visible{outline:4px solid var(--sky-d);outline-offset:3px}.app,.world{position:absolute;inset:0}.app{isolation:isolate}.world canvas{display:block;touch-action:none}.world-error{position:fixed;z-index:30;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--cream);color:var(--ink);font-size:14px}.world-error button{border:3px solid #fff;border-radius:999px;padding:12px 22px;background:var(--green);color:#fff;box-shadow:var(--push)}.scene-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 45%,transparent 60%,#3a2a1a38 100%)}.tiny-label{font-family:var(--display);font-size:12px;line-height:1.3;letter-spacing:.08em;font-weight:700}.status-dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px #4cc35a33;flex:none}kbd{display:inline-flex;align-items:center;justify-content:center;min-width:26px;height:28px;padding:0 6px;background:#fff;border:2px solid #e3d5b8;border-bottom-width:4px;border-radius:8px;color:var(--ink);font:800 12px Nunito,sans-serif}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 26px;background:linear-gradient(#ffb547,#ff8a1f);color:#fff;border:3px solid #fff;border-radius:999px;box-shadow:0 5px 0 var(--orange-d),0 12px 22px #ff8a1f55;font:800 18px var(--display);text-shadow:0 2px 0 #b35a10;min-height:56px}.primary:hover{transform:translateY(-2px);box-shadow:0 7px 0 var(--orange-d),0 16px 26px #ff8a1f55}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 var(--orange-d)}.primary:disabled{cursor:wait;opacity:.7;transform:none;filter:grayscale(.3)}.primary>svg{flex-shrink:0}.secondary-action{width:100%;padding:12px;margin-top:10px;border:3px solid #fff;border-radius:999px;background:#e9f8ff;color:var(--sky-d);font-size:14px;box-shadow:var(--push)}.secondary-action:hover{background:#d6f0ff}.hud{position:absolute;inset:0;pointer-events:none;animation:fade-in .5s ease}.topbar{display:flex;justify-content:space-between;align-items:start;padding:16px 20px;gap:12px}.identity{display:flex;align-items:center;gap:12px;padding:6px 20px 6px 6px;border:3px solid #fff;background:var(--paper);border-radius:999px;box-shadow:var(--pop)}.avatar{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;background:linear-gradient(#7ee08a,var(--green));border:3px solid #fff;color:#fff;box-shadow:inset 0 -4px #2f9e4455}.location{display:flex;flex-direction:column;gap:2px}.location strong{font:800 17px/1.1 var(--display);color:var(--ink)}.location>span{display:flex;align-items:center;gap:5px;color:var(--ink-soft);font-size:12px;white-space:nowrap}.location svg{color:var(--orange)}.top-actions{display:flex;gap:8px;align-items:center}.resources{display:flex;gap:8px}.resources.can-click{cursor:pointer;pointer-events:auto;-webkit-user-select:none;user-select:none;transition:transform .15s}.resources.can-click:hover{transform:translateY(-2px)}.resources.can-click:active{transform:translateY(1px)}.resources>div{display:flex;align-items:center;gap:8px;padding:4px 16px 4px 4px;min-width:104px;background:var(--paper);border:3px solid #fff;border-radius:999px;box-shadow:var(--pop)}.resources>div>div{display:flex;flex-direction:column;gap:0;line-height:1.1}.resources>div>div>span{font-size:12px;color:var(--ink-soft);font-weight:700}.resources strong{font:800 20px/1.1 var(--display);font-variant-numeric:tabular-nums;color:var(--ink);animation:resource-pop .35s ease}.resource-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#fff;background:var(--green);box-shadow:inset 0 -3px #0003}.resource-coins .resource-icon{background:var(--yellow);color:#8a5a00}.resources>div:last-child .resource-icon{background:var(--orange)}.inventory-btn{position:relative;pointer-events:auto;display:grid;place-items:center;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:var(--paper);color:var(--orange-d);box-shadow:var(--pop);cursor:pointer}.inventory-btn:hover{background:#fff;transform:translateY(-2px)}.inventory-btn:active{transform:translateY(2px);box-shadow:0 1px #4a34262e}.inventory-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--orange);color:#fff;border:2px solid #fff;font:800 11px/16px var(--display);display:grid;place-items:center;box-sizing:border-box}.sound-toggle:disabled{opacity:.55;cursor:not-allowed}.sound-toggle{pointer-events:auto;display:grid;place-items:center;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:var(--paper);color:var(--sky-d);box-shadow:var(--pop)}.sound-toggle:hover{background:#fff;transform:translateY(-2px)}.sound-toggle:active{transform:translateY(2px);box-shadow:0 1px #4a34262e}.field-journal{position:absolute;top:92px;right:20px;width:280px;max-height:calc(100dvh - 260px);overflow-y:auto;scrollbar-width:none;pointer-events:auto;animation:rise-in .5s .1s both}.quest{border-radius:var(--radius);padding:14px 16px;background:var(--paper);border:3px solid #fff;box-shadow:var(--pop)}.quest-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.quest-header .tiny-label{background:var(--green);color:#fff;padding:3px 12px;border-radius:999px}.quest-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:#8a5a00}.quest>strong{display:block;font:700 19px/1.25 var(--display);margin-top:10px}.quest-progress-row{display:flex;align-items:center;gap:10px;margin-top:12px}.quest-progress-row>span{font:800 14px var(--display);font-variant-numeric:tabular-nums;color:var(--ink-soft)}.quest-progress{flex:1;height:16px;background:#eadfc8;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 3px #4a34262e}.quest-progress>div{position:relative;height:100%;border-radius:inherit;background:linear-gradient(#8be36c,var(--green));transition:width .6s cubic-bezier(.2,.8,.2,1)}.quest-progress>div:after{content:"";position:absolute;left:8px;right:8px;top:3px;height:4px;border-radius:4px;background:#fff8}.place-guide{display:flex;align-items:start;gap:10px;margin-top:10px;padding:12px 14px;background:#e9f8ff;border:3px solid #fff;border-radius:20px;box-shadow:var(--push)}.place-guide>svg{flex-shrink:0;padding:6px;box-sizing:content-box;border-radius:50%;background:var(--sky);color:#fff}.place-guide>div{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.45;color:var(--ink)}.place-guide .tiny-label{color:var(--sky-d)}.bottom-ui{position:absolute;bottom:22px;left:20px;right:20px;display:flex;align-items:end;justify-content:space-between;gap:16px}.mode-card{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;background:var(--paper);border:3px solid #fff;border-radius:999px;box-shadow:var(--pop)}.actor-badge{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--yellow);border:3px solid #fff;color:#8a5a00}.mode-card .tiny-label{color:var(--green-d)}.mode-card p{font:700 15px var(--display);margin:0 10px 0 0}.interaction{position:absolute;bottom:80px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;background:#4a3426d9;color:#fff;border:3px solid #ffffff55;border-radius:999px;padding:9px 18px;box-shadow:var(--push);font-size:14px;max-width:min(92vw,480px);width:max-content;animation:prompt-in .22s ease-out}.interaction.can-click{pointer-events:auto;padding:8px 14px 8px 8px;background:var(--paper);color:var(--ink);border:3px solid #fff;box-shadow:var(--pop)}.interaction.can-click:hover{background:#fff}.interaction-action{display:flex;align-items:center;gap:12px;padding:0;border:0;color:inherit;background:transparent;text-align:left;min-height:46px}.interaction-action+.interaction-action{border-left:2px solid var(--line);padding-left:12px}.interaction-action>div{display:flex;flex-direction:column;gap:1px}.interaction-action strong{font:700 17px/1.2 var(--display)}.interaction-action small{font-size:12px;letter-spacing:.04em;color:var(--ink-soft);font-weight:700}.interaction-action>svg{color:var(--orange);margin-left:4px;flex-shrink:0}.keycap{display:grid;place-items:center;min-width:46px;height:46px;background:linear-gradient(#ffb547,#ff8a1f);color:#fff;border:3px solid #fff;border-radius:14px;font:800 20px var(--display);box-shadow:0 4px 0 var(--orange-d);animation:keycap-bounce 1.4s ease-in-out infinite}.controls-wrap{display:flex;align-items:end;gap:8px}.controls-toggle{pointer-events:auto;display:grid;place-items:center;width:44px;height:44px;border:3px solid #fff;border-radius:50%;background:var(--paper);color:var(--sky-d);box-shadow:var(--pop)}.controls{display:flex;gap:12px;align-items:center;padding:8px 16px;border-radius:999px;background:var(--paper);border:3px solid #fff;box-shadow:var(--pop);color:var(--ink-soft)}.controls>div{display:flex;align-items:center;gap:3px}.controls span{margin-left:6px;font-size:12px;font-weight:700}.autosave{display:flex;align-items:center;gap:5px;position:absolute;bottom:-18px;left:8px;font-size:12px;color:#fff;text-shadow:0 1px 3px #2b4a6a99}.toast{position:absolute;top:96px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:8px 20px 8px 8px;background:var(--paper);border:3px solid #fff;border-radius:999px;color:var(--ink);box-shadow:var(--pop);font:700 15px var(--display);max-width:min(480px,92vw);animation:prompt-in .3s ease-out}.toast>span{width:30px;height:30px;display:grid;place-items:center;background:var(--green);border-radius:50%;color:#fff;flex-shrink:0}.return{pointer-events:auto;position:absolute;top:92px;left:20px;display:flex;align-items:center;gap:10px;background:var(--paper);border:3px solid #fff;border-radius:999px;color:var(--ink);padding:8px 18px 8px 10px;font-size:14px;box-shadow:var(--pop)}.touch-controls{display:none}.dog-journal{pointer-events:auto;margin-top:10px;border:3px solid #fff;border-radius:22px;background:var(--paper);box-shadow:var(--pop)}.dog-journal summary{display:flex;align-items:center;gap:10px;padding:10px 14px;cursor:pointer;list-style:none;min-height:56px}.dog-journal summary::-webkit-details-marker{display:none}.dog-journal summary:focus-visible{outline:4px solid var(--sky-d);outline-offset:2px;border-radius:22px}.dog-journal summary>svg:first-child{flex-shrink:0;padding:8px;box-sizing:content-box;border-radius:50%;background:#ffd9a8;color:#a05a10}.dog-journal summary>span:first-of-type{display:flex;flex:1;flex-direction:column;gap:1px;min-width:0}.dog-journal summary strong{font:700 17px var(--display)}.dog-journal summary small{font-size:12px;line-height:1.35;color:var(--ink-soft)}.dog-count{font:800 14px var(--display);color:#fff;background:var(--green);padding:2px 10px;border-radius:999px;white-space:nowrap}.dog-journal summary>svg:last-child{color:var(--ink-soft);transition:transform .2s}.dog-journal[open] summary>svg:last-child{transform:rotate(180deg)}.dog-journal-content{padding:0 16px 14px;border-top:2px dashed var(--line)}.dog-journal-content p{font-size:13px;line-height:1.55;margin:10px 0;color:var(--ink)}.dog-journal ol{list-style:none;padding:0;margin:10px 0;display:grid;gap:8px}.dog-journal li{display:flex;align-items:center;gap:8px;color:var(--ink-soft);font-size:13px}.dog-journal li.done{color:var(--green-d)}.dog-reward{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--orange-d);border-top:2px dashed var(--line);padding-top:10px}@keyframes keycap-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(pointer:coarse){.controls-wrap{display:none}.touch-controls{display:block}.touch-pad{position:absolute;left:max(22px,env(safe-area-inset-left));bottom:max(32px,env(safe-area-inset-bottom));width:128px;height:128px;border-radius:50%;border:4px solid #ffffffcc;background:#fff5;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:auto;touch-action:none}.touch-pad-ring{position:absolute;inset:24px;border:3px dashed #ffffffaa;border-radius:50%}.touch-stick{position:absolute;inset:36px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(#7ee08a,var(--green));color:#fff;border:3px solid #fff;box-shadow:0 4px #2f9e4488}.touch-buttons{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(45px,env(safe-area-inset-bottom));display:flex;align-items:end;gap:14px}.touch-buttons button{width:64px;height:64px;border-radius:50%;border:3px solid #fff;background:linear-gradient(#8fd8ff,var(--sky));color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;pointer-events:auto;touch-action:none;box-shadow:0 4px 0 var(--sky-d)}.touch-buttons button:last-child{width:76px;height:76px;background:linear-gradient(#ffb547,#ff8a1f);box-shadow:0 4px 0 var(--orange-d)}.touch-buttons span{font-size:12px}.interaction{bottom:170px}.toast{bottom:260px;top:auto}.mode-card,.autosave{display:none}}@media(max-width:1100px){.location>span{display:none}.resources>div{min-width:0}.field-journal{width:250px}}@media(max-width:760px){.topbar{padding:max(10px,env(safe-area-inset-top)) 10px 10px;gap:6px}.identity{padding:4px}.avatar{width:40px;height:40px}.location{display:none}.resources{gap:3px}.resources>div{padding:3px 8px 3px 3px;gap:4px}.resources>div>div>span{display:none}.resources strong{font-size:16px}.resource-icon{width:28px;height:28px}.sound-toggle{width:34px;height:34px}.top-actions{gap:3px}.field-journal{top:66px;right:10px;width:200px;max-height:calc(100dvh - 330px)}.quest{padding:10px 12px}.quest>strong{font-size:15px}.place-guide{padding:8px 10px;margin-top:6px}.place-guide>div{font-size:12px}.bottom-ui{left:10px;right:10px;bottom:max(22px,env(safe-area-inset-bottom))}.controls-wrap,.mode-card{display:none}.interaction{bottom:24px}.toast{top:auto;bottom:110px;width:max-content}.return{top:66px;left:10px}.autosave{left:50%;transform:translate(-50%);white-space:nowrap}}@media(max-height:650px){.place-guide{display:none}.field-journal{top:74px;max-height:calc(100dvh - 215px)}.interaction{bottom:66px}}@media(max-width:380px){.location{display:none}.resources>div{padding-right:7px}}.intro{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px 3vw 18px;pointer-events:none}.intro-top,.intro-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.intro-top{pointer-events:auto;animation:fade-in .6s ease both}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);flex-shrink:0}.brand img{width:52px;height:52px;filter:drop-shadow(0 3px 0 #4a342633)}.brand>div{display:flex;flex-direction:column}.brand strong{font:800 38px/.95 var(--display);color:#fff;text-shadow:0 3px 0 var(--green-d),-2px -2px 0 var(--green-d),2px -2px 0 var(--green-d),-2px 2px 0 var(--green-d),2px 2px 0 var(--green-d)}.brand strong>span{color:var(--yellow)}.brand-caption{font:800 12px var(--display);letter-spacing:.06em;margin-top:6px;color:#fff;text-shadow:0 2px 0 #2f9e44}.brand-compact img{width:34px;height:34px}.brand-compact strong{font-size:27px}.intro-nav{display:flex;align-items:center;gap:18px}.intro-nav>span{font:800 13px var(--display);letter-spacing:.08em;color:#fff;text-shadow:0 2px 0 #2b4a6a66}.lang{display:flex;padding:4px;border:3px solid #fff;border-radius:999px;background:var(--paper);box-shadow:var(--push)}.lang button{border:0;border-radius:999px;color:var(--ink-soft);background:transparent;padding:6px 14px;font-size:13px}.lang button.active{background:var(--green);color:#fff;box-shadow:inset 0 -3px #0002}.intro-content{max-width:600px;margin:0 0 0 2vw;padding:28px 32px 30px;pointer-events:auto;background:#fffdf5ec;border:4px solid #fff;border-radius:36px;box-shadow:var(--pop),0 24px 60px #2b4a6a33}.eyebrow{display:inline-flex;align-items:center;gap:10px;color:#fff;background:var(--sky);padding:4px 14px;border-radius:999px;font:800 12px var(--display);letter-spacing:.08em;animation:rise-in .6s .1s both}.line{width:18px;height:3px;border-radius:3px;background:#fff}.intro h1{font:800 clamp(38px,4.4vw,68px)/1.02 var(--display);letter-spacing:-.01em;margin:16px 0 14px;color:var(--ink);animation:rise-in .7s .16s both}.intro h1 em{color:var(--green-d);font-style:normal}.intro-copy{max-width:420px;margin:0 0 20px;font-size:16px;line-height:1.6;color:var(--ink-soft);animation:rise-in .7s .24s both}.start-button{min-width:280px;justify-content:flex-start;gap:12px;animation:rise-in .7s .3s both}.start-button>svg:last-child{margin-left:auto}.intro-note{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--ink-soft);font-size:13px;animation:rise-in .7s .38s both}.land-caption{position:absolute;right:5%;bottom:14%;color:#fff;width:230px;text-shadow:0 3px 0 #2b4a6a66;animation:rise-in 1s .6s both}.caption-rule{display:block;width:40px;height:4px;border-radius:4px;background:#fff;margin-bottom:12px}.land-caption>span{font:800 12px var(--display);letter-spacing:.1em}.land-caption p{font:800 26px/1.2 var(--display);margin:8px 0 14px}.intro-bottom{color:#fff;font:800 12px var(--display);letter-spacing:.06em;text-shadow:0 2px 0 #2b4a6a66;animation:fade-in .8s .5s both}.intro-bottom>span:last-child{display:flex;align-items:center;gap:8px}.footer-divider{display:inline-block;opacity:.6;margin:0 10px}@media(max-width:760px){.intro{padding:max(14px,env(safe-area-inset-top)) 14px max(14px,env(safe-area-inset-bottom))}.intro-nav>span,.land-caption,.intro-bottom>span:last-child{display:none}.brand strong{font-size:30px}.brand img{width:42px;height:42px}.intro-content{margin:0;padding:20px 20px 22px;border-radius:28px}.intro h1{font-size:clamp(34px,10vw,48px)}.intro-copy{font-size:14px}.start-button{min-width:0;width:100%}}@media(max-height:650px){.intro{padding-top:12px;padding-bottom:10px}.intro-content{padding:16px 22px}.intro h1{font-size:clamp(30px,6vh,44px);margin:10px 0}.intro-copy{font-size:13px;margin-bottom:12px}.primary{min-height:46px;padding:10px 20px}}.hud .panel-backdrop,.hud .our-panel,.hud .pause-panel{pointer-events:auto}.panel-backdrop{position:absolute;inset:0;background:#2b4a6a66;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:10;padding:20px;animation:fade-in .2s ease}.pause-panel,.our-panel{position:relative;background:var(--paper) linear-gradient(180deg,#bfe9ff 0,#e9f8ff 110px,var(--paper) 111px);color:var(--ink);border:4px solid #fff;border-radius:32px;padding:32px;box-shadow:var(--pop),0 28px 80px #2b4a6a55;max-height:calc(100dvh - 40px);overflow-y:auto;animation:rise-in .3s ease}.pause-panel{width:min(420px,100%);text-align:center}.pause-emblem{display:grid;place-items:center;margin:0 auto 12px;width:92px;height:92px;border:4px solid #fff;border-radius:50%;background:var(--yellow);box-shadow:var(--pop)}.pause-panel>.tiny-label,.our-panel-eyebrow{color:var(--sky-d);font:800 12px var(--display);letter-spacing:.08em}.pause-panel h2,.our-panel h2{font:800 36px/1.1 var(--display);margin:6px 0 8px}.pause-panel>p{font-size:14px;color:var(--ink-soft);margin:0 0 20px}.pause-panel .primary{width:100%}.panel-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:40px;height:40px;border:3px solid #fff;border-radius:50%;background:var(--pink);color:#fff;box-shadow:var(--push)}.panel-close:hover{transform:translateY(-1px);filter:brightness(1.05)}.quality-setting{border-top:2px dashed var(--line);padding-top:18px;margin-bottom:22px;text-align:left}.quality-setting>.tiny-label{color:var(--ink-soft)}.quality-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:10px 0 8px}.quality-choices button,.goal-choices button{min-height:44px;border:3px solid #fff;border-radius:999px;background:#eadfc8;color:var(--ink-soft);font-size:14px;box-shadow:var(--push)}.quality-choices button.selected,.goal-choices button.selected{color:#fff;background:linear-gradient(#7ee08a,var(--green));box-shadow:0 4px #2f9e4488}.quality-note{font-size:13px;line-height:1.5;color:var(--ink-soft);margin:0}.our-panel{width:min(470px,100%)}.our-panel-icon{display:grid;place-items:center;width:56px;height:56px;background:var(--yellow);border:3px solid #fff;color:#8a5a00;border-radius:50%;margin-bottom:14px;box-shadow:var(--push)}.our-panel h2{font-size:32px;margin-bottom:18px}.challenge-card{padding:18px;border:3px solid #fff;border-radius:24px;background:#fff8e6;box-shadow:var(--push);margin-bottom:16px}.challenge-status{display:inline-block;font:800 12px var(--display);color:#fff;background:var(--orange);padding:2px 12px;border-radius:999px;letter-spacing:.06em;text-transform:uppercase}.challenge-card h3{font:700 22px/1.25 var(--display);margin:10px 0}.challenge-card p,.our-panel-guidance{font-size:14px;line-height:1.6;color:var(--ink-soft)}.challenge-card small{display:block;font-size:12px;color:var(--ink-soft);margin-top:8px}.challenge-progress{height:14px;border-radius:999px;overflow:hidden;background:#eadfc8;box-shadow:inset 0 2px 3px #4a34262e}.challenge-progress>div{height:100%;background:linear-gradient(#8be36c,var(--green));transition:width .5s ease}.our-panel .primary{width:100%}.our-panel-footnote{font-size:12px;line-height:1.6;color:var(--ink-soft);border-top:2px dashed var(--line);padding-top:14px;margin-top:18px}.goal-choices{display:flex;gap:8px;margin:14px 0}.goal-choices>button{flex:1}.zone-fade{position:absolute;inset:0;z-index:20;display:grid;place-items:center;background:linear-gradient(#8fd8ff,#bff0a6);pointer-events:auto}.zone-fade.out{animation:fade-in .35s ease-in forwards}.zone-fade.in{animation:fade-in .35s ease-out reverse forwards}.zone-fade img{border-radius:22px;border:4px solid #fff;box-shadow:var(--pop)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes prompt-in{0%{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%)}}@keyframes resource-pop{0%{transform:translateY(3px) scale(.9);opacity:.5}to{transform:none;opacity:1}}.loading-screen{position:absolute;inset:0;z-index:40;display:grid;place-items:center;overflow:auto;padding:24px;background:linear-gradient(#8fd8ff,#dff5ff 55%,#bff0a6);isolation:isolate}.loading-landscape{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none}.loading-landscape span{position:absolute;bottom:-32%;left:-20%;width:110%;height:55%;border-radius:50%;background:#a6e0a0;transform:rotate(-9deg)}.loading-landscape span:nth-child(2){left:25%;bottom:-38%;background:#7ed957;transform:rotate(10deg)}.loading-landscape span:nth-child(3){left:-10%;bottom:-46%;background:#5cc24f;transform:rotate(-4deg)}.loading-card{width:min(420px,100%);text-align:center;padding:28px 26px;background:#fffdf5ee;border:4px solid #fff;border-radius:32px;box-shadow:var(--pop),0 24px 60px #2b4a6a33}.loading-emblem{position:relative;width:104px;height:104px;margin:0 auto 20px;display:grid;place-items:center}.loading-emblem>span{position:absolute;inset:0;border:4px solid #d6f0ff;border-top-color:var(--green);border-right-color:var(--green);border-radius:50%;animation:loading-orbit 1.6s linear infinite;will-change:transform}.loading-emblem>span.stopped{animation-play-state:paused;border-color:var(--pink)}.loading-card>.tiny-label{color:var(--sky-d)}.loading-card h2{font:800 clamp(26px,4vw,34px)/1.15 var(--display);color:var(--ink);margin:10px 0}.loading-note{margin:0 auto 22px;max-width:330px;font-size:14px;line-height:1.6;color:var(--ink-soft)}.loading-status{display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:left;color:var(--ink-soft);font-size:13px;min-height:30px}.loading-status strong{color:var(--green-d);font:800 16px var(--display);font-variant-numeric:tabular-nums}.loading-track-wrap{position:relative;padding-top:4px}.loading-track{height:18px;background:#eadfc8;border-radius:999px;overflow:hidden;box-shadow:inset 0 2px 3px #4a34262e}.loading-track>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(#8be36c,var(--green));transition:width .4s ease}.loading-mascot{position:absolute;top:-14px;transform:translate(-50%);transition:left .4s ease;filter:drop-shadow(0 2px 0 #4a342633)}.loading-steps{display:flex;justify-content:space-between;margin-top:14px;padding:0 1px;color:#c9bfa6}.loading-steps>span{display:grid;place-items:center;width:28px;height:28px;border:3px solid #eadfc8;border-radius:50%}.loading-steps>.active{color:var(--orange);border-color:var(--yellow)}.loading-steps>.done{background:var(--green);border-color:#fff;color:#fff}.loading-help{font-size:13px;line-height:1.6;color:var(--orange-d);margin:18px 0 0}.loading-actions{margin-top:16px;display:grid;gap:8px}.loading-actions .primary{justify-content:center;min-height:48px}.loading-actions .secondary-action{display:flex;align-items:center;justify-content:center;gap:8px;margin:0}.loading-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:24px;color:var(--ink-soft);font:800 12px var(--display);letter-spacing:.06em}@keyframes loading-orbit{to{transform:rotate(360deg)}}@media(max-height:650px){.pause-panel{padding:20px}.pause-emblem{display:none}.loading-emblem{width:70px;height:70px;margin-bottom:12px}.loading-emblem img{width:46px;height:46px}.loading-card{padding:16px}.loading-note{margin-bottom:12px}.loading-footnote{margin-top:14px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-iteration-count:1!important;animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.loading-emblem>span{animation:none}}.tool-bar{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:6px;padding:6px;background:#fffaf0e6;border:3px solid #fff;border-radius:26px;box-shadow:var(--pop);z-index:2;pointer-events:auto}.tool-slot{position:relative;display:grid;place-items:center;width:52px;height:56px;border:3px solid transparent;border-radius:18px;background:#fff0d2;color:var(--ink);box-shadow:var(--push)}.tool-slot:hover{transform:translateY(-2px)}.tool-slot.selected{border-color:var(--green);background:#e8ffd9;transform:translateY(-4px)}.tool-slot.empty:not(.selected){opacity:.55}.tool-slot kbd{position:absolute;top:1px;left:5px;min-width:0;height:auto;padding:0;background:none;border:0;border-radius:0;font:800 12px var(--display);color:var(--ink-soft)}.tool-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--sky);color:#fff;margin-top:8px}.tool-count{position:absolute;right:4px;bottom:1px;font:800 13px var(--display);color:var(--ink);text-shadow:0 1px 0 #fff}.shop-panel{width:min(520px,100%)}.shop-coins{display:inline-flex;align-items:center;gap:6px;background:var(--cream);border-radius:999px;padding:4px 14px;font:800 18px var(--display);margin-bottom:10px}.shop-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.shop-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;background:#fff;border:3px solid #fff;border-radius:20px;padding:8px 10px;box-shadow:var(--push)}.shop-swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:var(--push)}.shop-info{display:grid;text-align:left;line-height:1.25}.shop-info strong{font:800 17px var(--display)}.shop-info span{font-size:12px;color:var(--ink-soft)}.shop-buy{display:flex;gap:6px}.shop-buy button{display:grid;place-items:center;min-width:64px;min-height:44px;padding:4px 10px;border:3px solid #fff;border-radius:16px;background:var(--green);color:#fff;box-shadow:var(--push);font-size:14px;line-height:1.1}.shop-buy button small{font-size:12px;opacity:.9}.shop-buy button:disabled{background:#d9cdb8;cursor:not-allowed}@media(max-width:760px),(max-height:650px){.tool-bar{left:8px;gap:3px;padding:4px}.tool-slot{width:44px;height:48px}}@media(max-width:760px){.shop-row{grid-template-columns:auto 1fr}.shop-buy{grid-column:1 / -1;justify-content:flex-end}}.fishing-hud{position:absolute;left:50%;bottom:190px;transform:translate(-50%);display:flex;align-items:center;gap:10px;padding:10px 18px;background:#fffaf0ee;border:3px solid #fff;border-radius:999px;box-shadow:var(--pop);font:800 16px var(--display);color:var(--ink);pointer-events:none;z-index:2}.fishing-hud.bite{background:var(--yellow);animation:bite-pulse .35s ease-in-out infinite alternate}.fishing-hud.missed{opacity:.85}.fishing-hud.bite,.fishing-hud.reel{pointer-events:auto}.fishing-hud.reel{flex-direction:column;align-items:stretch;gap:10px;border-radius:26px;padding:12px 18px 14px;min-width:min(420px,88vw);background:#fffaf0f2}.reel-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.reel-title{display:inline-flex;align-items:center;gap:8px}.reel-pips{display:inline-flex;gap:5px}.reel-pips i{width:14px;height:14px;border-radius:50%;background:#efe3c8;border:2px solid #fff;box-shadow:inset 0 0 0 2px #e4d2a8;transition:background .15s,transform .15s}.reel-pips i.on{background:var(--green);box-shadow:none;transform:scale(1.15)}.reel-lives{display:inline-flex;gap:3px}.reel-lives .on{color:#e5484d;fill:#e5484d}.reel-lives .off{color:#cdbfa0}.reel-bar{position:relative;height:34px;border-radius:999px;background:linear-gradient(#e9dcc0,#f6ecd4);border:3px solid #fff;box-shadow:var(--push),inset 0 2px 5px #0002;overflow:hidden;transition:box-shadow .1s}.reel-bar[data-hot="1"]{box-shadow:var(--push),inset 0 2px 5px #0002,0 0 0 4px #7fd35c88}.reel-zone{position:absolute;top:0;bottom:0;background:linear-gradient(#8fe06a,#56b84a);border-radius:999px;box-shadow:inset 0 0 0 2px #fff8;transition:left .18s ease-out}.reel-marker{position:absolute;top:-2px;bottom:-2px;width:8px;margin-left:-4px;border-radius:6px;background:#2f4a63;box-shadow:0 0 0 2px #fff}.reel-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:0 22px;border:3px solid #fff;border-radius:18px;background:var(--green);color:#fff;font:800 18px var(--display);box-shadow:var(--push);cursor:pointer;touch-action:manipulation}.reel-button:active{transform:translateY(2px)}.reel-button kbd{background:#fff;color:var(--ink);border-radius:8px;padding:1px 8px;font:800 14px var(--display)}.reel-button.small{min-height:34px;padding:0 10px;border-radius:12px}.reel-flash{position:absolute;left:50%;top:-36px;transform:translate(-50%);font:800 22px var(--display);color:#fff;text-shadow:0 2px 0 #0004;pointer-events:none;animation:reel-flash .6s ease-out forwards}.reel-flash.reel{color:#7fe05f}.reel-flash.snap{color:#ff7a7a}@keyframes reel-flash{0%{opacity:1;transform:translate(-50%,6px) scale(.8)}to{opacity:0;transform:translate(-50%,-22px) scale(1.15)}}.fishing-hud .dots:after{content:"";animation:dots 1.2s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}}@keyframes bite-pulse{0%{transform:translate(-50%) scale(1)}to{transform:translate(-50%) scale(1.12)}}.quest-button{position:relative}.quest-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--pink);color:#fff;border:2px solid #fff;font:800 12px/16px var(--display);display:grid;place-items:center}.quest-panel{width:min(560px,100%);text-align:left}.quest-group h3{font:800 18px var(--display);margin:14px 0 6px;color:var(--sky-d)}.quest-group ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.quest-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;background:#fff;border:3px solid #fff;border-radius:20px;padding:10px 12px;box-shadow:var(--push)}.quest-row.claimed{opacity:.65}.quest-row-info{display:grid;gap:3px}.quest-row-info strong{font:800 16px var(--display)}.quest-row-info span{font-size:13px;color:var(--ink-soft)}.quest-row-info small{font-size:12px;color:var(--ink-soft)}.quest-row-bar{height:10px;border-radius:999px;background:#efe3c8;overflow:hidden}.quest-row-bar>div{height:100%;background:var(--green);border-radius:999px;transition:width .3s}.quest-row>button{min-width:72px;min-height:44px;border:3px solid #fff;border-radius:16px;background:var(--green);color:#fff;box-shadow:var(--push)}.quest-row>button:disabled{background:#d9cdb8;cursor:not-allowed}.quest-done{display:inline-flex;align-items:center;gap:4px;font:800 14px var(--display);color:var(--green-d)}@media(max-width:760px){.fishing-hud{bottom:172px}}@media(pointer:coarse){.fishing-hud{bottom:240px}}.wardrobe-wrap{position:absolute;inset:0;display:flex;justify-content:flex-end;align-items:center;padding:20px;z-index:10;pointer-events:none}.wardrobe-panel{pointer-events:auto;width:min(400px,100%);text-align:left;padding:26px 22px}.wardrobe-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0 12px}.wardrobe-tabs button{padding:6px 12px;border:3px solid #fff;border-radius:999px;background:#fff0d2;color:var(--ink);box-shadow:var(--push);font-size:14px}.wardrobe-tabs button.selected{background:var(--green);color:#fff}.wardrobe-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.wardrobe-card{width:100%;display:grid;justify-items:center;gap:2px;padding:10px 8px;border:3px solid #fff;border-radius:18px;background:#fff;color:var(--ink);box-shadow:var(--push);text-align:center}.wardrobe-card.selected{border-color:var(--sky-d)}.wardrobe-card.worn{background:#e8ffd9}.wardrobe-card strong{font:800 14px/1.15 var(--display)}.wardrobe-card small{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--ink-soft)}.wardrobe-swatch{width:38px;height:38px;border-radius:50%;border:4px solid;box-shadow:var(--push)}.wardrobe-action{margin-top:12px}.wardrobe-action .primary{width:100%}.wardrobe-locked{display:flex;align-items:center;gap:6px;font-size:14px;color:var(--ink-soft);margin:0}@media(max-width:760px){.wardrobe-wrap{align-items:flex-end;padding:8px}.wardrobe-panel{max-height:52dvh;width:100%;padding:18px 16px}.wardrobe-grid{grid-template-columns:repeat(3,1fr)}}.wardrobe-action{position:sticky;bottom:-2px;padding:8px 0 4px;background:linear-gradient(180deg,#fffaf000,var(--paper) 30%)}.shop-subtitle{font:800 16px var(--display);margin:12px 0 6px;color:var(--sky-d);text-align:left}.shop-row.locked{opacity:.6}.shop-info span svg{vertical-align:-2px}.shop-panel .wardrobe-tabs{justify-content:center}.level-chip{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:52px;height:52px;box-sizing:border-box;border-radius:50%;background:conic-gradient(var(--green) calc(var(--fill,0) * 1turn),#efe3c8 0);box-shadow:var(--pop);pointer-events:auto;border:3px solid #fff}.level-chip:before{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--paper)}.level-chip span{position:relative;font:800 11px/1 var(--display);color:var(--ink-soft);letter-spacing:.02em}.level-chip strong{position:relative;font:800 20px/1 var(--display)}.level-chip.pop{animation:level-pop .9s ease}@keyframes level-pop{30%{transform:scale(1.25) rotate(-6deg)}}.catch-card{position:absolute;left:50%;top:92px;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:12px 22px 12px 14px;background:#fffaf0f5;border:4px solid #fff;border-radius:28px;box-shadow:var(--pop);z-index:3;pointer-events:none;animation:catch-in .35s cubic-bezier(.2,1.4,.4,1)}.catch-card svg{width:88px;height:56px;flex:none}.catch-card .catch-text{display:grid;line-height:1.2}.catch-card strong{font:800 20px var(--display)}.catch-card small{font-size:13px;color:var(--ink-soft)}.catch-card .catch-new{color:#fff;background:var(--pink);border-radius:999px;padding:1px 8px;font:800 12px var(--display);justify-self:start}@keyframes catch-in{0%{transform:translate(-50%,-14px) scale(.7);opacity:0}}.cook-list .shop-buy button{min-width:84px}.fish-book{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:6px 0}.fish-book li{list-style:none;display:grid;justify-items:center;gap:2px;background:#fff;border-radius:16px;padding:8px 2px;box-shadow:var(--push);font-size:11px;text-align:center}.fish-book li.unknown{opacity:.45;filter:grayscale(1)}.fish-book svg{width:40px;height:26px}@media(max-width:760px){.resources>div:nth-child(2){display:none}.catch-card{top:auto;bottom:270px}.level-chip{width:40px;height:40px}.level-chip span{display:none}.level-chip strong{font-size:16px}}@media(max-width:430px){.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 84px);row-gap:6px}.field-journal{top:112px}.catch-card{bottom:250px}}.dialog-wrap{align-items:flex-end;justify-content:center;padding-bottom:84px}.dialog-panel{pointer-events:auto;width:min(560px,100%);text-align:left;padding:22px 24px}.dialog-head{display:flex;align-items:center;gap:12px;margin-bottom:6px}.dialog-head h2{margin:0;font:800 26px var(--display)}.dialog-avatar{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:3px solid #fff;box-shadow:var(--push);font:800 22px var(--display);color:#fff}.dialog-line{font-size:16px;line-height:1.45;margin:6px 0 10px}.dialog-line svg{vertical-align:-2px;color:var(--sky-d)}.dialog-request{background:#fff;border-radius:18px;padding:10px 14px;box-shadow:var(--push);display:grid;gap:6px;margin:8px 0}.dialog-request p{margin:0;font-size:15px}.dialog-request small{color:var(--ink-soft)}.dialog-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.dialog-actions .primary{width:auto}.guide-card{position:absolute;left:20px;top:94px;display:flex;align-items:center;gap:10px;max-width:260px;padding:10px 14px;background:#fffaf0f0;border:3px solid #fff;border-radius:22px;box-shadow:var(--pop);pointer-events:none;z-index:2}.guide-card strong{display:block;font:800 15px/1.2 var(--display)}.guide-card small{color:var(--ink-soft);font-size:12px}.guide-arrow{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--green);color:#fff;flex:none;transition:transform .12s linear}.stream-chip{position:absolute;left:50%;top:78px;transform:translate(-50%);display:flex;align-items:center;gap:8px;padding:6px 14px;background:#fffaf0e6;border:3px solid #fff;border-radius:999px;box-shadow:var(--push);font:800 13px var(--display);color:var(--ink-soft);pointer-events:none;z-index:2}.stream-chip svg{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.guide-card{left:10px;top:112px;max-width:200px}.dialog-wrap{padding-bottom:20px}}@media(max-width:430px){.guide-card{max-width:calc(100vw - 232px);padding:8px 10px;gap:8px}.guide-card strong{font-size:13px}.guide-arrow{width:30px;height:30px}.stream-chip{top:152px}}.dialog-actions button{min-height:46px;padding:0 22px;border-radius:999px}.dialog-actions .primary{min-width:130px}.tool-compost{align-self:center;margin-left:4px;padding:4px 10px;border-radius:999px;background:#fffaf0;border:3px solid #fff;box-shadow:var(--push);font:800 14px var(--display);color:var(--ink);white-space:nowrap}.energy-chip{display:flex;align-items:center;gap:6px;padding:0 12px 0 10px;height:40px;border-radius:999px;background:var(--paper);border:3px solid #fff;box-shadow:var(--pop);color:var(--ink-soft);pointer-events:auto}.energy-bar{width:70px;height:10px;border-radius:999px;background:#efe3c8;overflow:hidden}.energy-bar>div{height:100%;border-radius:999px;background:linear-gradient(90deg,#8ec9f5,#6aa6e8);transition:width .5s}.energy-chip.tired .energy-bar>div{background:#f0c94a}.energy-chip.exhausted .energy-bar>div,.energy-chip.empty .energy-bar>div{background:#e5484d}.energy-chip.exhausted{animation:bite-pulse2 .9s ease-in-out infinite alternate}@keyframes bite-pulse2{to{transform:scale(1.08)}}.drowsy{position:absolute;inset:0;pointer-events:none;z-index:1;box-shadow:inset 0 0 160px 30px #14183c61;animation:drowsy 6s ease-in-out infinite}.drowsy.exhausted{box-shadow:inset 0 0 220px 70px #0a0c289e;animation:drowsy-blink 3.4s ease-in-out infinite}@keyframes drowsy{50%{box-shadow:inset 0 0 200px 50px #14183c80}}@keyframes drowsy-blink{0%,70%,to{background:transparent}80%{background:linear-gradient(#000c 0 38%,transparent 38% 62%,#000c 62%)}88%{background:linear-gradient(#000e 0 50%,#000e 50%)}}.sleep-fade{position:absolute;inset:0;z-index:30;display:grid;place-content:center;justify-items:center;gap:10px;background:#050818;color:#dfe6ff;pointer-events:all;animation:sleep-fade 3.4s ease-in-out forwards}.sleep-fade p{margin:0;font:800 22px var(--display);opacity:.9}.sleep-zzz{display:flex;gap:8px;font:800 44px var(--display);color:#bcd0ff}.sleep-zzz i{font-style:normal;animation:zzz 1.6s ease-in-out infinite}.sleep-zzz i:nth-child(2){animation-delay:.3s;font-size:34px}.sleep-zzz i:nth-child(3){animation-delay:.6s;font-size:26px}@keyframes zzz{0%,to{transform:translateY(6px);opacity:.3}50%{transform:translateY(-8px);opacity:1}}@keyframes sleep-fade{0%{opacity:0}33%{opacity:0}55%{opacity:1}85%{opacity:1}to{opacity:0}}.sit-hint{position:absolute;left:50%;top:84px;transform:translate(-50%);display:flex;gap:8px;align-items:center;padding:8px 18px;border-radius:999px;background:#fffaf0ee;border:3px solid #fff;box-shadow:var(--pop);font:800 15px var(--display);color:var(--ink);pointer-events:none;z-index:3}.sit-hint i{font-style:normal;animation:zzz 1.2s ease-in-out infinite}.chest-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px}.chest-list li{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fff;border:3px solid #fff;border-radius:14px;box-shadow:var(--push);font-size:14px}.chest-list li span:last-child{margin-left:auto;font-weight:800}.chest-empty,.chest-hint{margin:4px 0;font-size:13px;color:var(--ink-soft)}.inventory-dialog{width:min(580px,100%);max-height:86dvh;overflow-y:auto;text-align:left;padding:26px 24px}.inventory-status-bar{display:flex;gap:12px;align-items:center;background:#fff;border:3px solid #fff;border-radius:18px;padding:10px 14px;margin:12px 0 14px;box-shadow:var(--push)}.inventory-energy-box{flex:1;display:flex;flex-direction:column;gap:5px}.inventory-energy-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.inventory-energy-header .inventory-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;color:var(--ink)}.inventory-energy-header .inventory-label svg{color:var(--orange)}.inventory-status-pill{font:800 11px/1.2 var(--display);padding:2px 8px;border-radius:999px;letter-spacing:.02em}.inventory-status-pill.fresh{background:#d4f7dc;color:var(--green-d)}.inventory-status-pill.tired{background:#fff0cb;color:var(--orange-d)}.inventory-status-pill.exhausted,.inventory-status-pill.empty{background:#ffd6db;color:#d92546;animation:pulse .8s infinite}.inventory-energy-track{height:10px;border-radius:999px;background:#ede2cf;overflow:hidden}.inventory-energy-fill{height:100%;border-radius:999px;transition:width .3s ease}.inventory-energy-fill.fresh{background:var(--green)}.inventory-energy-fill.tired{background:var(--yellow)}.inventory-energy-fill.exhausted,.inventory-energy-fill.empty{background:#ff4d6d}.inventory-wallet-box{display:flex;align-items:center;gap:6px;padding-left:12px;border-left:2px dashed #ede2cf;color:var(--ink)}.inventory-wallet-box svg{color:var(--orange)}.inventory-wallet-box strong{font:800 18px var(--display)}.inventory-wallet-box small{font-size:12px;color:var(--ink-soft)}.inventory-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.inventory-tabs button{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border:3px solid #fff;border-radius:999px;background:#fff0d2;color:var(--ink);box-shadow:var(--push);font-size:13px;font-weight:800}.inventory-tabs button.selected{background:var(--green);color:#fff}.inventory-tabs button:hover:not(.selected){background:#ffe8be}.inventory-tabs .tab-pill{background:#ff4d6d;color:#fff;font-size:11px;padding:1px 6px;border-radius:999px;font-weight:800}.inventory-tab-content{display:grid;gap:12px}.inventory-section h4{font:800 15px var(--display);margin:6px 0;color:var(--sky-d)}.inventory-food-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.inventory-food-row{display:flex;align-items:center;gap:10px;background:#fff;border:3px solid #fff;border-radius:16px;padding:8px 12px;box-shadow:var(--push)}.inventory-food-row .shop-swatch{flex-shrink:0;width:24px;height:24px;border-radius:50%;border:3px solid #fff;box-shadow:var(--push)}.inventory-food-row .food-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.inventory-food-row .food-info strong{font:800 15px/1.2 var(--display);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-food-row .food-restore{font-size:12px;font-weight:700;color:var(--green-d)}.inventory-food-row .food-qty{font:800 14px var(--display);color:var(--ink-soft);margin-right:6px}.inventory-eat-btn{min-width:68px;padding:6px 14px;border:3px solid #fff;border-radius:999px;background:var(--green);color:#fff;font:800 13px var(--display);box-shadow:var(--push);cursor:pointer}.inventory-eat-btn:hover:not(:disabled){transform:translateY(-2px);background:var(--green-d)}.inventory-eat-btn:disabled{background:#d9cdb8;cursor:not-allowed;box-shadow:none}.inventory-empty-card{text-align:center;padding:28px 18px;background:#fff;border:3px dashed #e5d8be;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:8px}.inventory-empty-card .empty-icon{color:var(--ink-soft);opacity:.6}.inventory-empty-card h4{font:800 18px var(--display);margin:0;color:var(--ink)}.inventory-empty-card p{font-size:13px;color:var(--ink-soft);margin:0;max-width:360px;line-height:1.4}.inventory-quick-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;justify-content:center}.inventory-quick-actions button{min-height:42px;padding:8px 18px;font-size:14px;border-radius:999px}.inventory-cta-bar{margin-top:8px;display:flex;justify-content:flex-end}.inventory-restock-link{display:inline-flex;align-items:center;gap:6px;background:#e9f8ff;color:var(--sky-d);border:2px solid #fff;border-radius:999px;padding:6px 14px;font:800 13px var(--display);box-shadow:var(--push)}.inventory-restock-link:hover{background:#d4f2ff;transform:translateY(-1px)}.crop-price{font-size:11px;font-weight:700;color:var(--orange-d);margin-left:auto;margin-right:8px}@media(max-width:760px){.energy-bar{width:44px}.energy-chip{height:34px;padding:0 8px}.inventory-btn{width:34px;height:34px}.inventory-dialog{padding:18px 14px;max-height:82dvh}}.is-touch .keycap,.is-touch .tool-slot kbd,.is-touch .reel-button kbd,.is-touch .return kbd{display:none}.is-touch .interaction-action{min-height:54px;gap:10px}.is-touch .interaction.can-click{padding:6px 12px 6px 14px}.is-touch .reel-button{min-height:56px;padding:0 28px;font-size:20px}.is-touch .reel-button.small{min-height:44px}.is-touch .tool-slot{width:54px;height:54px}.is-touch .return{padding:10px 18px}body{touch-action:manipulation;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.app.is-touch.is-playing{touch-action:pan-x pan-y}.app.is-touch.is-playing button,.app.is-touch .touch-pad{touch-action:none}.app.is-touch.is-playing .our-panel button,.app.is-touch.is-playing .pause-panel button{touch-action:pan-y}.app.is-touch .our-panel,.app.is-touch .pause-panel,.app.is-touch .field-journal{touch-action:pan-y;overscroll-behavior:contain}.rotate-hint{position:fixed;inset:0;z-index:60;display:grid;place-content:center;justify-items:center;gap:14px;padding:28px;text-align:center;background:linear-gradient(#6ec6ffee,#a9e0a0ee);color:var(--ink)}.rotate-hint h2{margin:0;font:800 26px var(--display)}.rotate-hint p{margin:0;max-width:340px;font-size:15px;line-height:1.5}.rotate-icon{animation:rotate-tilt 2.4s ease-in-out infinite;color:#fff;filter:drop-shadow(0 3px 0 #0003)}@keyframes rotate-tilt{0%,15%{transform:rotate(0)}55%,80%{transform:rotate(-90deg)}to{transform:rotate(0)}}.rotate-actions{display:grid;gap:10px;justify-items:center;margin-top:6px}.rotate-actions .primary{display:inline-flex;gap:8px;align-items:center}.rotate-skip{background:none;border:0;color:var(--ink);text-decoration:underline;font:700 14px var(--display);padding:8px}@media(max-height:520px){.place-guide,.dog-journal,.autosave{display:none}.topbar{padding-top:max(6px,env(safe-area-inset-top))}.tool-bar{top:auto;bottom:10px;left:50%;transform:translate(-50%);flex-direction:row;gap:4px;padding:4px;border-radius:22px}.is-touch .tool-slot{width:46px;height:46px}.tool-slot.selected{transform:translateY(-3px)}.touch-pad{width:112px;height:112px;bottom:max(16px,env(safe-area-inset-bottom))}.touch-buttons{bottom:max(22px,env(safe-area-inset-bottom))}.touch-buttons button{width:56px;height:56px}.touch-buttons button:last-child{width:66px;height:66px}.interaction{bottom:84px}.toast{bottom:150px}.fishing-hud{bottom:96px}.catch-card{top:70px}}.online-start{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:10px;padding:12px 22px;border:3px solid #fff;border-radius:999px;background:#fffc;color:var(--ink);font:800 16px var(--display);box-shadow:var(--push);cursor:pointer}.online-start:hover{background:#fff}.online-panel{text-align:center;display:grid;gap:12px;justify-items:center}.online-panel p{margin:0;line-height:1.5}.online-panel h2{margin:0}.online-login,.online-ready,.online-queue{display:grid;gap:12px;justify-items:center;width:100%}.online-form{display:grid;gap:10px;width:min(320px,100%);text-align:left}.online-form label{font:800 15px var(--display)}.online-form input,.chat-form input{padding:12px 14px;border:3px solid #fff;border-radius:16px;background:#fff;box-shadow:var(--push);font:700 16px var(--display);color:var(--ink);min-width:0}.online-error{color:#c2373b;font-weight:700;font-size:14px}.online-note{font-size:13px;color:var(--ink-soft)}.online-guest,.online-links button,.online-queue button,.online-leave{padding:9px 16px;border:3px solid #fff;border-radius:999px;background:#fff0d2;color:var(--ink);font:800 14px var(--display);box-shadow:var(--push);cursor:pointer;display:inline-flex;align-items:center;gap:6px}.online-links{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.online-leave{width:100%;justify-content:center;margin-bottom:6px}.queue-pos{font:800 20px var(--display);color:var(--sky-d)}.online-button{position:relative}.online-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:var(--green);color:#fff;border:2px solid #fff;font:800 11px/14px var(--display);text-align:center}.queue-banner{position:absolute;left:50%;top:78px;transform:translate(-50%);display:flex;gap:10px;align-items:center;padding:8px 16px;border-radius:999px;background:#fffaf0f2;border:3px solid #fff;box-shadow:var(--pop);font:800 14px var(--display);z-index:5;pointer-events:auto}.queue-banner button{border:0;background:none;text-decoration:underline;font:inherit;cursor:pointer}.players-panel{text-align:left}.player-list{list-style:none;margin:0;padding:0;display:grid;gap:8px;max-height:36vh;overflow:auto}.player-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;background:#fff;border:3px solid #fff;border-radius:18px;padding:8px 12px;box-shadow:var(--push)}.player-dot{width:12px;height:12px;border-radius:50%;background:#cdbfa0}.player-row.on .player-dot{background:#3fbf5a;box-shadow:0 0 0 3px #3fbf5a44}.player-info{display:grid;gap:1px}.player-info strong{font:800 16px var(--display)}.player-info small{font-size:12px;color:var(--ink-soft)}.player-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.player-row .player-goto{background:var(--blue,#4a8fd8)}.player-row button{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:0 14px;border:3px solid #fff;border-radius:14px;background:var(--green);color:#fff;font:800 14px var(--display);box-shadow:var(--push);cursor:pointer}.chat-log{list-style:none;margin:0 0 8px;padding:8px 10px;max-height:18vh;overflow:auto;background:#fffaf0;border-radius:14px;border:2px dashed var(--line);display:grid;gap:4px;font-size:14px}.chat-empty{color:var(--ink-soft)}.emote-row{display:flex;gap:8px;margin-bottom:8px}.emote-row button{width:46px;height:46px;border-radius:50%;border:3px solid #fff;background:#fff0d2;box-shadow:var(--push);font-size:22px;cursor:pointer}.chat-form{display:flex;gap:8px}.chat-form input{flex:1}.chat-form button{width:48px;border:3px solid #fff;border-radius:16px;background:var(--green);color:#fff;box-shadow:var(--push);cursor:pointer;display:grid;place-items:center}.chat-form button:disabled{background:#d9cdb8}.chat-feed{position:absolute;left:14px;bottom:130px;list-style:none;margin:0;padding:0;display:grid;gap:4px;max-width:min(360px,60vw);pointer-events:none;z-index:2}.chat-feed li{padding:5px 12px;border-radius:14px;background:#2a2a35bb;color:#fff;font-size:14px;animation:chat-in .25s ease-out}@keyframes chat-in{0%{opacity:0;transform:translateY(6px)}}@media(max-height:520px){.chat-feed{bottom:auto;top:62px;left:10px}}.intro.is-creating{opacity:0;pointer-events:none}.creator{position:absolute;right:max(24px,env(safe-area-inset-right));top:50%;transform:translateY(-50%);z-index:8;width:min(380px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;display:grid;gap:8px;padding:22px 22px 20px;background:#fffaf0f2;border:4px solid #fff;border-radius:30px;box-shadow:var(--pop);color:var(--ink);text-align:left}.creator h2{margin:0 0 4px;font:800 28px var(--display)}.creator input{padding:11px 14px;border:3px solid #fff;border-radius:16px;background:#fff;box-shadow:var(--push);font:700 17px var(--display);color:var(--ink);min-width:0}.creator-label{margin-top:6px;font:800 13px var(--display);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}.swatch-row{display:flex;gap:8px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:50%;border:4px solid #fff;box-shadow:var(--push);display:grid;place-items:center;color:var(--ink);cursor:pointer}.swatch.on{outline:4px solid var(--green);outline-offset:1px}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice-row button{padding:9px 14px;border:3px solid #fff;border-radius:999px;background:#fff0d2;color:var(--ink);font:800 14px var(--display);box-shadow:var(--push);cursor:pointer}.choice-row button.on{background:var(--green);color:#fff}.pet-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.pet-row button{display:grid;justify-items:center;gap:2px;padding:10px 4px;border:3px solid #fff;border-radius:18px;background:#fff;box-shadow:var(--push);cursor:pointer;color:var(--ink)}.pet-row button.on{border-color:var(--green);background:#e8ffd9}.pet-swatch{width:34px;height:34px;border-radius:50%;border:3px solid #fff;box-shadow:0 2px #0002}.pet-row strong{font:800 13px var(--display)}.pet-row small{font-size:12px;color:var(--ink-soft)}.creator-go{margin-top:10px;width:100%}@media(max-width:760px),(max-height:520px){.creator{right:8px;top:8px;transform:none;width:min(330px,60vw);padding:14px 14px 12px;gap:5px}.creator h2{font-size:22px}.swatch{width:34px;height:34px}}.shop-pets{margin-bottom:8px}.intro-about{max-width:560px;margin:14px 0 0;font-size:13px;line-height:1.55;color:var(--ink-soft)}.intro-about a,.online-note a{color:inherit;text-decoration:underline}.emote-bar{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:96px;display:flex;flex-direction:column;align-items:flex-end;gap:8px;z-index:3;pointer-events:none}.emote-toggle{pointer-events:auto;width:50px;height:50px;border-radius:50%;border:3px solid #fff;background:linear-gradient(#ffd66b,#ffb347);color:#fff;box-shadow:var(--push);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.emote-toggle[aria-expanded=true]{background:linear-gradient(#8fd8ff,var(--sky))}.emote-pop{pointer-events:auto;list-style:none;margin:0;padding:8px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;background:#fffaf0f2;border:3px solid #fff;border-radius:22px;box-shadow:var(--pop)}.emote-pop button{position:relative;display:grid;justify-items:center;gap:1px;width:72px;padding:8px 4px 6px;border:3px solid #fff;border-radius:16px;background:#fff0d2;box-shadow:var(--push);cursor:pointer;color:var(--ink)}.emote-pop button span{font-size:26px;line-height:1.1}.emote-pop small{font:800 11px var(--display)}.emote-pop kbd{position:absolute;top:2px;left:5px;min-width:0;height:auto;padding:0;background:none;border:0;font:800 10px var(--display);color:var(--ink-soft)}.is-touch .emote-pop kbd{display:none}.is-touch .emote-bar{bottom:176px}@media(max-height:520px){.emote-bar{bottom:108px;right:max(18px,env(safe-area-inset-right))}.emote-pop button{width:60px;padding:5px 2px 4px}.emote-pop button span{font-size:22px}.is-touch .emote-bar{bottom:108px}}.online-resume{display:inline-flex;align-items:center;gap:12px;margin-top:10px;padding:10px 18px;border:3px solid #fff;border-radius:999px;background:#ffffffd9;color:var(--ink);font:800 15px var(--display);box-shadow:var(--push)}.online-resume button{border:0;background:none;text-decoration:underline;font:inherit;cursor:pointer;color:inherit}@media(min-height:521px){.tool-bar{top:calc(50% + 48px)}}.players-panel{display:grid;gap:14px;align-content:start;max-height:calc(100dvh - 24px);overflow:auto}.players-panel h2,.players-panel h3{margin:0}.players-panel .shop-subtitle{display:flex;align-items:center;gap:6px;margin-top:6px}.player-list{gap:10px;max-height:none}.player-row{gap:14px;padding:12px 16px}.player-info{min-width:0}.player-info strong,.player-info small{overflow-wrap:anywhere}.player-nofarm{font-size:12px;color:var(--ink-soft);text-align:right}.offline-toggle{justify-self:start;padding:8px 14px;border:3px solid #fff;border-radius:999px;background:#fff0d2;color:var(--ink);font:800 13px var(--display);box-shadow:var(--push);cursor:pointer}.chat-log{margin:0}.emote-row{margin:0;flex-wrap:wrap}.pet-bubble{position:absolute;left:50%;top:50%;transform:translate(-50%,calc(-100% - 8px));max-width:min(260px,70vw);padding:7px 13px 8px;border-radius:16px;background:var(--paper);border:3px solid #fff;box-shadow:var(--pop);color:var(--ink);font:700 13px/1.3 var(--display);text-align:center;pointer-events:none;animation:bubble-in .25s ease both;display:flex;flex-direction:column;gap:1px}.pet-bubble b{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.pet-bubble.ask{background:#fff3c9;border-color:#ffd45e}.pet-bubble:after{content:"";position:absolute;left:50%;bottom:-9px;width:12px;height:12px;background:inherit;border:inherit;border-top:0;border-left:0;transform:translate(-50%) rotate(45deg);border-radius:0 0 4px}@keyframes bubble-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 2px)) scale(.85)}}.reel-title .temper{margin-left:8px;padding:2px 9px;border-radius:999px;font:800 11px/1.4 var(--display);font-style:normal;letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#6c8aa0}.reel-title .temper.calm{background:#58a86b}.reel-title .temper.fierce{background:#d4574a}.ride-bar{flex-wrap:wrap;max-height:min(280px,42dvh);align-content:flex-end;position:absolute;right:max(22px,env(safe-area-inset-right));bottom:158px;display:flex;flex-direction:column;gap:8px;z-index:3;pointer-events:none}.ride-bar button{pointer-events:auto;width:50px;height:50px;border-radius:50%;border:3px solid #fff;background:linear-gradient(#9fd8ff,#5fb0e8);color:#fff;box-shadow:var(--push);display:grid;place-items:center;cursor:pointer;touch-action:manipulation}.ride-bar button.on{background:linear-gradient(#ffd66b,#ff9f43);outline:3px solid #fff8}.is-touch .ride-bar{bottom:238px}@media(max-height:520px){.ride-bar,.is-touch .ride-bar{bottom:170px}}.kite-hud{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--paper);border:3px solid #fff;border-radius:999px;box-shadow:var(--pop);color:var(--ink);font:700 14px var(--display);z-index:3;pointer-events:auto}.kite-hud svg{color:var(--sky-d)}.kite-hud.high svg{color:#e8a317}.kite-meter{position:relative;width:110px;height:10px;border-radius:999px;background:#e7dcc2;overflow:hidden}.kite-meter i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#6fb7e0,#8fd18a);border-radius:inherit;transition:width .2s}.kite-meter b{position:absolute;top:-2px;bottom:-2px;width:3px;background:#e8a317;border-radius:2px}.kite-hud button{padding:6px 12px;border:3px solid #fff;border-radius:999px;background:#fff0d2;box-shadow:var(--push);font:800 13px var(--display);color:var(--ink);cursor:pointer}@media(max-width:760px){.kite-hud{bottom:250px;flex-wrap:wrap;justify-content:center;max-width:92vw;border-radius:22px}}.sit-hud{position:absolute;left:50%;bottom:112px;transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:8px 14px;background:var(--paper);border:3px solid #fff;border-radius:999px;box-shadow:var(--pop);color:var(--ink);font:700 14px var(--display);z-index:3;pointer-events:auto}.sit-hud svg{color:var(--sky-d)}.sit-hud button{padding:6px 12px;border:3px solid #fff;border-radius:999px;background:#fff0d2;box-shadow:var(--push);font:800 13px var(--display);color:var(--ink);cursor:pointer}@media(max-width:760px){.sit-hud{bottom:250px}}.archery-hud,.hop-hud{position:absolute;left:50%;bottom:24px;transform:translate(-50%);display:flex;align-items:center;gap:16px;padding:12px 16px;background:var(--paper);border:3px solid #fff;border-radius:26px;box-shadow:var(--pop);color:var(--ink);font:700 14px var(--display);z-index:6;pointer-events:auto}.archery-sight{position:relative;width:200px;height:200px;flex:none;border-radius:50%;overflow:hidden;border:3px solid #fff;box-shadow:var(--push)}.archery-sight svg{width:100%;height:100%;display:block}.archery-dot{position:absolute;left:50%;top:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border-radius:50%;background:#fffc;border:3px solid #222;box-shadow:0 0 0 2px #fff}.archery-dot:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#222}.archery-info,.hop-info{display:grid;gap:8px;min-width:150px}.archery-info strong,.hop-info strong{font-size:16px}.archery-info span,.hop-info span{color:var(--ink-soft);font-size:13px}.archery-fire,.hop-press{padding:12px 16px;border:3px solid #fff;border-radius:999px;background:linear-gradient(#ffd66b,#ffb347);color:#5a3a00;box-shadow:var(--push);font:800 15px var(--display);cursor:pointer;touch-action:manipulation}.archery-fire:disabled,.hop-press:disabled{opacity:.55}.archery-quit{padding:6px 12px;border:3px solid #fff;border-radius:999px;background:#fff0d2;box-shadow:var(--push);font:800 12px var(--display);color:var(--ink);cursor:pointer}.hop-rings{position:relative;width:170px;height:170px;flex:none;display:grid;place-items:center}.hop-ring{position:absolute;width:64px;height:64px;border-radius:50%;border:5px solid #4aa3df;opacity:.9}.hop-core{width:64px;height:64px;border-radius:50%;border:5px solid #e5484d;display:grid;place-items:center;font:800 26px var(--display);background:#fff;transition:background .08s}.hop-core[data-hot="1"]{background:#bff0c0;border-color:#3f9a4a}@media(max-width:760px){.archery-hud,.hop-hud{bottom:12px;gap:10px;padding:8px 10px;flex-wrap:nowrap;max-width:96vw}.archery-sight{width:150px;height:150px}.hop-rings{width:120px;height:120px}}.app.is-touch[data-ui=compact] .topbar{padding:8px 10px;gap:6px}.app.is-touch[data-ui=compact] .identity{padding:3px 12px 3px 3px;gap:7px}.app.is-touch[data-ui=compact] .identity .avatar{width:30px;height:30px}.app.is-touch[data-ui=compact] .location strong{font-size:13px}.app.is-touch[data-ui=compact] .location span{font-size:10px}.app.is-touch[data-ui=compact] .sound-toggle{width:36px;height:36px;border-width:2px}.app.is-touch[data-ui=compact] .resources>div{min-width:0;padding:2px 10px 2px 3px;gap:5px;border-width:2px}.app.is-touch[data-ui=compact] .resources strong{font-size:15px}.app.is-touch[data-ui=compact] .resources>div>div>span{font-size:9px}.app.is-touch[data-ui=compact] .level-chip{width:34px;height:34px;border-width:2px}.app.is-touch[data-ui=compact] .energy-chip{height:32px;padding:0 8px;border-width:2px}.app.is-touch[data-ui=compact] .tool-bar{left:6px;padding:3px;gap:3px;border-width:2px;border-radius:18px}.app.is-touch[data-ui=compact] .tool-slot{width:38px;height:42px;border-radius:12px;border-width:2px}.app.is-touch[data-ui=compact] .tool-slot kbd{display:none}.app.is-touch[data-ui=compact] .touch-pad{width:104px;height:104px;left:max(12px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom))}.app.is-touch[data-ui=compact] .touch-buttons button{width:52px;height:52px;border-width:2px}.app.is-touch[data-ui=compact] .emote-toggle,.app.is-touch[data-ui=compact] .ride-bar button{width:40px;height:40px;border-width:2px}.app.is-touch[data-ui=compact] .emote-bar{bottom:150px;right:max(12px,env(safe-area-inset-right))}.app.is-touch[data-ui=compact] .ride-bar{bottom:196px;right:max(12px,env(safe-area-inset-right));gap:6px}.app.is-touch[data-ui=compact] .interaction{bottom:64px;font-size:12px;padding:5px 10px}.app.is-touch[data-ui=compact] .mode-card{padding:3px 10px 3px 3px;border-width:2px}.app.is-touch[data-ui=compact] .mode-card p{font-size:12px}.app.is-touch[data-ui=compact] .place-guide,.app.is-touch[data-ui=compact] .field-journal{display:none}.app.is-touch[data-ui=compact] .kite-hud,.app.is-touch[data-ui=compact] .sit-hud{bottom:150px;padding:5px 10px;font-size:12px}.app.is-touch[data-ui=compact] .archery-sight{width:130px;height:130px}.app.is-touch[data-ui=compact] .hop-rings{width:104px;height:104px}.app.is-touch[data-ui=compact] .archery-hud,.app.is-touch[data-ui=compact] .hop-hud{bottom:8px;padding:6px 10px;gap:10px}.app.is-touch[data-ui=compact] .our-panel{padding:20px 18px;border-radius:24px}.app.is-touch[data-ui=compact] .our-panel h2{font-size:24px}@media(orientation:landscape)and (max-height:520px){.app.is-touch[data-ui=compact] .tool-bar{top:auto;bottom:10px;left:50%;transform:translate(-50%);flex-direction:row}.app.is-touch[data-ui=compact] .emote-bar{bottom:96px}.app.is-touch[data-ui=compact] .ride-bar{bottom:140px}.app.is-touch[data-ui=compact] .kite-hud,.app.is-touch[data-ui=compact] .sit-hud{bottom:62px}}.combat-hud{position:absolute;left:max(20px,env(safe-area-inset-left));bottom:178px;z-index:4;display:grid;gap:6px;pointer-events:auto}.combat-hud button{min-width:72px;max-width:132px;min-height:64px;padding:8px 12px;display:grid;justify-items:center;border:3px solid #fff;border-radius:22px;background:#ffd077;color:var(--ink);box-shadow:var(--push);touch-action:none}.combat-hud small{max-width:108px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.combat-hud button:disabled{opacity:.65}.combat-hud>span{background:var(--paper);padding:5px 8px;border-radius:12px;font-size:13px}@media(max-height:520px){.combat-hud{bottom:150px;left:max(12px,env(safe-area-inset-left))}.combat-hud button{min-height:48px;padding:5px 10px}.combat-hud small{display:none}}.app.is-touch .topbar{padding-top:max(8px,env(safe-area-inset-top));padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.app.is-touch[data-ui=compact] .topbar{padding:max(8px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left))}.app.is-touch .sound-toggle{min-width:44px;min-height:44px}.app.is-touch .top-actions{flex-wrap:wrap;justify-content:flex-end}.app.is-touch .touch-stick{width:44px;height:44px;inset:calc(50% - 22px)}.app.is-touch .rotate-hint{overflow-y:auto;align-content:safe center;touch-action:pan-y;padding:max(28px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.fullscreen-help{pointer-events:auto;width:min(420px,calc(100vw - 40px));max-height:calc(100dvh - 40px);overflow-y:auto;box-sizing:border-box;padding:24px;border:3px solid #fff;border-radius:24px;background:var(--paper);color:var(--ink);box-shadow:var(--pop);font-family:var(--display);touch-action:pan-y}.fullscreen-help::backdrop{background:#173b4b88}.fullscreen-help h2{margin-top:0}.fullscreen-help p{line-height:1.5}.app.is-touch .fullscreen-help button{min-height:44px;touch-action:pan-y}@media(orientation:landscape)and (max-height:520px){.app.is-touch .tool-bar,.app.is-touch[data-ui=compact] .tool-bar{bottom:max(10px,env(safe-area-inset-bottom))}.app.is-touch .ride-bar{max-height:max(60px,calc(100dvh - 250px))}}.level-chip,.energy-chip{pointer-events:auto;cursor:pointer}.progression{padding:16px;border:2px solid #dbc9a4;border-radius:20px;background:#fff4d9;text-align:left}.progression h3{margin:4px 0 10px}.progression progress{display:block;width:100%;height:12px;margin-top:8px;accent-color:#4f9777}.progression p{margin:10px 0}.upgrade-grid{display:grid;gap:10px;margin-top:12px}.upgrade-grid article{display:grid;gap:6px;padding:12px;border-radius:14px;background:#fffaf0}.upgrade-grid button,.guide-dismiss,.guide-detail,.energy-warning button{min-height:44px;border:0;border-radius:12px;background:#eadcb7;color:var(--ink);padding:8px 12px}.upgrade-grid button:disabled{opacity:.55;cursor:default}.quest-guide{pointer-events:auto;max-width:300px}.guide-detail{background:transparent;text-align:left;padding:0;min-width:0}.guide-dismiss{flex-shrink:0;padding:8px}.energy-warning{position:absolute;left:50%;bottom:110px;transform:translate(-50%);width:max-content;max-width:calc(100% - 32px);display:flex;align-items:center;gap:10px;padding:8px 12px;border:2px solid #fff;border-radius:18px;background:#ffefc2;color:#6e4b25;pointer-events:auto;z-index:5;font-size:14px}.energy-warning.critical{background:#ffe1d6;border-color:#e78d6e;color:#873b28}.energy-warning button{display:flex;align-items:center;gap:6px;background:#fff8ed;flex-shrink:0}.app.is-touch .quest-guide{left:max(10px,env(safe-area-inset-left));top:160px;max-width:min(280px,calc(100vw - 20px));padding:8px;gap:6px}.app.is-touch .quest-guide strong{font-size:13px}.app.is-touch .energy-warning{bottom:155px;max-width:calc(100% - 24px);font-size:12px}@media(orientation:landscape)and (max-height:520px){.app.is-touch .quest-guide{top:70px;max-width:220px}.app.is-touch .quest-guide .tiny-label{display:none}.app.is-touch .energy-warning{bottom:max(72px,calc(env(safe-area-inset-bottom) + 60px));max-width:46vw;padding:5px 8px}}