:root,html[data-theme=light]{--text-1: #22242b;--text-2: #4d5566;--text-3: #7a8294;--text-4: #fffaf0;--text-5: #b45309;--text-6: #b42318;--bg-1: #f7f1e5;--bg-2: #fffdf8;--bg-3: #efe4d2;--bg-4: rgba(30, 26, 20, .52);--bg-5: #f6a821;--bg-6: #2f9e8f;--accent: var(--bg-5);--accent-2: var(--bg-6);--on-accent: var(--text-4);--danger: var(--text-6);--link: var(--text-5);--muted: var(--text-3);--line: color-mix(in srgb, var(--text-3) 32%, transparent);--shadow: color-mix(in srgb, var(--text-1) 18%, transparent);--glow: color-mix(in srgb, var(--bg-5) 55%, transparent);--panel-veil: color-mix(in srgb, var(--bg-2) 88%, transparent);--bar-track: color-mix(in srgb, var(--bg-3) 82%, var(--bg-2));color-scheme:light}html[data-theme=dark]{--text-1: #f2ede2;--text-2: #c4c8d2;--text-3: #8e95a5;--text-4: #14161b;--text-5: #f4b45f;--text-6: #ff8a80;--bg-1: #16181e;--bg-2: #21252e;--bg-3: #2c313c;--bg-4: rgba(4, 6, 10, .62);--bg-5: #e8a33d;--bg-6: #3fb3a2;--accent: var(--bg-5);--accent-2: var(--bg-6);--on-accent: var(--text-4);--danger: var(--text-6);--link: var(--text-5);--muted: var(--text-3);--line: color-mix(in srgb, var(--text-3) 34%, transparent);--shadow: color-mix(in srgb, #000 46%, transparent);--glow: color-mix(in srgb, var(--bg-5) 60%, transparent);--panel-veil: color-mix(in srgb, var(--bg-2) 88%, transparent);--bar-track: color-mix(in srgb, var(--bg-3) 88%, var(--bg-1));color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:var(--bg-1);color:var(--text-1);font-family:ui-rounded,PingFang SC,Hiragino Sans GB,Noto Sans SC,Microsoft YaHei,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}body{position:fixed;inset:0;touch-action:none;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;overflow:hidden}#game-canvas{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none;background:var(--bg-1)}#ui-root{position:fixed;inset:0;z-index:10;pointer-events:none}#ui-root>*{pointer-events:auto}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:disabled{cursor:not-allowed;opacity:.48}h1,h2,h3,h4,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}input,select{font:inherit;font-size:16px;color:var(--text-1);background:var(--bg-2);border:1px solid var(--line);border-radius:10px;padding:8px 10px}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-3) 45%,transparent);border-radius:999px}::-webkit-scrollbar-track{background:transparent}#boot-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:radial-gradient(80% 60% at 50% 20%,color-mix(in srgb,var(--bg-5) 25%,var(--bg-1)),var(--bg-1) 70%);transition:opacity .35s ease,visibility .35s ease}#boot-screen.hidden{opacity:0;visibility:hidden;pointer-events:none}.boot-card{width:min(420px,100%);padding:28px 26px 24px;border-radius:26px;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 24px 60px var(--shadow);text-align:center}.boot-cat{font-size:52px;line-height:1;margin-bottom:10px;animation:boot-bob 1.6s ease-in-out infinite}.boot-cat svg{width:52px;height:52px;fill:none;stroke:var(--text-1);stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.boot-title{font-size:30px;font-weight:800;letter-spacing:.08em;color:var(--text-1)}.boot-bar{margin:20px auto 12px;width:100%;height:10px;border-radius:999px;background:var(--bar-track);overflow:hidden}.boot-bar-fill{height:100%;width:4%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.boot-tip{font-size:13px;color:var(--text-3);min-height:20px}@keyframes boot-bob{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-8px) rotate(3deg)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 18px;border-radius:14px;font-size:15px;font-weight:700;color:var(--text-1);background:var(--bg-3);border:1px solid transparent;transition:transform .12s ease,background .18s ease,border-color .18s ease}.btn:hover{background:color-mix(in srgb,var(--bg-3) 72%,var(--bg-2))}.btn:active{transform:scale(.97)}.btn-primary{color:var(--on-accent);background:var(--accent);border-color:color-mix(in srgb,var(--accent) 60%,var(--text-1))}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 86%,var(--bg-2))}.btn-ghost{background:transparent;border-color:var(--line);color:var(--text-2)}.btn-ghost:hover{background:color-mix(in srgb,var(--bg-3) 60%,transparent)}.btn-danger{color:var(--text-4);background:var(--danger)}.btn-danger:hover{background:color-mix(in srgb,var(--danger) 86%,var(--bg-2))}.btn-block{width:100%}.btn-sm{min-height:38px;padding:7px 12px;font-size:13px;border-radius:11px}.icon-btn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:13px;color:var(--text-1);background:var(--panel-veil);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);transition:transform .12s ease,background .18s ease}.icon-btn:hover{background:var(--bg-3)}.icon-btn:active{transform:scale(.94)}.icon-btn svg,.btn svg,.chip svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.hidden{display:none!important}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.top-actions{position:fixed;top:max(10px,env(safe-area-inset-top));right:max(10px,env(safe-area-inset-right));z-index:60;display:flex;gap:8px;align-items:center}.top-actions .icon-btn{width:42px;height:42px;background:var(--panel-veil)}.menu-screen{position:fixed;inset:0;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));background:linear-gradient(100deg,color-mix(in srgb,var(--bg-1) 94%,transparent),color-mix(in srgb,var(--bg-1) 55%,transparent) 46%,color-mix(in srgb,var(--bg-1) 8%,transparent) 75%),linear-gradient(0deg,color-mix(in srgb,var(--bg-1) 72%,transparent),transparent 55%);overflow:hidden}.menu-screen:before{content:"";position:absolute;inset:-12%;pointer-events:none;background:radial-gradient(42% 52% at 74% 18%,color-mix(in srgb,var(--bg-5) 26%,transparent),transparent 68%),radial-gradient(46% 54% at 18% 82%,color-mix(in srgb,var(--bg-6) 16%,transparent),transparent 70%)}.menu-decor{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.menu-decor .menu-cat{position:absolute;right:5%;bottom:5%;width:min(38vmin,420px);height:min(38vmin,420px);fill:none;stroke:var(--text-1);opacity:.06;transform:rotate(-6deg)}.menu-decor .menu-paw{position:absolute;width:30px;height:30px;fill:none;stroke:var(--text-3);opacity:.15}.menu-brand{display:flex;align-items:center;gap:14px;z-index:2}.menu-logo{width:58px;height:58px;border-radius:19px;display:grid;place-items:center;font-size:32px;color:var(--text-1);background:var(--bg-2);border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow)}.menu-logo svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.menu-brand h1{font-size:clamp(30px,4vw,44px);line-height:1.05;letter-spacing:.06em;color:var(--text-1);text-shadow:0 3px 20px color-mix(in srgb,var(--bg-2) 60%,transparent)}.menu-brand p{margin-top:5px;font-size:14px;color:var(--text-2);letter-spacing:.08em}.menu-main{flex:1;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;min-height:0;z-index:2;padding-bottom:8px}.menu-panel{width:min(360px,100%);display:flex;flex-direction:column;gap:9px;padding:16px;border-radius:24px;background:var(--panel-veil);border:1px solid var(--line);box-shadow:0 20px 50px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.menu-panel .btn{justify-content:flex-start;padding:13px 16px;font-size:16px}.menu-panel .btn .btn-sub{display:block;font-size:12px;font-weight:500;color:var(--text-2);margin-top:2px}.menu-panel .btn-primary .btn-sub{color:var(--on-accent);opacity:.78}.menu-panel .btn svg{width:22px;height:22px}.menu-panel-row{display:grid;grid-template-columns:1fr 1fr;gap:9px}.menu-side{width:min(300px,100%);display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:24px;background:var(--panel-veil);border:1px solid var(--line);box-shadow:0 20px 50px var(--shadow);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.menu-side h2{font-size:13px;color:var(--text-3);text-transform:uppercase;letter-spacing:.12em}.cat-card{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:var(--bg-3)}.cat-card .cat-face{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:28px;color:var(--text-1);background:var(--bg-2);border:1px solid var(--line)}.cat-card .cat-face svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cat-card strong{display:block;font-size:15px}.cat-card span{font-size:12px;color:var(--text-2)}.stat-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-2);padding:7px 2px;border-bottom:1px dashed var(--line)}.stat-row:last-child{border-bottom:0}.stat-row b{color:var(--text-1);font-size:14px}.menu-foot{z-index:2;display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:14px;font-size:12px;color:var(--text-3);flex-wrap:wrap}.menu-foot .notice{max-width:720px}.hud{position:fixed;inset:0;pointer-events:none;z-index:20}.hud>*{pointer-events:none}.hud-panel{background:var(--panel-veil);border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px var(--shadow);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px)}.hud-top-left{position:absolute;top:max(12px,env(safe-area-inset-top));left:max(12px,env(safe-area-inset-left));display:flex;flex-direction:column;gap:8px;width:min(300px,40vw)}.needs-card{padding:10px 12px;display:grid;gap:6px}.need-row{display:grid;grid-template-columns:18px 1fr 30px;align-items:center;gap:8px;font-size:11px;color:var(--text-2)}.need-row svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.need-bar{height:7px;border-radius:999px;background:var(--bar-track);overflow:hidden}.need-fill{height:100%;width:50%;border-radius:inherit;background:var(--accent-2);transition:width .35s ease,background .35s ease}.need-row.low .need-fill{background:var(--danger)}.need-row.mid .need-fill{background:var(--accent)}.need-val{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-3)}.quest-card{padding:11px 12px;cursor:default;pointer-events:auto}.quest-card .quest-kicker{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.12em;color:var(--text-3);text-transform:uppercase}.quest-card .quest-kicker b{color:var(--accent-2);font-size:10px}.quest-card h3{margin-top:4px;font-size:14px;line-height:1.35;color:var(--text-1)}.quest-card p{margin-top:3px;font-size:11px;line-height:1.45;color:var(--text-2)}.quest-progress{margin-top:7px;height:5px;border-radius:999px;background:var(--bar-track);overflow:hidden}.quest-progress>i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.hud-top-right{position:absolute;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));display:flex;flex-direction:column;align-items:flex-end;gap:8px}.hud-top-right .top-actions{position:static;pointer-events:auto}.hud-stats{display:flex;align-items:center;gap:8px;padding:7px 10px;font-size:12px;color:var(--text-1);pointer-events:auto}.hud-stats .chip{display:inline-flex;align-items:center;gap:5px;white-space:nowrap}.hud-stats .chip svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.hud-stats .sep{width:1px;height:16px;background:var(--line)}.anger-wrap{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--text-2);padding:4px 2px 0}.anger-track{width:82px;height:5px;border-radius:999px;background:var(--bar-track);overflow:hidden}.anger-fill{height:100%;width:0%;background:var(--danger);border-radius:inherit;transition:width .25s ease}.crosshair{position:absolute;top:50%;left:50%;width:20px;height:20px;transform:translate(-50%,-50%);z-index:25}.crosshair:before,.crosshair:after{content:"";position:absolute;background:var(--text-4);box-shadow:0 0 0 1px color-mix(in srgb,var(--text-1) 60%,transparent);border-radius:2px}.crosshair:before{left:50%;top:6px;width:2px;height:8px;transform:translate(-50%)}.crosshair:after{top:50%;left:6px;height:2px;width:8px;transform:translateY(-50%)}.crosshair.active:before,.crosshair.active:after{background:var(--accent);box-shadow:0 0 8px var(--glow)}.interact-prompt{position:absolute;left:50%;bottom:max(110px,calc(env(safe-area-inset-bottom) + 96px));transform:translate(-50%);z-index:24;display:flex;align-items:center;gap:10px;padding:9px 14px;border-radius:999px;font-size:13px;font-weight:600;color:var(--text-1);background:var(--panel-veil);border:1px solid var(--line);box-shadow:0 8px 28px var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);max-width:min(78vw,480px);text-align:center}.interact-prompt .key{display:inline-grid;place-items:center;min-width:24px;height:24px;padding:0 6px;border-radius:7px;font-size:11px;font-weight:800;color:var(--on-accent);background:var(--accent)}.interact-prompt.locked{color:var(--text-2)}.interact-prompt.locked .key{background:var(--text-3)}.chase-banner{position:absolute;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:26;display:flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;font-size:13px;font-weight:800;color:var(--text-4);background:var(--danger);box-shadow:0 8px 30px var(--shadow);animation:chase-pulse .9s ease-in-out infinite}@keyframes chase-pulse{0%,to{transform:translate(-50%) scale(1)}50%{transform:translate(-50%) scale(1.04)}}.level-pop{position:absolute;top:20%;left:50%;transform:translate(-50%);z-index:30;padding:14px 24px;border-radius:20px;font-size:18px;font-weight:800;color:var(--text-1);background:var(--panel-veil);border:1px solid var(--accent);box-shadow:0 14px 50px var(--shadow),0 0 30px var(--glow);animation:level-in .4s cubic-bezier(.2,.9,.3,1.2)}@keyframes level-in{0%{transform:translate(-50%,16px) scale(.85);opacity:0}to{transform:translate(-50%) scale(1);opacity:1}}.key-hints{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(12px,env(safe-area-inset-bottom));display:flex;gap:6px;flex-wrap:wrap;max-width:44vw;z-index:21;transition:opacity .4s ease}.key-hint{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:8px;font-size:10px;color:var(--text-2);background:var(--panel-veil);border:1px solid var(--line)}.key-hint kbd{font:inherit;font-weight:800;color:var(--text-1)}.key-hints.fade{opacity:0;pointer-events:none}#ui-root>.hud,#ui-root>.touch-controls,#ui-root>.crosshair,#ui-root>.key-hints{pointer-events:none}.touch-controls{display:none;position:fixed;inset:0;z-index:22;pointer-events:none}html.is-touch .touch-controls{display:block}html.is-touch .key-hints{display:none}.joystick-zone{position:absolute;left:0;bottom:0;width:46%;height:52%;pointer-events:auto;touch-action:none}.joystick-base{position:absolute;width:128px;height:128px;border-radius:50%;border:2px solid color-mix(in srgb,var(--text-4) 55%,transparent);background:color-mix(in srgb,var(--bg-4) 30%,transparent);box-shadow:inset 0 0 24px color-mix(in srgb,var(--bg-4) 35%,transparent);transform:translate(-50%,-50%);opacity:0;transition:opacity .14s ease;pointer-events:none}.joystick-base.visible{opacity:1}.joystick-knob{position:absolute;left:50%;top:50%;width:58px;height:58px;border-radius:50%;background:color-mix(in srgb,var(--bg-2) 80%,transparent);border:2px solid color-mix(in srgb,var(--text-4) 70%,transparent);box-shadow:0 4px 16px var(--shadow);transform:translate(-50%,-50%);pointer-events:none}.joystick-hint{position:absolute;width:76px;height:40px;border:2px dashed color-mix(in srgb,var(--text-4) 50%,transparent);border-radius:999px;transform:translate(-50%,-50%);opacity:.55}.action-cluster{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(18px,calc(env(safe-area-inset-bottom) + 12px));display:grid;grid-template-columns:66px 66px 66px;grid-template-rows:66px 66px 66px;gap:10px;pointer-events:none}.act-btn{position:relative;pointer-events:auto;display:grid;place-items:center;border-radius:50%;color:var(--text-4);background:color-mix(in srgb,var(--bg-4) 78%,transparent);border:1.5px solid color-mix(in srgb,var(--text-4) 45%,transparent);box-shadow:0 6px 18px var(--shadow);touch-action:none;transition:transform .1s ease,background .14s ease;-webkit-user-select:none}.act-btn svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.act-btn span{position:absolute;bottom:5px;font-size:8px;letter-spacing:.02em;opacity:.75}.act-btn:active,.act-btn.pressed{transform:scale(.9);background:var(--accent);color:var(--on-accent)}.act-btn.jump{grid-column:2;grid-row:3;width:72px;height:72px;background:color-mix(in srgb,var(--accent) 80%,transparent);border-color:var(--accent);color:var(--on-accent)}.act-btn.interact{grid-column:2;grid-row:2;width:64px;height:64px;background:color-mix(in srgb,var(--accent-2) 78%,transparent);border-color:var(--accent-2);color:var(--text-4)}.act-btn.meow{grid-column:3;grid-row:1}.act-btn.pickup{grid-column:1;grid-row:2}.act-btn.crouch{grid-column:1;grid-row:1;width:52px;height:52px;justify-self:end}.act-btn.crouch svg{width:22px;height:22px}.act-btn.sprint{grid-column:2;grid-row:1;width:52px;height:52px;justify-self:start}.act-btn.sprint svg{width:22px;height:22px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:var(--bg-4);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}.modal-card{width:min(640px,100%);max-height:85dvh;display:flex;flex-direction:column;border-radius:24px;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 28px 80px var(--shadow);overflow:hidden;animation:modal-in .24s cubic-bezier(.2,.9,.3,1.05)}.modal-card.wide{width:min(880px,100%)}.modal-card.narrow{width:min(440px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.modal-head{flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px 12px;border-bottom:1px solid var(--line);background:var(--bg-2)}.modal-head h2{font-size:20px;font-weight:800;letter-spacing:.02em}.modal-head .sub{font-size:12px;color:var(--text-3);margin-top:2px}.modal-close{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;color:var(--text-2);background:var(--bg-3);flex:none}.modal-close svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.2;fill:none;stroke-linecap:round}.modal-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px;-webkit-overflow-scrolling:touch}.modal-foot{flex:none;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:12px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--bg-2);flex-wrap:wrap}.modal-foot .spacer{flex:1}.modal-foot .foot-note{font-size:12px;color:var(--text-3)}.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.choice-card{text-align:left;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--bg-3);color:var(--text-1);transition:border-color .15s ease,transform .12s ease,background .15s ease}.choice-card:hover{transform:translateY(-1px)}.choice-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--bg-3));box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.choice-card strong{display:block;font-size:15px}.choice-card span{display:block;margin-top:4px;font-size:12px;line-height:1.5;color:var(--text-2)}.breed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.breed-card{padding:12px 8px;border-radius:16px;border:1px solid var(--line);background:var(--bg-3);text-align:center}.breed-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 40%,transparent)}.breed-orb{width:54px;height:54px;border-radius:50%;margin:0 auto 8px;border:2px solid var(--line);box-shadow:inset 0 -8px 14px color-mix(in srgb,var(--text-1) 18%,transparent)}.breed-card strong{font-size:12px}.help-list{display:grid;gap:10px}.help-item{display:grid;grid-template-columns:26px 1fr;gap:10px;align-items:start;font-size:13px;line-height:1.55;color:var(--text-2)}.help-item .help-ico{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:var(--bg-3);color:var(--text-1);font-size:14px}.help-item b{color:var(--text-1)}.credits-text{font-size:13px;line-height:1.7;color:var(--text-2)}.credits-text+.credits-text{margin-top:10px}.shop-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.shop-coins{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--bg-3);font-size:13px;font-weight:800}.shop-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.shop-tab{padding:8px 13px;border-radius:999px;font-size:12px;font-weight:700;color:var(--text-2);background:var(--bg-3);border:1px solid transparent}.shop-tab.active{color:var(--text-1);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 18%,var(--bg-3))}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:10px}.shop-item{position:relative;padding:10px;border-radius:16px;border:1px solid var(--line);background:var(--bg-3);text-align:center;display:flex;flex-direction:column;gap:6px}.shop-item.worn{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 35%,transparent)}.shop-swatch{height:58px;border-radius:12px;position:relative;overflow:hidden;border:1px solid var(--line)}.shop-swatch .eye{position:absolute;top:50%;width:12px;height:16px;border-radius:50%;transform:translateY(-50%);box-shadow:0 0 0 3px color-mix(in srgb,var(--bg-2) 60%,transparent)}.shop-swatch .eye.left{left:32%}.shop-swatch .eye.right{right:32%}.shop-swatch .ribbon{position:absolute;left:12%;right:12%;bottom:10px;height:8px;border-radius:6px}.shop-swatch .hat{position:absolute;top:5px;left:50%;transform:translate(-50%);font-size:26px;line-height:1}.shop-item strong{font-size:12px;color:var(--text-1)}.shop-item .price{font-size:11px;color:var(--text-2)}.shop-item .btn{min-height:34px;font-size:11px;padding:5px 8px;border-radius:9px}.shop-item .tag{position:absolute;top:7px;right:7px;font-size:9px;font-weight:800;padding:2px 6px;border-radius:999px;color:var(--on-accent);background:var(--accent-2)}.settings-group{display:grid;gap:2px;margin-bottom:16px}.settings-group h3{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:48px;padding:8px 2px;border-bottom:1px dashed var(--line);font-size:13px;color:var(--text-1)}.setting-row:last-child{border-bottom:0}.setting-row .label{display:flex;flex-direction:column;gap:2px}.setting-row .label small{font-size:11px;color:var(--text-3)}.setting-control{display:flex;align-items:center;gap:8px;flex:none}.segmented{display:inline-flex;padding:3px;border-radius:10px;background:var(--bg-3);gap:2px}.segmented button{padding:6px 10px;border-radius:8px;font-size:11px;font-weight:700;color:var(--text-2);min-height:32px}.segmented button.active{color:var(--text-1);background:var(--bg-2);box-shadow:0 1px 5px var(--shadow)}.switch{position:relative;width:46px;height:27px;border-radius:999px;background:var(--bg-3);border:1px solid var(--line);transition:background .18s ease;flex:none}.switch:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--bg-2);box-shadow:0 1px 4px var(--shadow);transition:transform .18s ease}.switch.on{background:var(--accent-2)}.switch.on:after{transform:translate(19px);background:var(--text-4)}input[type=range]{width:130px;accent-color:var(--accent);background:transparent;border:0;padding:0}.settings-slot{padding:10px 12px;border-radius:12px;background:var(--bg-3);font-size:12px;line-height:1.5;color:var(--text-2);word-break:break-all}.settings-slot code{color:var(--text-1);font-weight:700}.cutscene{position:fixed;inset:0;z-index:55;display:grid;place-items:center;background:var(--bg-4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:max(20px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left))}.cutscene-card{width:min(720px,100%);max-height:85dvh;display:flex;flex-direction:column;border-radius:26px;overflow:hidden;background:var(--bg-2);border:1px solid var(--line);box-shadow:0 30px 90px var(--shadow)}.cutscene-art{flex:none;height:clamp(150px,26vh,260px);position:relative;background:radial-gradient(60% 80% at 28% 30%,color-mix(in srgb,var(--accent) 48%,var(--bg-3)),transparent 70%),radial-gradient(50% 70% at 78% 72%,color-mix(in srgb,var(--accent-2) 42%,var(--bg-3)),transparent 72%),linear-gradient(135deg,var(--bg-3),var(--bg-1));display:grid;place-items:center;overflow:hidden}.cutscene-art .big-cat{filter:drop-shadow(0 16px 26px var(--shadow));animation:cutscene-cat 3s ease-in-out infinite}.cutscene-art .big-cat svg{width:clamp(110px,22vw,170px);height:clamp(110px,22vw,170px);fill:none;stroke:var(--text-1);stroke-width:1.1;opacity:.86}.cutscene-art .paw{position:absolute;opacity:.5}.cutscene-art .paw svg{width:28px;height:28px;fill:none;stroke:var(--text-1);stroke-width:1.6}.cutscene-art .paw.p1{left:12%;top:18%;transform:rotate(-20deg)}.cutscene-art .paw.p2{right:14%;top:62%;transform:rotate(24deg)}.cutscene-art .paw.p3{left:30%;bottom:12%;transform:rotate(8deg)}@keyframes cutscene-cat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-8px) rotate(2deg)}}.cutscene-body{flex:1;min-height:0;overflow-y:auto;padding:20px 22px}.cutscene-body .chapter-tag{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-2);font-weight:800}.cutscene-body p{margin-top:8px;font-size:clamp(15px,2.3vw,18px);line-height:1.7;color:var(--text-1)}.cutscene-dots{display:flex;gap:5px;margin-top:14px}.cutscene-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.cutscene-dots i.on{background:var(--accent);width:18px;border-radius:999px}.cutscene-foot{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--line)}.mole-shell{display:grid;gap:12px}.mole-top{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px;color:var(--text-2)}.mole-top b{font-size:18px;color:var(--text-1);font-variant-numeric:tabular-nums}.mole-board{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:min(3vw,14px);padding:min(3vw,14px);border-radius:20px;background:radial-gradient(90% 70% at 50% 0%,color-mix(in srgb,var(--accent-2) 22%,var(--bg-3)),var(--bg-3));border:1px solid var(--line)}.mole-hole{position:relative;aspect-ratio:1 / .82;border-radius:50%/42%;background:radial-gradient(70% 60% at 50% 45%,color-mix(in srgb,var(--text-1) 70%,var(--bg-3)),color-mix(in srgb,var(--text-1) 35%,var(--bg-3)) 70%,var(--bg-3));box-shadow:inset 0 8px 16px color-mix(in srgb,var(--text-1) 45%,transparent);overflow:hidden;touch-action:manipulation}.mole-hole .mole{position:absolute;left:50%;bottom:-10%;width:62%;height:70%;transform:translate(-50%,105%);transition:transform .12s ease-out;border-radius:48% 48% 42% 42%;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,var(--bg-2)),color-mix(in srgb,var(--accent) 45%,var(--bg-3)));box-shadow:inset 0 -8px 14px color-mix(in srgb,var(--text-1) 22%,transparent);display:grid;place-items:center;font-size:clamp(20px,5vw,34px)}.mole-hole.up .mole{transform:translate(-50%,6%)}.mole-hole.hit .mole{transform:translate(-50%,30%) scale(.8);opacity:.4}.mole-timer{height:8px;border-radius:999px;background:var(--bar-track);overflow:hidden}.mole-timer>i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent));transition:width .2s linear}.mole-result{padding:12px 14px;border-radius:14px;background:var(--bg-3);font-size:14px;color:var(--text-1);text-align:center}.photo-ui{position:fixed;inset:0;z-index:45;pointer-events:none}.photo-ui .photo-frame{position:absolute;inset:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));border:1.5px solid color-mix(in srgb,var(--text-4) 72%,transparent);border-radius:8px;box-shadow:0 0 0 9999px color-mix(in srgb,var(--text-1) 18%,transparent);pointer-events:none}.photo-ui .photo-frame:before,.photo-ui .photo-frame:after{content:"";position:absolute;width:26px;height:26px;border:2px solid var(--text-4)}.photo-ui .photo-frame:before{left:-2px;top:-2px;border-right:0;border-bottom:0;border-top-left-radius:8px}.photo-ui .photo-frame:after{right:-2px;bottom:-2px;border-left:0;border-top:0;border-bottom-right-radius:8px}.photo-bar{position:absolute;left:50%;bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px));transform:translate(-50%);display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:999px;background:var(--bg-4);border:1px solid color-mix(in srgb,var(--text-4) 30%,transparent);pointer-events:auto;max-width:calc(100vw - 24px);flex-wrap:wrap;justify-content:center}.photo-bar .photo-hint{font-size:11px;color:var(--text-4);text-align:center}.photo-filters{display:flex;gap:4px}.photo-filters .chip{padding:6px 10px;border-radius:999px;font-size:10px;font-weight:700;color:var(--text-4);background:color-mix(in srgb,var(--text-4) 12%,transparent);border:1px solid transparent;min-height:34px}.photo-filters .chip.active{color:var(--on-accent);background:var(--accent)}.photo-shutter{width:60px;height:60px;border-radius:50%;background:var(--text-4);border:4px solid color-mix(in srgb,var(--bg-1) 70%,transparent);box-shadow:0 0 0 2px var(--text-4);display:grid;place-items:center;color:var(--text-1);flex:none}.photo-shutter svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2}.photo-shutter:active{transform:scale(.94)}.photo-exit{position:absolute;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));pointer-events:auto}.tutorial{position:fixed;left:50%;bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));transform:translate(-50%);z-index:32;width:min(460px,calc(100vw - 28px));display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:16px;background:var(--panel-veil);border:1px solid var(--accent);box-shadow:0 12px 34px var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);pointer-events:auto}.tutorial .tut-ico{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 24%,var(--bg-3));font-size:18px;flex:none}.tutorial .tut-ico svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.tutorial .tut-text{flex:1;font-size:12.5px;line-height:1.45;color:var(--text-1)}.tutorial .tut-step{font-size:10px;color:var(--text-3);margin-top:2px}.tutorial .tut-skip{font-size:10px;color:var(--text-3);padding:6px 8px;min-height:34px;flex:none}html.is-touch .tutorial{bottom:max(100px,calc(env(safe-area-inset-bottom) + 94px))}.toast-stack{position:fixed;top:max(74px,calc(env(safe-area-inset-top) + 64px));left:50%;transform:translate(-50%);z-index:70;display:flex;flex-direction:column;align-items:center;gap:7px;pointer-events:none;width:min(92vw,460px)}.toast{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--text-1);background:var(--panel-veil);border:1px solid var(--line);box-shadow:0 10px 30px var(--shadow);animation:toast-in .22s ease;max-width:100%}.toast.good{border-color:var(--accent-2)}.toast.bad{border-color:var(--danger)}.toast.quest{border-color:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}.toast.out{opacity:0;transform:translateY(-6px);transition:opacity .22s ease,transform .22s ease}@media (max-width: 1024px){.menu-side{display:none}}@media (max-width: 767px){.menu-screen{padding:max(16px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.menu-main{align-items:flex-end;justify-content:stretch}.menu-panel{width:100%;padding:12px;border-radius:20px}.menu-panel .btn{padding:12px 14px;font-size:15px}.menu-brand h1{font-size:32px}.menu-logo{width:48px;height:48px;font-size:26px;border-radius:15px}.menu-foot{font-size:10px;padding-top:8px}.hud-top-left{width:min(230px,52vw);top:max(8px,env(safe-area-inset-top));left:max(8px,env(safe-area-inset-left))}.needs-card{padding:8px 9px;gap:4px}.need-row{grid-template-columns:15px 1fr 26px;gap:6px;font-size:9.5px}.need-row svg{width:14px;height:14px}.need-bar{height:5px}.quest-card{padding:9px 10px}.quest-card h3{font-size:12px}.quest-card p{display:none}.hud-top-right{top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));gap:6px}.hud-top-right .top-actions{gap:6px}.top-actions .icon-btn{width:38px;height:38px;border-radius:11px}.top-actions .icon-btn svg{width:18px;height:18px}.hud-stats{padding:5px 8px;font-size:10.5px;gap:6px}.hud-stats .chip svg{width:14px;height:14px}.interact-prompt{bottom:max(118px,calc(env(safe-area-inset-bottom) + 108px));font-size:12px;padding:8px 12px;max-width:86vw}.modal-body{padding:13px 14px}.modal-head{padding:13px 14px 10px}.modal-head h2{font-size:18px}.modal-foot{padding:10px 14px max(12px,env(safe-area-inset-bottom))}.card-grid{grid-template-columns:1fr}.breed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr))}.setting-row{gap:8px}input[type=range]{width:104px}.cutscene-art{height:140px}.cutscene-body{padding:16px}.photo-bar{border-radius:18px;gap:8px}.photo-bar .photo-hint{display:none}.photo-shutter{width:54px;height:54px}.toast-stack{top:auto;bottom:max(170px,calc(env(safe-area-inset-bottom) + 160px))}}@media (max-width: 767px) and (orientation: landscape){.menu-screen{padding-top:max(10px,env(safe-area-inset-top));padding-bottom:max(10px,env(safe-area-inset-bottom))}.menu-brand{display:none}.menu-main{align-items:center}.menu-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(560px,92vw);margin:0 auto}.menu-panel .btn-primary,.menu-panel-row{grid-column:span 2}.hud-top-left{width:min(220px,34vw)}.quest-card p{display:none}.action-cluster{grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px;gap:8px;right:max(12px,env(safe-area-inset-right));bottom:max(10px,calc(env(safe-area-inset-bottom) + 8px))}.act-btn.jump{width:62px;height:62px}.act-btn.interact{width:56px;height:56px}.act-btn.crouch,.act-btn.sprint{width:46px;height:46px}.joystick-base{width:112px;height:112px}.joystick-knob{width:50px;height:50px}.interact-prompt{bottom:max(20px,calc(env(safe-area-inset-bottom) + 12px))}}.joystick-hint{left:calc(env(safe-area-inset-left,0px) + 86px);bottom:calc(env(safe-area-inset-bottom,0px) + 92px)}.act-btn.toggled{background:color-mix(in srgb,var(--accent-2) 86%,transparent);color:var(--text-4);border-color:var(--accent-2)}#ui-root>.objective-chip,#ui-root>.interact-prompt,#ui-root>.view-hint,#ui-root>.toast-stack{pointer-events:none}.objective-chip{position:fixed;top:max(14px,env(safe-area-inset-top));left:max(14px,env(safe-area-inset-left));z-index:24;display:flex;flex-direction:column;gap:3px;max-width:min(66vw,380px);padding:8px 13px;border-radius:14px;color:var(--text-1);background:var(--panel-veil);border:1px solid var(--line);box-shadow:0 8px 26px var(--shadow);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.objective-label{font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.objective-text{font-size:12.5px;font-weight:650;line-height:1.35}.view-hint{position:fixed;top:max(14px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));z-index:24;padding:7px 11px;border-radius:999px;font-size:11px;font-weight:600;color:var(--text-2);background:var(--panel-veil);border:1px solid var(--line)}@media (max-width: 767px){.objective-chip{max-width:64vw;padding:7px 11px}.objective-text{font-size:11.5px}}.act-btn.pounce{grid-column:3;grid-row:2;width:66px;height:66px}@media (max-height: 500px){.act-btn.pounce{width:56px;height:56px}}@media (max-width: 480px) and (orientation: portrait){.hud-top-left{width:148px;gap:6px}.needs-card{padding:7px 8px;gap:3px}.need-row{grid-template-columns:14px 1fr;gap:5px}.need-row .need-val{display:none}.need-row svg{width:13px;height:13px}.need-bar{height:5px}.quest-card{padding:8px 9px}.quest-card h3{font-size:12px;margin-top:3px}.top-actions .icon-btn{width:44px;height:44px;border-radius:12px}.hud-top-right .top-actions{gap:5px}.hud-stats{padding:4px 7px;font-size:9.5px;gap:4px}.hud-stats .chip svg{width:12px;height:12px}.hud-stats .sep{height:12px}.hud-stats .chip:last-of-type{display:none}.interact-prompt{bottom:max(250px,calc(env(safe-area-inset-bottom) + 244px));font-size:12px;padding:7px 11px;max-width:76vw}.action-cluster{grid-template-columns:58px 58px 58px;grid-template-rows:58px 58px 58px;gap:8px;right:max(10px,env(safe-area-inset-right));bottom:max(14px,calc(env(safe-area-inset-bottom) + 10px))}.act-btn.jump{width:64px;height:64px}.act-btn.interact,.act-btn.meow,.act-btn.pickup,.act-btn.pounce{width:58px;height:58px}.act-btn.crouch,.act-btn.sprint{width:48px;height:48px}.act-btn svg{width:24px;height:24px}.act-btn span{font-size:8px;bottom:4px}}.ach-shell{display:flex;flex-direction:column;gap:10px;min-width:min(640px,82vw)}.ach-summary{font-size:12px;font-weight:700;color:var(--text-2);letter-spacing:.02em}.ach-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(196px,1fr));gap:9px}.ach-card{display:flex;flex-direction:column;gap:7px;padding:10px;border-radius:14px;border:1px solid var(--line);background:var(--bg-3);min-height:104px}.ach-card.unlocked{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 22%,transparent)}.ach-card-top{display:flex;gap:9px;align-items:flex-start}.ach-icon{font-size:24px;line-height:1.1;flex:none;filter:drop-shadow(0 2px 4px var(--shadow))}.ach-card.locked .ach-icon{filter:grayscale(1);opacity:.55}.ach-text{min-width:0}.ach-title{font-size:12.5px;font-weight:800;color:var(--text-1);line-height:1.3}.ach-desc{margin-top:3px;font-size:10.5px;line-height:1.45;color:var(--text-2)}.ach-progress{height:6px;border-radius:999px;overflow:hidden;background:var(--bar-track)}.ach-progress i{display:block;height:100%;border-radius:inherit;background:var(--accent-2);transition:width .25s ease}.ach-foot{margin-top:auto;display:flex;flex-direction:column;gap:5px}.ach-state{font-size:10px;font-weight:700;color:var(--text-3)}.ach-card.unlocked .ach-state{color:var(--accent-2)}@media (max-width: 520px){.ach-shell{min-width:0}.ach-grid{grid-template-columns:1fr 1fr}.ach-card{min-height:112px;padding:8px}.ach-icon{font-size:20px}}html.is-touch .btn,html.is-touch .modal-card button,html.is-touch .tut-skip{min-height:44px}.ach-overall{display:block;width:100%;height:10px;margin-top:8px;accent-color:var(--bg-5)}.ach-filters{display:flex;flex-wrap:wrap;gap:6px}.ach-filters .btn{flex:1 1 auto;font-size:12px;letter-spacing:0;min-width:0;min-height:44px;padding-inline:8px;white-space:nowrap;touch-action:manipulation}.ach-sort-hint,.ach-empty{color:var(--text-2);font-size:12px;line-height:1.6;overflow-wrap:anywhere}.ach-empty{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--bg-3)}.ach-grid,.ach-card{min-width:0}.ach-text{overflow-wrap:anywhere}.map-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:42px;padding:0 12px;border-radius:13px;color:var(--text-1);background:var(--panel-veil);border:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:12px;font-weight:800;white-space:nowrap;transition:transform .12s ease,background .18s ease,border-color .18s ease}.map-btn svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.map-btn:hover{background:var(--bg-3)}.map-btn:active{transform:scale(.95)}.map-btn .map-key{display:inline-grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border-radius:5px;font-family:inherit;font-size:9px;font-weight:800;color:var(--text-2);background:color-mix(in srgb,var(--text-3) 18%,transparent);border:1px solid var(--line)}html.is-touch .map-btn .map-key{display:none}.map-btn.attention{border-color:var(--accent);box-shadow:0 0 0 0 var(--glow);animation:map-attention 1.5s ease-out infinite}@keyframes map-attention{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 8px transparent}to{box-shadow:0 0 0 0 transparent}}.map-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(148px,1fr));gap:10px}.map-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:5px;min-height:98px;padding:14px;border-radius:16px;border:1px solid var(--line);background:var(--bg-3);color:var(--text-1);text-align:left;transition:transform .12s ease,border-color .16s ease,background .16s ease}.map-card:hover{transform:translateY(-2px);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-3))}.map-card:active{transform:scale(.97)}.map-card svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;color:var(--accent-2)}.map-card strong{font-size:14px;line-height:1.2}.map-card .map-sub{font-size:11px;color:var(--text-3)}.map-card.here{border-color:var(--accent-2);background:color-mix(in srgb,var(--accent-2) 13%,var(--bg-3))}.map-here-tag{position:absolute;top:9px;right:9px;padding:2px 7px;border-radius:999px;font-size:9px;font-weight:800;color:var(--text-4);background:var(--accent-2)}@media (max-width: 767px){.map-btn{height:38px;padding:0 9px;font-size:11px;gap:4px}.map-btn svg{width:16px;height:16px}.hud-top-right .top-actions .icon-btn[data-hud-act=settings],.hud-top-right .top-actions .icon-btn[data-hud-act=shop]{display:none}.map-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}