:root{--ink: #f4ecd8;--ink-dim: #c9bda2;--wood: #3a2c1d;--wood-dark: #241a11;--wood-light: #5a452e;--gold: #e3b04b;--gold-bright: #ffd47a;--moss: #7d9142;--danger: #c8553d;--panel: rgba(30, 22, 14, .88);--radius: 14px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#1a140e;color:var(--ink);font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,Times New Roman,serif;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}#view{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:calc(12px + var(--safe-t)) 12px calc(12px + var(--safe-b));background:radial-gradient(120% 90% at 50% 8%,rgba(94,74,45,.55),transparent 60%),linear-gradient(180deg,#241a11,#17110b);overflow:auto}.menu-card{width:min(560px,100%);background:var(--panel);border:1px solid rgba(227,176,75,.35);border-radius:20px;box-shadow:0 24px 60px #0000008c,inset 0 1px #ffffff0f;padding:20px 20px 16px;text-align:center;max-height:100%}.menu-card.small{width:min(430px,100%)}#pause{background:#140e099e;backdrop-filter:blur(3px)}h1{margin:2px 0;font-size:clamp(30px,8vw,46px);letter-spacing:.02em;color:var(--gold-bright);text-shadow:0 2px 0 #6b4a17,0 10px 26px rgba(0,0,0,.6)}h1 .paw{filter:saturate(.9)}h2{margin:0 0 12px;color:var(--gold-bright);font-size:26px}.tag{margin:0 0 14px;color:var(--ink-dim);font-size:14px;font-style:italic}.row{display:flex;align-items:center;gap:10px;justify-content:center}.name-row label{font-size:14px;color:var(--ink-dim)}input[type=text],#catname{flex:1;max-width:240px;background:#00000059;color:var(--ink);border:1px solid rgba(227,176,75,.3);border-radius:10px;padding:9px 12px;font:inherit;font-size:15px}#catname:focus{outline:2px solid var(--gold)}.breeds-wrap{margin:14px 0 8px}.breeds{display:grid;grid-template-columns:repeat(auto-fit,minmax(52px,1fr));gap:8px}.breed{aspect-ratio:1;border-radius:12px;cursor:pointer;position:relative;border:2px solid rgba(0,0,0,.4);box-shadow:inset 0 -8px 12px #00000040;transition:transform .12s ease,border-color .12s ease}.breed:after{content:"";position:absolute;inset:auto 18% 12%;height:26%;border-radius:6px;background:var(--trim);opacity:.95}.breed:hover{transform:translateY(-2px)}.breed.sel{border-color:var(--gold-bright);transform:translateY(-3px) scale(1.04)}.preview-wrap{position:relative;margin:6px 0 12px}#preview{width:100%;height:clamp(130px,26vh,200px);display:block;border-radius:var(--radius);background:linear-gradient(180deg,#6b8ca8,#94aeb8 60%,#7f8f5e);border:1px solid rgba(0,0,0,.35)}.preview-hint{position:absolute;left:10px;bottom:8px;font-size:13px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.8);letter-spacing:.04em}.buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:6px}button{font:inherit;cursor:pointer;color:var(--ink);background:linear-gradient(180deg,var(--wood-light),var(--wood));border:1px solid rgba(227,176,75,.35);border-radius:12px;padding:11px 18px;font-size:16px;box-shadow:0 3px #00000073,inset 0 1px #ffffff14;transition:transform .08s ease,filter .12s ease}button:hover{filter:brightness(1.12)}button:active,button.down{transform:translateY(2px);box-shadow:0 1px #00000073}button.big{flex:1 1 180px;min-width:150px}button.primary{background:linear-gradient(180deg,#d8a53f,#a3701d);color:#24190a;border-color:#f0cf85;font-weight:600}button:disabled{opacity:.5;cursor:default}.pill{display:inline-block;min-width:20px;padding:0 6px;margin-left:4px;border-radius:9px;background:#0000004d;font-size:13px}.fineprint{margin:12px 0 0;font-size:11px;color:#8d8574}.fineprint a{color:#b8a888}.settings{display:grid;gap:10px;text-align:left;margin-bottom:14px}.settings label{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:var(--ink-dim)}.settings label.check{justify-content:flex-start}.settings select,.settings input[type=range]{accent-color:var(--gold)}.settings select{background:#2a2016;color:var(--ink);border:1px solid rgba(227,176,75,.3);border-radius:8px;padding:5px 8px;font:inherit}.controls-help{font-size:12px;color:#a89b83;line-height:1.7;margin-bottom:14px}.controls-help b{color:var(--gold)}.loader{text-align:center}.loadcat{font-size:54px;animation:bob 1.1s ease-in-out infinite}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.bar{width:min(300px,70vw);height:8px;background:#00000073;border-radius:6px;overflow:hidden;margin:14px auto 8px}.bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-bright));transition:width .25s ease}.loadtext{font-size:13px;color:var(--ink-dim)}#hud{position:fixed;inset:0;z-index:10;pointer-events:none}#topleft{position:absolute;top:calc(8px + var(--safe-t));left:calc(8px + var(--safe-l));display:flex;gap:6px;flex-wrap:wrap}#topright{position:absolute;top:calc(8px + var(--safe-t));right:calc(8px + var(--safe-r));display:flex;gap:6px;pointer-events:auto}.chip{background:#18120bb8;border:1px solid rgba(227,176,75,.25);border-radius:11px;padding:5px 10px;font-size:13px;color:var(--ink);backdrop-filter:blur(6px)}.chip b{color:var(--gold-bright);font-size:15px}.chip span{color:var(--ink-dim);font-size:11px}.iconbtn{width:40px;height:40px;padding:0;font-size:18px;border-radius:11px;display:grid;place-items:center}#prompt{position:absolute;left:50%;bottom:calc(96px + var(--safe-b));transform:translate(-50%);background:#18120bd9;border:1px solid rgba(227,176,75,.4);border-radius:12px;padding:8px 14px;font-size:15px;white-space:nowrap;box-shadow:0 6px 18px #00000073}#prompt b{color:var(--gold-bright)}#intro{position:absolute;left:50%;bottom:calc(20px + var(--safe-b));transform:translate(-50%);width:min(560px,92vw);pointer-events:auto;text-align:center;background:#18120be6;border:1px solid rgba(227,176,75,.4);border-radius:16px;padding:14px 18px 12px;box-shadow:0 10px 34px #00000080;animation:rise .4s ease}@keyframes rise{0%{opacity:0;transform:translate(-50%,14px)}to{opacity:1;transform:translate(-50%)}}#intro h3{margin:0 0 6px;color:var(--gold-bright);font-size:20px}#intro p{margin:0 0 8px;font-size:14px;color:var(--ink);line-height:1.55}#intro p b{color:var(--gold)}#intro .introgoals{color:var(--ink-dim);font-size:13px;font-style:italic}#intro button{padding:7px 16px;font-size:14px}#toasts{position:absolute;left:50%;top:calc(58px + var(--safe-t));transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;width:max-content;max-width:90vw}.toast{background:#18120bd9;border:1px solid rgba(227,176,75,.3);border-radius:10px;padding:6px 12px;font-size:14px;animation:pop .25s ease,fade .4s ease 2.4s forwards}.toast.good{border-color:#a0d26e80}@keyframes pop{0%{transform:translateY(-8px);opacity:0}}@keyframes fade{to{opacity:0;transform:translateY(-6px)}}#crosshair{position:absolute;left:50%;top:50%;width:6px;height:6px;margin:-3px 0 0 -3px;border-radius:50%;background:#ffffff8c;box-shadow:0 0 4px #0009}#compass{position:absolute;left:50%;top:calc(8px + var(--safe-t));transform:translate(-50%);width:130px;height:6px;border-radius:4px;background:#00000059;overflow:hidden}#compass i{position:absolute;top:0;width:3px;height:6px;background:var(--gold-bright);border-radius:2px}#touch{position:absolute;inset:0;pointer-events:none}#stick{position:absolute;width:116px;height:116px;border-radius:50%;border:2px solid rgba(255,255,255,.28);background:#0000002e;display:none;place-items:center}#stick i{width:52px;height:52px;border-radius:50%;background:#ffffff52;border:2px solid rgba(255,255,255,.45);display:block;position:absolute;left:50%;top:50%;margin:-26px 0 0 -26px}#buttons{position:absolute;right:calc(12px + var(--safe-r));bottom:calc(16px + var(--safe-b));width:208px;height:190px;pointer-events:auto}.tbtn{position:absolute;border-radius:50%;padding:0;background:#281e138c;border:2px solid rgba(227,176,75,.42);backdrop-filter:blur(4px);box-shadow:0 3px 10px #00000059;display:grid;place-items:center;line-height:1}#tJump{width:78px;height:78px;font-size:27px;right:4px;bottom:6px}#tPounce{width:66px;height:66px;font-size:24px;right:88px;bottom:20px}#tInteract{width:62px;height:62px;font-size:22px;right:18px;bottom:92px}#tMeow{width:54px;height:54px;font-size:19px;right:96px;bottom:96px}#tDrop{width:50px;height:50px;font-size:17px;right:150px;bottom:44px}#scores{position:absolute;left:50%;top:18%;transform:translate(-50%);background:#18120be6;border:1px solid rgba(227,176,75,.4);border-radius:14px;padding:12px 18px;min-width:220px}#scores h4{margin:0 0 8px;color:var(--gold-bright);font-size:15px;text-align:center;font-weight:600}#scores ul{list-style:none;margin:0;padding:0;font-size:14px}#scores li{display:flex;justify-content:space-between;gap:22px;padding:3px 0;color:var(--ink)}#scores li.me{color:var(--gold-bright)}#scores li b{color:var(--gold);font-variant-numeric:tabular-nums}#mapPanel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#18120bf0;border:1px solid rgba(227,176,75,.4);border-radius:16px;padding:12px;pointer-events:auto}#mapCanvas{width:min(72vw,72vh,460px);height:min(72vw,72vh,460px);display:block;border-radius:10px}.maplegend{font-size:11px;color:var(--ink-dim);margin-top:8px;text-align:center}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}.dot.you{background:#ffd47a}.dot.other{background:#7fd0ff}.dot.home{background:#9be26a}@media(max-width:520px){.menu-card{padding:14px 12px 12px}.breeds{grid-template-columns:repeat(auto-fit,minmax(44px,1fr));gap:6px}}@media(orientation:landscape)and (max-height:560px){.menu-card{width:min(720px,100%);display:grid;grid-template-columns:1.05fr 1fr;grid-template-areas:"title  title" "name   preview" "breeds preview" "breeds buttons" "fine   fine";align-content:start;gap:6px 16px;padding:12px 14px 10px}h1{grid-area:title;font-size:26px;margin-bottom:0}.tag{display:none}.name-row{grid-area:name}.breeds-wrap{grid-area:breeds;margin:6px 0 0}.preview-wrap{grid-area:preview;margin:0;align-self:start}#preview{height:112px}.buttons{grid-area:buttons;align-self:end}button.big{padding:9px 12px;font-size:15px}.fineprint{grid-area:fine;margin-top:6px}.menu-card.small{width:min(460px,100%);display:block}.controls-help{font-size:11px;line-height:1.5}}@media(max-height:460px){#buttons{width:168px;height:148px}#tJump{width:62px;height:62px;font-size:22px;right:4px;bottom:4px}#tPounce{width:54px;height:54px;font-size:20px;right:72px;bottom:14px}#tInteract{width:50px;height:50px;font-size:18px;right:14px;bottom:74px}#tMeow{width:44px;height:44px;font-size:16px;right:78px;bottom:76px}#tDrop{width:42px;height:42px;font-size:15px;right:122px;bottom:34px}#stick{width:96px;height:96px}#stick i{width:44px;height:44px;margin:-22px 0 0 -22px}}