:root{font-family:ui-rounded,'Trebuchet MS',system-ui,sans-serif;color:#f7f5e8;background:#93bac4;font-synthesis:none;--ink:#153a43;--green:#9fdbc3;--gold:#ffd47d;--panel:rgba(22,53,60,.9)}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;transition:background .16s,transform .16s}button:disabled{opacity:.5;cursor:wait}button:active{transform:scale(.96)}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}[hidden]{display:none!important}#world,#world canvas,.edge-shade,#labels{position:fixed;inset:0;width:100%;height:100%}#world canvas{display:block;touch-action:none}.edge-shade{pointer-events:none;background:linear-gradient(90deg,#15333be0 0%,#15333b55 37%,transparent 64%),linear-gradient(0deg,#1b384b66,transparent 30%)}body.playing .edge-shade{background:linear-gradient(180deg,#17394070,transparent 22%),linear-gradient(0deg,#123c4a4a,transparent 23%)}#topbar{position:fixed;z-index:5;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 28px;pointer-events:none}#topbar button{pointer-events:auto}.brand{display:flex;gap:10px;align-items:center;font-size:20px;font-weight:900;letter-spacing:1.5px;line-height:1}.brand-paw{font-size:35px;color:var(--gold)}.brand small{display:block;font-size:10px;letter-spacing:1.9px;font-weight:600;margin-top:7px;color:#e3e9db}#place{text-align:center;line-height:1.4;text-shadow:0 2px 10px #173b4966}#place span{font-size:17px;font-weight:700}#place small{font-size:12px;display:block;color:#e0eadc}.top-actions{display:flex;gap:8px}.top-actions button{background:#244b54e0;border:1px solid #d5ecdf33;border-radius:100px;height:43px;min-width:44px;padding:0 15px;font-size:15px}.top-actions button:hover{background:#39716f}.top-actions button[aria-pressed=true]{color:var(--gold)}main{pointer-events:none;position:fixed;inset:0;z-index:3}main button,main select,main a{pointer-events:auto}.start-card{position:absolute;left:7%;top:50%;transform:translateY(-43%);width:420px;max-width:86vw}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:var(--green)}h1{font-size:clamp(48px,5vw,76px);line-height:1.04;letter-spacing:-3px;margin:20px 0}h1 em{font-style:normal;color:var(--gold)}.start-card>p{font-size:17px;color:#e4ebdf;line-height:1.6;margin:20px 0}fieldset{border:0;padding:0;margin:24px 0 22px}legend{font-size:14px;font-weight:700;margin-bottom:10px}.coat-swatches{display:flex;gap:9px}.coat-swatches button{width:31px;height:31px;border-radius:50%;border:3px solid transparent;box-shadow:0 0 0 1px #d6e2ca44}.coat-swatches button.selected{border-color:white;outline:2px solid var(--gold);outline-offset:2px}.form-row{display:flex;align-items:center;gap:14px;margin-top:14px;font-size:14px}select{background:#244a51;color:#fff2d9;border:1px solid #d5ecdf55;border-radius:10px;padding:7px 12px;font-size:14px}.primary{display:block;width:100%;padding:18px 22px;border-radius:14px;background:var(--gold);color:#21434a;box-shadow:0 6px 0 #a77b3b55;font-size:16px;font-weight:900}.primary:hover{background:#ffe1a1}.start-card .load-status{font-size:12px;line-height:1.4;margin:12px 0;color:#d8e9d8}.quick-guide{display:flex;flex-wrap:wrap;gap:14px;margin-top:20px;font-size:13px;color:#deebdd}kbd{font-family:inherit;font-weight:800;font-size:11px;letter-spacing:.3px}.quick-guide kbd{margin-right:4px}.glass{background:var(--panel);border:1px solid #bde1d52d;box-shadow:0 10px 35px #0d263529;border-radius:18px}.vitals{position:absolute;top:94px;left:24px;width:254px;padding:17px 18px}.vitals-head{display:flex;align-items:center;justify-content:space-between}.vitals-head small{font-size:10px;letter-spacing:1.6px;color:#abd5c5}.vitals-head strong{display:block;font-size:16px;margin:5px 0 18px}.cat-mark{font-size:25px;align-self:start}.bar-label{display:flex;justify-content:space-between;font-size:13px;margin-bottom:8px}.fat-track{height:9px;background:#071f3277;border-radius:7px;overflow:hidden}.fat-track i{display:block;height:100%;border-radius:7px;background:linear-gradient(90deg,#9bddba,#f8ce77);transition:width .2s;width:18%}.vital-bottom{display:flex;justify-content:space-between;margin-top:10px;font-size:12px;color:#d5e4cf}.micro{font-size:11px;line-height:1.4;color:#b5cdc1;margin:12px 0 0}.activity{position:absolute;right:24px;top:94px;width:257px;padding:19px}.activity>strong{display:block;font-size:17px;margin-top:12px}.activity p{font-size:14px;line-height:1.5;color:#d0dfd1;margin:8px 0 15px}.activity .eyebrow{font-size:10px}.activity-counts{display:flex;gap:15px;color:#c2dccb;font-size:11px;border-top:1px solid #c2e1c52d;padding-top:12px}.activity-counts b{font-size:19px;display:block;color:#fff0c9}#quest{border-top:1px solid #c2e1c52d;margin-top:12px;padding-top:12px;color:#ffdf9a;font-size:13px;line-height:1.45}.context{position:absolute;bottom:129px;left:50%;transform:translateX(-50%);display:flex;gap:11px;align-items:center;border:1px solid #cee9d25c;border-radius:100px;background:#153b44ec;padding:10px 17px;font-size:15px;white-space:nowrap;max-width:90vw}.context kbd{background:var(--gold);color:var(--ink);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;font-size:14px}.context span{overflow:hidden;text-overflow:ellipsis}#controls{position:absolute;left:24px;right:24px;bottom:24px;display:flex;align-items:end;justify-content:center;gap:24px}.action-buttons{display:flex;gap:9px}.action-buttons button{display:flex;flex-direction:column;gap:7px;align-items:center;justify-content:center;min-width:82px;height:68px;padding:9px 15px;background:#214c57eb;border:1px solid #c4e5d63d;border-radius:15px;font-size:13px;touch-action:none;user-select:none}.action-buttons kbd{color:#9ecfbd;font-size:10px}.action-buttons button:hover{background:#3a696c}.action-buttons .action-primary{background:var(--gold);color:#1c4149;min-width:122px;font-weight:900}.action-primary kbd{color:#426361}.action-buttons .action-primary:hover{background:#ffe7ae}#dpad{display:none;grid-template-columns:42px 42px 42px;grid-template-rows:42px 42px;gap:4px;pointer-events:auto}#dpad button{border-radius:12px;background:#1c4a56d9;border:1px solid #d5e6d95c;font-size:22px;touch-action:none;user-select:none}#dpad .up{grid-column:2}#dpad .left{grid-column:1;grid-row:2}#dpad .down{grid-column:2;grid-row:2}#dpad .right{grid-column:3;grid-row:2}.map-wrap{position:absolute;bottom:25px;right:28px;width:132px;height:146px;padding:6px;background:#1c3e48d9;border:1px solid #bfe9dc40;border-radius:17px;text-align:center}#minimap{width:116px;height:116px;border-radius:11px;opacity:.9}.map-wrap span{font-size:9px;letter-spacing:2px;color:#cce7da;display:block;margin-top:2px}.vocal-controls{position:absolute;bottom:28px;left:25px;display:flex;gap:7px}.vocal-controls button{background:#214c57df;border:1px solid #e0ecda2a;border-radius:12px;padding:10px 12px;font-size:12px}#toast{position:absolute;bottom:194px;left:50%;transform:translateX(-50%) translateY(6px);background:#153b43f5;border:1px solid #bbdec853;border-radius:14px;padding:13px 21px;max-width:min(85vw,580px);font-size:15px;text-align:center;color:#fff2d1;opacity:0;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translateX(-50%)}.reward{position:absolute;top:102px;left:50%;transform:translateX(-50%);background:#fce4aaf2;color:#20434a;box-shadow:0 10px 40px #243d4944;border:2px solid #fff4d7;padding:18px 26px;text-align:center;border-radius:18px;max-width:90vw;pointer-events:none}.reward>span{font-size:10px;letter-spacing:1.6px}.reward strong{display:block;font-size:22px;margin:7px 0}.reward small{font-size:12px}.dialogue{position:absolute;left:50%;bottom:30px;transform:translateX(-50%);width:600px;max-width:92vw;padding:22px 25px;pointer-events:auto;background:#193f49f8}.dialogue-title{display:flex;gap:13px;align-items:center}.dialogue-title small{font-size:10px;letter-spacing:1.7px;color:#9fccb9}.talk-mark{font-size:27px;background:#9bbcac25;padding:10px;border-radius:12px}.dialogue h2{font-size:25px;margin:4px 0}.dialogue-title>button,.wardrobe-heading>button{margin-left:auto;background:transparent;font-size:30px;width:38px;height:38px;color:#d2e7d7}.dialogue>p{font-size:17px;line-height:1.55;margin:17px 0}.dialogue #dialogueOptions{display:flex;gap:8px;flex-wrap:wrap}.dialogue #dialogueOptions button{font-size:14px;background:#a8d9bf;color:#21444b;border-radius:10px;padding:11px 15px;font-weight:800}.dialogue #dialogueOptions button:first-child{background:var(--gold)}.modal{position:absolute;inset:0;z-index:8;background:#102e3ca3;display:grid;place-items:center;pointer-events:auto;backdrop-filter:blur(5px)}.modal-card{background:#173d48;border:1px solid #acd5c956;box-shadow:0 30px 100px #061b3055;border-radius:24px;padding:34px;width:430px;max-width:90vw;text-align:center}.modal h2{font-size:35px;line-height:1.12;letter-spacing:-1px;margin:16px 0}.modal-card p{font-size:15px;line-height:1.6;color:#c8dece}.secondary{background:transparent;color:#c8dece;padding:17px;font-size:14px}.quality-label{display:block;font-size:13px;border-top:1px solid #c4e5d62b;padding-top:16px}.quality-label select{margin-left:12px}.wardrobe-card{width:680px;max-width:93vw;max-height:86vh;overflow:auto;background:#173d48;border:1px solid #d5ebd23b;border-radius:24px;padding:28px}.wardrobe-heading{display:flex;align-items:center;gap:14px}.wardrobe-card h2{font-size:32px}.wardrobe-card p{font-size:14px;color:#bfd7c8;line-height:1.5}.wardrobe-card .eyebrow{font-size:10px}#wardrobeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.outfit-option{background:#244e56;border:1px solid #93c0b633;border-radius:15px;padding:18px 8px;font-size:12px;min-height:112px;text-align:center}.outfit-option.selected{border:2px solid var(--gold);background:#365b5c}.outfit-option .outfit-icon{display:grid;place-items:center;margin:0 auto 10px;width:46px;height:46px;border-radius:14px;background:var(--swatch,#d6af6a);color:#fff6dd;font-size:27px;text-shadow:0 1px 4px #142a4166}.outfit-option small{display:block;font-size:10px;margin-top:5px;color:#a8ccbe}.pager{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:18px;font-size:13px}.pager button{padding:8px 12px;background:#2b5961;border-radius:8px}.area-transition{position:absolute;inset:0;background:#133640e8;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;z-index:6;pointer-events:none}.area-transition span{font-size:12px;letter-spacing:3px;color:#9bdec4}.area-transition strong{font-size:36px;color:#ffe0a0}.npc-label{position:absolute;pointer-events:none;transform:translate(-50%,-100%);text-align:center;max-width:190px;will-change:transform}.npc-label b{display:inline-block;background:#153a44d9;border:1px solid #cde4d84a;border-radius:100px;padding:5px 10px;font-size:12px;font-weight:700;color:#fff1d4;white-space:nowrap}.npc-label b.hungry{border-color:#ffd47d;color:#ffd47d}.npc-label p{background:#fff4ddf5;color:#244951;border-radius:13px 13px 13px 3px;padding:9px 12px;font-size:13px;line-height:1.3;margin:0 0 8px;min-width:100px;box-shadow:0 4px 13px #112f3730}.npc-label .rat-hint{color:#ffd9ba;background:#422f3dc7}.area-transition[hidden],.npc-label[hidden]{display:none}#credits{position:fixed;z-index:5;left:7%;right:28px;bottom:20px;display:flex;justify-content:space-between;font-size:12px;color:#dce9db}#credits a{color:inherit;text-decoration:none}body.playing #credits{display:none}@media(pointer:coarse){#dpad{display:grid}#controls{justify-content:space-between}.vocal-controls{display:none}.map-wrap{bottom:185px;right:18px;width:104px;height:116px;padding:4px}#minimap{width:94px;height:94px}.quick-guide{display:none}.start-card .load-status{margin-bottom:0}}
@media(max-width:900px){.brand small{display:none}.brand{font-size:17px}.activity{width:215px;padding:15px}.vitals{width:224px}.vocal-controls{bottom:111px;left:24px}.map-wrap{width:98px;height:110px;padding:4px}#minimap{width:88px;height:88px}#place small{display:none}#controls{left:18px;right:18px}.action-buttons button{min-width:65px;padding:8px 10px}.action-buttons .action-primary{min-width:95px}.top-actions button{padding:0 12px}}
@media(max-width:600px){#topbar{padding:14px 13px;gap:8px}.brand{font-size:14px;gap:5px;letter-spacing:.5px}.brand-paw{font-size:25px}#place{display:none}.top-actions{gap:5px}.top-actions button{height:36px;min-width:36px;padding:0 10px;font-size:13px}.top-actions button span{display:none}.start-card{left:7%;top:48%;transform:translateY(-40%)}h1{font-size:52px;letter-spacing:-2px;margin:16px 0}.start-card>p{font-size:15px;margin:15px 0}.start-card fieldset{margin:19px 0}.primary{padding:16px}.vitals{top:70px;left:10px;width:176px;padding:12px}.vitals-head strong{font-size:13px;margin:5px 0 11px}.cat-mark{display:none}.vital-bottom{font-size:10px}.bar-label{font-size:12px}.micro{display:none}.activity{top:70px;right:10px;width:164px;padding:12px}.activity>strong{font-size:14px;margin-top:7px}.activity p{font-size:12px;margin:6px 0 10px}.activity .eyebrow{font-size:8px}.activity-counts{gap:9px;font-size:9px;padding-top:9px}.activity-counts b{font-size:15px}#quest{font-size:11px}.context{bottom:171px;padding:7px 12px;font-size:12px}.context kbd{width:23px;height:23px;font-size:12px}#controls{bottom:20px;left:10px;right:10px;gap:8px}.action-buttons{display:grid;grid-template-columns:62px 88px;gap:6px}.action-buttons button{height:57px;padding:6px;min-width:62px;border-radius:12px;font-size:12px}.action-buttons .action-primary{min-width:88px}#dpad{grid-template-columns:35px 35px 35px;grid-template-rows:38px 38px;gap:3px}.action-buttons kbd{font-size:8px}.map-wrap{bottom:224px;right:10px;width:80px;height:90px;padding:4px}#minimap{width:70px;height:70px}.map-wrap span{font-size:8px}#toast{bottom:213px;font-size:13px;padding:10px 15px}.reward{top:235px;width:260px;padding:12px}.reward strong{font-size:18px}.reward small{font-size:10px}.dialogue{padding:17px;bottom:17px}.dialogue>p{font-size:15px}#dialogueOptions button{font-size:12px;padding:10px}.wardrobe-card{padding:18px}#wardrobeGrid{grid-template-columns:repeat(3,1fr);gap:7px}.outfit-option{min-height:102px;font-size:11px;padding:12px 4px}.wardrobe-card h2{font-size:25px}.npc-label{max-width:145px}.npc-label p{font-size:11px;padding:7px}.npc-label b{font-size:10px}.area-transition strong{font-size:26px;text-align:center}.quick-guide{font-size:11px;gap:12px}#credits{font-size:11px}}
@media(max-height:650px) and (min-width:601px){.start-card{top:48%;transform:translateY(-42%);width:370px}h1{font-size:46px;margin:10px 0}.start-card>p{font-size:14px;margin:12px 0}.start-card fieldset{margin:15px 0}.primary{padding:14px}.quick-guide{margin-top:12px}.vitals,.activity{top:77px}.map-wrap{bottom:17px}.modal-card{padding:24px}.vocal-controls{display:none}}
@media(prefers-reduced-motion:reduce){button,#toast,.fat-track i{transition:none}}
@media(max-height:500px) and (orientation:landscape){#topbar{padding:10px 16px}.vitals{top:62px;padding:10px 13px;width:195px}.vitals-head strong{font-size:13px;margin-bottom:9px}.vitals-head small,.micro,.cat-mark{display:none}.activity{top:62px;padding:12px;width:195px}.activity p{font-size:12px;margin-bottom:5px}.activity-counts{padding-top:7px}.activity-counts b{display:inline;margin-right:4px;font-size:13px}.map-wrap{display:none}.context{bottom:110px;font-size:13px}.start-card{top:52%;width:370px;max-height:78vh;overflow:auto;transform:translateY(-50%)}.start-card h1{font-size:35px;line-height:1.05;margin:8px 0}.start-card>p{font-size:13px;margin:8px 0}.start-card .eyebrow{font-size:10px}.start-card fieldset{margin:10px 0}.start-card legend{font-size:12px;margin-bottom:7px}.start-card .coat-swatches button{width:24px;height:24px}.start-card .form-row{margin-top:8px}.start-card .primary{padding:11px}.start-card .load-status{font-size:10px;margin:8px 0}.dialogue{bottom:16px;padding:16px 22px;width:550px}.dialogue h2{font-size:21px}.dialogue>p{font-size:14px;margin:12px 0}.npc-label p{font-size:12px}.reward{top:67px}}

/* City adventures and independent multi-touch controls. */
body{overscroll-behavior:none}#world,#controls,#controls button,#sing,#fishSnack{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#controls button.pressed{background:#55837e;transform:scale(.94)}#controls .action-primary.pressed{background:#fff0b5}#sing.happy{color:#ffe183;border-color:#ffe18388}.coat-swatches{flex-wrap:wrap;max-width:390px}.npc-label b.rare{background:#594322;color:#ffe49b;border:1px solid #edc96a;font-size:13px}.npc-label b.song-label{background:#30695a;color:#f5e7a5;font-size:16px}.snack-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:8px}.snack-row .micro{margin:0}#fishSnack{background:#3e7173;border:1px solid #bfded545;padding:8px;border-radius:10px;min-height:42px;font-size:13px;white-space:nowrap}#fishSnack:disabled{cursor:default;opacity:.55}.dialogue{max-height:70svh;overflow-y:auto;pointer-events:auto;overscroll-behavior:contain}.dialogue button{min-height:44px}.challenge-hud{position:absolute;top:94px;left:50%;transform:translateX(-50%);width:310px;padding:12px 16px;border-color:#efd28e55;pointer-events:auto}.challenge-heading{display:flex;align-items:center;gap:10px;margin-bottom:3px;color:#ffdc8d}.challenge-heading>span{font-size:12px;letter-spacing:1.5px;flex:1}.challenge-heading>strong{font-size:22px}.challenge-heading button{background:transparent;font-size:25px;min-width:34px;min-height:34px}.challenge-hud>strong{font-size:16px}.challenge-hud>p{margin:6px 0 0;color:#ddeddb;font-size:14px;line-height:1.4}.challenge-hud.urgent{border-color:#f4a47d}.challenge-hud.urgent #challengeTime{color:#ffb48c}.fishing-hud{position:absolute;bottom:156px;left:50%;transform:translateX(-50%);width:310px;padding:14px 18px;text-align:center;border-color:#a6dacf77}.fishing-hud strong{font-size:18px;color:#f4e6b4}.fishing-hud p{font-size:14px;color:#cde4da;margin:6px 0 10px}.fishing-hud.bite{background:#286b61;border-color:#ffdc8d}.bite-track{height:7px;background:#193e4788;border-radius:6px;overflow:hidden}.bite-track i{height:100%;display:block;width:100%;background:#ffe0a2}.fishing-hud:not([hidden])~.context{display:none}
@media(pointer:coarse){#dpad{grid-template-columns:44px 44px 44px;grid-template-rows:46px 46px;gap:4px}#controls{padding-bottom:env(safe-area-inset-bottom,0px)}}
@media(max-width:900px){.challenge-hud{top:280px;width:280px}.fishing-hud{bottom:154px}}
@media(max-width:600px){.top-actions{gap:5px}.top-actions button{min-width:37px;height:40px;padding:0 9px}.challenge-hud{top:235px;left:10px;right:10px;transform:none;width:auto;padding:8px 12px}.challenge-heading{margin:0}.challenge-heading>strong{font-size:20px}.challenge-hud>p{font-size:13px;margin-top:4px}.challenge-hud>strong{font-size:14px}.fishing-hud{width:280px;max-width:calc(100vw - 28px);bottom:156px;padding:12px}.fishing-hud strong{font-size:16px}.fishing-hud p{font-size:13px}.snack-row .micro{display:none}.snack-row{margin-top:6px}#fishSnack{font-size:12px;min-height:30px;width:100%;padding:5px}.coat-swatches{gap:8px;max-width:320px}.dialogue{max-height:72svh}.map-wrap{bottom:270px}.activity p{font-size:13px}.action-buttons{grid-template-columns:66px 90px;gap:8px}.action-buttons button{font-size:13px;height:58px}.action-buttons .action-primary{min-width:90px}}
@media(max-width:340px){#dpad{grid-template-columns:39px 39px 39px;grid-template-rows:44px 44px;gap:3px}.action-buttons{grid-template-columns:60px 82px;gap:5px}.action-buttons .action-primary{min-width:82px}.top-actions button{min-width:32px;padding:0 7px}}
@media(max-height:550px) and (orientation:landscape){.challenge-hud{top:64px;left:220px;right:220px;transform:none;width:auto;padding:8px;min-width:180px}.challenge-heading>span{display:none}.challenge-heading>strong{flex:1}.challenge-hud>strong,.challenge-hud>p{font-size:12px}.fishing-hud{bottom:126px;width:260px;padding:9px}.fishing-hud p{font-size:12px;margin:3px}.snack-row{margin-top:2px}#fishSnack{min-height:27px;padding:4px}.dialogue{max-height:78svh}}

/* Expanded Miauvila: readable overlays and room for two-handed play. */
:root{--panel:rgba(21,48,53,.92);--gold:#f4d69a;--green:#b6dbc4}
.top-actions button{box-shadow:0 3px 12px #142d3922}.start-card h1{font-size:clamp(43px,4.4vw,64px);letter-spacing:-2.5px;line-height:1.06}.start-card{width:455px}.start-card .eyebrow{color:#d5e5c8}.glass{border-radius:20px;box-shadow:0 6px 28px #0a202324}.modal-card{max-height:88svh;overflow-y:auto}.modal{padding:max(16px,env(safe-area-inset-top)) 10px}.vitals-head small,.activity .eyebrow,.activity-counts,.micro{font-size:12px}.activity-counts{gap:12px}.map-wrap span{font-size:10px}.action-buttons button{font-size:14px}.action-buttons kbd{font-size:11px}.outfit-option{font-size:13px}.outfit-option small{font-size:12px}.top-actions{flex-shrink:0}
#joystick{display:none;position:relative;width:138px;height:138px;flex-shrink:0;border:1px solid #d4e2ce66;border-radius:50%;background:radial-gradient(circle,#658c8055 0 32%,#173d46ab 33% 65%,#d3e0ce18 66%);pointer-events:auto;touch-action:none;user-select:none;box-shadow:0 5px 25px #102a3533}#joystick:before,#joystick:after{content:'';position:absolute;background:#dfebd347;pointer-events:none}#joystick:before{width:1px;height:74%;top:13%;left:50%}#joystick:after{height:1px;width:74%;left:13%;top:50%}#stickKnob{position:absolute;z-index:1;left:calc(50% - 23px);top:calc(50% - 23px);width:46px;height:46px;border-radius:50%;background:linear-gradient(145deg,#f1e8c9,#a9c6b3);border:2px solid #f3ecd3;box-shadow:0 3px 15px #15353b77;pointer-events:none;will-change:transform}.call-cats{display:none;position:absolute;bottom:178px;left:25px;border-radius:24px;padding:11px 16px;background:#274f53ed;border:1px solid #cee0c86b;font-size:14px;touch-action:none}
.cat-actions{position:absolute;z-index:7;right:24px;top:83px;width:280px;padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:9px;pointer-events:auto}.cat-actions strong{grid-column:1/-1;margin-bottom:5px}.cat-actions button{background:#386260;padding:12px 8px;border-radius:12px;font-size:14px;min-height:46px}.cat-actions button:hover{background:#527b6d}.cat-actions #closeCatActions{grid-column:1/-1;background:transparent;color:#d0decb;min-height:36px;padding:7px}
.atlas-card{width:850px;max-width:94vw;max-height:88svh;overflow:auto;background:#173d43;border:1px solid #d5ebd23b;border-radius:24px;padding:28px;overscroll-behavior:contain}.atlas-card>p{color:#c7d8c9;font-size:16px;line-height:1.5}.atlas-card h2{font-size:32px}.atlas-page-link{display:inline-block;margin-top:20px;color:#f4d69a;font-size:14px;text-underline-offset:4px}#areaCards,.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.area-card{display:flex;flex-direction:column;gap:9px;position:relative;overflow:hidden;padding:20px 17px;border-radius:17px;background:#234b50;border:1px solid #d4e0c92b;text-align:left;color:#f2eedc;text-decoration:none;min-height:204px;font-size:14px;line-height:1.45}.area-card:hover{background:#335e5d;border-color:var(--area-color)}.area-card.current{border:2px solid var(--area-color)}.area-card .area-mark{font-size:35px;color:var(--area-color);line-height:1.2}.area-card strong{font-size:17px;line-height:1.25}.area-card>span:not(.area-mark){color:#c7d8cc}.area-card small{margin-top:auto;padding-top:12px;font-size:11px;font-weight:800;letter-spacing:1px;color:var(--area-color)}
.fire-hud{position:absolute;right:24px;top:94px;width:257px;padding:18px;border-color:#f1bd8066}.fire-hud small{font-size:11px;font-weight:800;letter-spacing:1.2px;color:#f0cf9b}.fire-hud strong{display:block;font-size:18px;line-height:1.3;margin-top:9px}.fire-hud p{font-size:14px;line-height:1.5;color:#d3dfcd}.fire-hud>span{display:block;font-size:13px;margin-top:10px;color:#f4d69a}.fire-active .activity{display:none}.fire-hud .bite-track i{background:#a7d2ca;transition:width .2s}
.map-page{overflow:auto;background:#15383f;color:#f5eed8}.guide-header{max-width:1180px;margin:auto;padding:28px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.guide-brand{font-size:20px;font-weight:900;letter-spacing:2px;text-decoration:none;color:#f4d69a}.guide-back{color:#d3e0cc;text-decoration:none;padding:12px 18px;border:1px solid #bacfc34a;border-radius:30px;font-size:14px}.guide-main{position:static;pointer-events:auto;width:min(1120px,calc(100% - 60px));margin:45px auto 60px}.guide-main h1{font-size:clamp(42px,6vw,76px);margin:22px 0}.guide-intro{font-size:19px;line-height:1.6;color:#cbdccc;max-width:650px;margin-bottom:36px}.guide-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.guide-cards .area-card{min-height:235px;padding:24px}.guide-tips{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding:50px 0 22px}.guide-tips span{color:#a7cbb6;font-size:12px;letter-spacing:1px}.guide-tips h2{font-size:23px;font-weight:600;line-height:1.3}.guide-tips p,.guide-footnote{color:#bdd0c4;line-height:1.7;font-size:15px}.guide-footnote{border-top:1px solid #b7cdc33b;padding-top:25px}
@media(max-width:1100px){#place{display:none}}
@media(pointer:coarse),(max-width:700px){#joystick{display:block}#dpad{display:none}#controls{justify-content:space-between;align-items:flex-end}.vocal-controls{display:none}.call-cats{display:block}.quick-guide{display:none}.action-buttons kbd{display:none}.action-buttons button{font-size:14px;min-height:58px}.context kbd{display:none}.cat-actions{top:70px}.map-wrap{pointer-events:none}.context{bottom:183px}.action-buttons{display:grid;grid-template-columns:72px 94px;gap:9px}.action-buttons .action-primary{min-width:94px}}
@media(max-width:700px){#topbar{padding:12px;gap:6px}.top-actions{gap:5px}.top-actions button{padding:0 10px;min-width:41px;height:41px}.top-actions button span{display:none}.brand{font-size:13px;letter-spacing:.4px;gap:4px}.brand-paw{font-size:22px}.start-card{top:49%;max-height:78svh;overflow-y:auto;transform:translateY(-43%);padding-bottom:12px;pointer-events:auto}.start-card h1{font-size:48px}.vitals{top:70px;left:10px;width:calc(50% - 17px);max-width:215px;padding:12px}.activity,.fire-hud{top:70px;right:10px;width:calc(50% - 17px);max-width:215px;padding:12px}.vitals-head strong{font-size:14px}.vitals-head small{font-size:10px}.activity .eyebrow,.fire-hud small{font-size:10px;letter-spacing:.6px}.activity>strong,.fire-hud strong{font-size:15px}.activity p,.fire-hud p{font-size:13px}.activity-counts{font-size:11px;gap:9px}.activity-counts b{font-size:15px}.vital-bottom{font-size:11px}.micro{display:none}.snack-row{margin-top:6px}.activity-counts{flex-wrap:wrap}.fire-hud>span{font-size:12px}#controls{left:12px;right:12px;bottom:calc(16px + env(safe-area-inset-bottom))}.call-cats{left:21px;bottom:calc(166px + env(safe-area-inset-bottom));font-size:13px;padding:10px 13px}.context{bottom:calc(204px + env(safe-area-inset-bottom));font-size:13px;max-width:90vw;white-space:normal;text-align:center}#toast{bottom:calc(250px + env(safe-area-inset-bottom));font-size:14px}.map-wrap{bottom:285px;width:72px;height:82px}#minimap{width:62px;height:62px}.map-wrap span{font-size:8px}.cat-actions{right:12px;width:280px;max-width:94vw}.atlas-card{padding:19px}#areaCards,.guide-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.atlas-card h2{font-size:27px}.area-card{padding:15px 12px;min-height:218px}.area-card strong{font-size:16px}.guide-header{padding:20px}.guide-main{width:calc(100% - 40px);margin-top:30px}.guide-brand{font-size:16px}.guide-back{padding:10px;font-size:13px}.guide-intro{font-size:17px}.guide-cards .area-card{padding:18px}.guide-tips{grid-template-columns:1fr;gap:18px}.guide-tips h2{margin:12px 0}.fishing-hud{bottom:205px}.challenge-hud{top:250px}.reward{top:250px}}
@media(max-width:390px){.brand{display:none}#topbar{justify-content:center}.vitals-head strong{font-size:13px}#joystick{width:124px;height:124px}.action-buttons{grid-template-columns:65px 88px;gap:7px}.action-buttons .action-primary{min-width:88px}.activity-counts{gap:6px;font-size:10px}.start-card h1{font-size:42px}.area-card strong{font-size:15px}.area-card{font-size:13px;padding:14px 10px}.guide-cards{grid-template-columns:1fr}}
@media(max-height:550px) and (orientation:landscape){#topbar{padding:8px 14px}.top-actions button{height:37px}.vitals,.activity,.fire-hud{top:58px;width:185px;padding:10px 12px}.vitals-head small,.vital-bottom,.activity-counts,.activity .eyebrow{display:none}.vitals-head strong{margin:2px 0 8px}.fire-hud strong{font-size:14px}.fire-hud p{font-size:12px;margin:6px 0}.fire-hud>span{font-size:11px}.fire-hud .bite-track{height:4px}.snack-row{display:none}#joystick{width:114px;height:114px}.action-buttons{display:flex;gap:7px}.action-buttons button{height:58px;min-width:64px}.action-buttons .action-primary{min-width:85px}.call-cats{bottom:143px;left:18px;font-size:12px;padding:8px 12px}.context{bottom:89px;max-width:45vw;font-size:13px}#toast{bottom:137px;max-width:49vw}.start-card{max-height:77svh;width:350px;top:53%;transform:translateY(-50%)}.start-card h1{font-size:34px;margin:9px 0}.start-card>p{font-size:13px;margin:9px 0}.start-card fieldset{margin:10px 0}.start-card .primary{padding:12px}.cat-actions{top:56px}.atlas-card{max-height:90svh}.map-wrap{display:none}.dialogue{max-height:79svh}.challenge-hud{top:61px}.fishing-hud{bottom:94px}.reward{top:130px;padding:10px 20px}}

/* Appearance collection and a reversible, touch-friendly clear-screen mode. */
.coat-swatches{flex-wrap:wrap;gap:8px;padding:4px;max-width:100%}
.coat-swatches button{width:40px;height:40px;flex:0 0 40px;touch-action:manipulation}
.coat-name{color:var(--gold);font-size:14px;font-weight:600;letter-spacing:0}
legend .coat-name{display:block;margin-top:6px}
.appearance-options{padding:14px 16px;margin:16px 0;border:1px solid #cfe3cc3d;border-radius:14px;background:#ffffff06;pointer-events:auto}
.appearance-options summary{font-size:16px;cursor:pointer;padding:3px 0;color:#f3dfad}
.appearance-options summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.appearance-options .coat-name{margin:16px 0 10px}
.appearance-options select{min-height:44px}
.outfit-option.hero-outfit{border-color:#dfce9459;background:linear-gradient(145deg,#31545d,#1b3c49)}
.hero-outfit .outfit-icon{font-size:36px;color:#ffda72;text-shadow:0 2px 0 #0003}
.status-toggle{position:absolute;top:90px;left:50%;transform:translateX(-50%);z-index:4;min-height:44px;padding:10px 16px;border:1px solid #d6e6d34d;border-radius:24px;background:#173b43e8;box-shadow:0 3px 18px #10293520;font-size:14px;touch-action:manipulation;white-space:nowrap}
.status-toggle:active{transform:translateX(-50%) scale(.97)}
.status-toggle[aria-pressed=true]{background:#254d53d9;color:#ffe1a1}
.compact-status{position:absolute;top:142px;left:50%;transform:translateX(-50%);max-width:90vw;padding:8px 14px;border-radius:20px;background:#173b43e8;color:#fff1d2;font-size:14px;text-align:center;pointer-events:none}
body.status-hidden #hud .vitals,body.status-hidden #hud .activity,body.status-hidden #hud .map-wrap,body.status-hidden #hud .challenge-hud,body.status-hidden #hud .fishing-hud,body.status-hidden #hud .fire-hud,body.playing.status-hidden #labels{display:none!important}
body.playing.status-hidden .edge-shade{background:linear-gradient(180deg,#17394040,transparent 15%)}
body.playing.status-hidden .reward{top:190px;padding:12px 18px}
.start-card{max-height:calc(100svh - 136px);overflow-y:auto;pointer-events:auto;padding:4px 6px 18px 4px;scrollbar-width:thin}
@media(pointer:coarse),(max-width:700px){
 .coat-swatches button{width:44px;height:44px;flex-basis:44px}
 .status-toggle{top:calc(68px + env(safe-area-inset-top));left:auto;right:12px;transform:none}
 .status-toggle:active{transform:scale(.97)}
 .vitals,.activity,.fire-hud{top:calc(120px + env(safe-area-inset-top))}
 .compact-status{top:calc(120px + env(safe-area-inset-top));left:auto;right:12px;transform:none;max-width:calc(100vw - 24px);font-size:14px}
 .challenge-hud{top:300px}
 #topbar{padding-top:calc(12px + env(safe-area-inset-top))}
 .cat-actions{top:calc(118px + env(safe-area-inset-top))}
 .start-card{max-height:calc(100svh - 130px - env(safe-area-inset-top));top:calc(77px + env(safe-area-inset-top));transform:none}
 .start-card h1{font-size:clamp(35px,10vw,48px);margin:12px 0}
 .start-card>p{margin:12px 0;font-size:16px;line-height:1.45}
 .start-card fieldset{margin:15px 0}
}
@media(max-height:550px) and (orientation:landscape){
 .status-toggle{top:calc(56px + env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%)}
 .status-toggle:active{transform:translateX(-50%) scale(.97)}
 .compact-status{top:calc(105px + env(safe-area-inset-top));left:50%;right:auto;transform:translateX(-50%);max-width:46vw}
 .vitals,.activity,.fire-hud{top:calc(58px + env(safe-area-inset-top))}
 .challenge-hud{top:110px}
 .start-card{top:calc(55px + env(safe-area-inset-top));max-height:calc(100svh - 74px - env(safe-area-inset-top));transform:none}
 .start-card .coat-swatches{gap:7px}
 .cat-actions{top:calc(58px + env(safe-area-inset-top))}
}
@media(prefers-reduced-motion:reduce){button,.fat-track i,#toast{transition:none}}