:root{--bg:#fff7ed;--panel:#fff;--panel2:#fffbeb;--text:#1f2937;--muted:#6b7280;--line:#fed7aa;--brand:#f59e0b;--brand2:#fb7185;--ok:#16a34a;--bad:#dc2626;--shadow:0 18px 55px rgba(146,64,14,.13);--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:radial-gradient(circle at 10% 0,#ffedd5,transparent 34%),linear-gradient(135deg,#fff7ed,#fff 52%,#fef3c7);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{border:0;border-radius:14px;padding:.72rem 1rem;background:#fff3d6;color:#713f12;font-weight:800;cursor:pointer;box-shadow:0 8px 20px rgba(146,64,14,.08);transition:.18s transform,.18s box-shadow,.18s background}button:hover{transform:translateY(-1px);box-shadow:0 12px 26px rgba(146,64,14,.13)}button.primary{background:linear-gradient(135deg,var(--brand),#fb7185);color:white}button.ghost{background:white;border:1px solid var(--line)}button.danger{background:#fee2e2;color:#991b1b}button.small{padding:.45rem .7rem;border-radius:11px;font-size:.9rem}input,textarea,select{width:100%;border:1px solid var(--line);border-radius:14px;padding:.82rem;background:white;outline:none}textarea{min-height:96px;resize:vertical}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem clamp(.8rem,3vw,2rem);backdrop-filter:blur(18px);background:rgba(255,247,237,.82);border-bottom:1px solid rgba(254,215,170,.8)}.brand{display:flex;align-items:center;gap:.7rem}.brandIcon{display:grid;place-items:center;width:42px;height:42px;border-radius:15px;background:linear-gradient(135deg,#f59e0b,#fb7185);color:white;box-shadow:var(--shadow)}.brand b{display:block;font-size:1.05rem}.brand small{display:block;color:var(--muted);font-size:.75rem}.nav{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap;justify-content:flex-end}.nav a,.nav button{padding:.55rem .75rem;background:transparent;box-shadow:none;border-radius:12px;color:#78350f}.nav a.active,.nav a:hover{background:#ffedd5}.hamb{display:none}.app{width:min(1180px,100%);margin:0 auto;padding:1.1rem clamp(.75rem,3vw,1.5rem) 3rem}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:1rem;align-items:stretch}.card{background:rgba(255,255,255,.9);border:1px solid rgba(254,215,170,.85);border-radius:var(--r);padding:1rem;box-shadow:var(--shadow)}.soft{background:linear-gradient(135deg,#fff7ed,#fff 64%,#fff1f2)}h1,h2,h3{margin:.15rem 0 .65rem;letter-spacing:-.03em}h1{font-size:clamp(1.75rem,4.5vw,3.2rem);line-height:.98}h2{font-size:1.2rem}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.span8{grid-column:span 8}.span6{grid-column:span 6}.span4{grid-column:span 4}.span3{grid-column:span 3}.span12{grid-column:span 12}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.65rem}.stat{background:#fff7ed;border:1px solid var(--line);border-radius:16px;padding:.65rem}.stat b{display:flex;justify-content:space-between;margin-bottom:.35rem}.bar{height:9px;background:#ffedd5;border-radius:999px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,#f59e0b,#fb7185);border-radius:999px}.chips{display:flex;gap:.5rem;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:.35rem;background:#ffedd5;border:1px solid #fed7aa;border-radius:999px;padding:.42rem .7rem;font-weight:800;color:#78350f}.toolbar{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.catStage{position:relative;min-height:430px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 18%,rgba(255,255,255,.95),transparent 32%),linear-gradient(180deg,#dbeafe 0%,#fff7ed 60%,#fed7aa 100%);border-radius:var(--r);perspective:950px;isolation:isolate}.catStage:after{content:"";position:absolute;inset:auto 7% 5% 7%;height:80px;border-radius:50%;background:radial-gradient(ellipse,rgba(120,53,15,.18),transparent 70%);filter:blur(5px);z-index:0}.catHint{position:absolute;right:1rem;bottom:.8rem;font-size:.82rem;color:#92400e;background:rgba(255,247,237,.86);border:1px solid #fed7aa;border-radius:999px;padding:.35rem .65rem}.cat3d{position:relative;width:min(390px,90vw);height:310px;transform-style:preserve-3d;animation:catBreath 4.2s ease-in-out infinite;transition:transform .35s ease;z-index:1}.catStage:hover .cat3d{transform:rotateX(3deg) rotateY(-7deg) translateY(-4px)}.floorShadow{position:absolute;left:60px;top:255px;width:260px;height:34px;border-radius:50%;background:rgba(71,38,15,.16);filter:blur(7px);transform:rotateX(68deg);z-index:0}.bodyReal{position:absolute;left:72px;top:112px;width:218px;height:122px;border-radius:54% 46% 48% 42%/56% 48% 52% 44%;background:radial-gradient(circle at 34% 28%,rgba(255,255,255,.28),transparent 24%),linear-gradient(135deg,rgba(255,255,255,.22),transparent 30%),var(--fur,#b7791f);box-shadow:inset -34px -25px 0 rgba(0,0,0,.10),inset 24px 17px 0 rgba(255,255,255,.14),0 24px 42px rgba(120,53,15,.22);z-index:2;transform:rotate(-2deg)}.furGlow{position:absolute;inset:9px 18px 38px 22px;border-radius:inherit;background:linear-gradient(100deg,rgba(255,255,255,.24),transparent 55%);filter:blur(.2px)}.belly{position:absolute;left:48px;top:45px;width:92px;height:62px;border-radius:50%;background:rgba(255,255,255,.30);box-shadow:inset -12px -8px 0 rgba(255,255,255,.10)}.shoulder{position:absolute;left:138px;top:16px;width:66px;height:80px;border-radius:50%;background:rgba(0,0,0,.035)}.headReal{position:absolute;left:123px;top:26px;width:134px;height:126px;border-radius:48% 48% 52% 52%/45% 45% 58% 58%;background:radial-gradient(circle at 32% 28%,rgba(255,255,255,.30),transparent 23%),var(--fur,#b7791f);box-shadow:inset -19px -15px 0 rgba(0,0,0,.09),inset 17px 14px 0 rgba(255,255,255,.14),0 18px 35px rgba(120,53,15,.18);z-index:5;transform:rotate(1deg)}.earReal{position:absolute;top:-32px;width:56px;height:68px;background:var(--fur,#b7791f);clip-path:polygon(50% 0,96% 100%,4% 100%);filter:drop-shadow(0 5px 4px rgba(0,0,0,.12));z-index:-1}.earReal b{position:absolute;left:15px;top:20px;width:27px;height:38px;background:linear-gradient(#fecdd3,#fda4af);clip-path:polygon(50% 0,96% 100%,4% 100%);opacity:.82}.earReal.left{left:10px;transform:rotate(-15deg)}.earReal.right{right:8px;transform:rotate(15deg)}.forehead{position:absolute;left:45px;top:10px;width:44px;height:42px;border-radius:50%;background:repeating-linear-gradient(90deg,rgba(0,0,0,.12) 0 5px,transparent 5px 13px);opacity:.35}.cheek{position:absolute;top:72px;width:42px;height:34px;border-radius:50%;background:rgba(255,255,255,.24)}.cheek.left{left:20px}.cheek.right{right:20px}.eyeReal{position:absolute;top:47px;width:29px;height:34px;border-radius:55% 55% 48% 48%;background:radial-gradient(circle at 72% 25%,white 0 8%,transparent 9%),var(--eye,#22c55e);box-shadow:inset 0 -8px 0 rgba(0,0,0,.16),0 0 0 3px rgba(31,41,55,.08);animation:blink 7.5s infinite}.eyeReal:after{content:"";position:absolute;left:12px;top:4px;width:5px;height:24px;border-radius:999px;background:#111827}.eyeReal.left{left:31px}.eyeReal.right{right:31px}.muzzleReal{position:absolute;left:42px;top:76px;width:52px;height:34px;border-radius:48% 48% 55% 55%;background:rgba(255,255,255,.38);box-shadow:18px 1px 0 rgba(255,255,255,.30)}.noseReal{position:absolute;left:60px;top:77px;width:15px;height:12px;background:#fb7185;border-radius:55% 55% 70% 70%;clip-path:polygon(50% 100%,0 0,100% 0);z-index:2}.mouthReal{position:absolute;left:54px;top:90px;width:29px;height:17px;border-bottom:2px solid rgba(31,41,55,.55);border-radius:0 0 50% 50%;z-index:2}.whiskers{position:absolute;top:82px;width:70px;height:34px;z-index:4}.whiskers b{position:absolute;width:70px;height:1.5px;background:rgba(31,41,55,.48);border-radius:99px;transform-origin:center}.whiskers.left{left:-38px}.whiskers.right{right:-38px}.whiskers.left b:nth-child(1){top:1px;transform:rotate(10deg)}.whiskers.left b:nth-child(2){top:13px;transform:rotate(0)}.whiskers.left b:nth-child(3){top:25px;transform:rotate(-11deg)}.whiskers.right b:nth-child(1){top:1px;transform:rotate(-10deg)}.whiskers.right b:nth-child(2){top:13px}.whiskers.right b:nth-child(3){top:25px;transform:rotate(11deg)}.frontLeg,.hindLeg{position:absolute;background:var(--fur,#b7791f);box-shadow:inset -9px -12px 0 rgba(0,0,0,.10);z-index:3}.frontLeg{top:190px;width:36px;height:76px;border-radius:16px 16px 22px 22px}.frontLeg.left{left:138px;transform:rotate(2deg)}.frontLeg.right{left:182px;transform:rotate(-2deg);filter:brightness(.95)}.hindLeg{top:187px;width:58px;height:70px;border-radius:55% 45% 25px 25px}.hindLeg.back{left:78px;z-index:1;filter:brightness(.88)}.hindLeg.front{left:230px;z-index:2}.paw{position:absolute;bottom:-7px;left:-10px;width:56px;height:20px;border-radius:60% 50% 46% 48%;background:linear-gradient(180deg,rgba(255,255,255,.35),rgba(255,255,255,.18)),var(--fur,#b7791f);box-shadow:inset -8px -5px 0 rgba(0,0,0,.08)}.paw.rear{width:66px;height:24px}.tailReal{position:absolute;left:266px;top:104px;width:114px;height:136px;z-index:1;transform-origin:12px 112px;animation:tailReal 3.8s ease-in-out infinite}.tailReal:before{content:"";position:absolute;left:0;top:8px;width:96px;height:118px;border-radius:0 86px 86px 0;border-right:25px solid var(--fur,#b7791f);border-top:23px solid var(--fur,#b7791f);border-bottom:18px solid transparent;filter:drop-shadow(10px 12px 7px rgba(120,53,15,.14))}.tailReal i{position:absolute;left:62px;top:3px;width:35px;height:35px;border-radius:50%;background:var(--fur,#b7791f);box-shadow:inset -8px -5px 0 rgba(0,0,0,.09)}.pattern.stripes .bodyReal:after,.pattern.stripes .headReal:after,.pattern.stripes .tailReal:after{content:"";position:absolute;inset:13px 16px;border-radius:inherit;background:repeating-linear-gradient(90deg,rgba(0,0,0,.16) 0 7px,transparent 7px 22px);mix-blend-mode:multiply;opacity:.42;pointer-events:none}.pattern.stripes .tailReal:after{left:48px;top:24px;width:58px;height:78px;transform:rotate(45deg);opacity:.35}.pattern.spots .bodyReal:after,.pattern.spots .headReal:after{content:"";position:absolute;inset:10px;border-radius:inherit;background:radial-gradient(circle at 20% 32%,rgba(0,0,0,.18) 0 8px,transparent 9px),radial-gradient(circle at 64% 44%,rgba(0,0,0,.15) 0 13px,transparent 14px),radial-gradient(circle at 43% 76%,rgba(0,0,0,.14) 0 10px,transparent 11px),radial-gradient(circle at 82% 25%,rgba(0,0,0,.12) 0 9px,transparent 10px);opacity:.62;pointer-events:none}.accessory{position:absolute;z-index:10}.acc-collar_star{left:132px;top:132px;width:96px;height:15px;border-radius:999px;background:#ef4444}.acc-collar_star:after{content:"★";position:absolute;left:42px;top:8px;color:#fbbf24}.acc-bow_pink{left:162px;top:7px;width:40px;height:28px}.acc-bow_pink:before,.acc-bow_pink:after{content:"";position:absolute;width:25px;height:25px;background:#fb7185;border-radius:50% 50% 50% 12px}.acc-bow_pink:after{left:20px;transform:scaleX(-1)}.acc-glasses_round{left:140px;top:72px;width:82px;height:24px;border-top:4px solid #111827}.acc-glasses_round:before,.acc-glasses_round:after{content:"";position:absolute;top:-8px;width:28px;height:28px;border:4px solid #111827;border-radius:50%}.acc-glasses_round:after{right:0}.acc-scarf_red{left:124px;top:139px;width:108px;height:25px;background:#dc2626;border-radius:999px}.acc-hat_wizard{left:139px;top:-45px;width:76px;height:74px;background:#4338ca;clip-path:polygon(50% 0,100% 100%,0 100%)}.acc-crown_gold{left:144px;top:-20px;width:72px;height:39px;background:#fbbf24;clip-path:polygon(0 100%,0 35%,22% 60%,36% 10%,50% 62%,66% 10%,80% 60%,100% 35%,100% 100%)}@keyframes catBreath{0%,100%{transform:translateY(0) rotateX(0)}50%{transform:translateY(-7px) rotateX(1.5deg)}}@keyframes tailReal{0%,100%{transform:rotate(-5deg)}50%{transform:rotate(7deg)}}@keyframes blink{0%,92%,100%{transform:scaleY(1)}94%,96%{transform:scaleY(.08)}}.actionGrid,.questGrid,.shopGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.65rem}.quest,.item,.event,.msg,.post{border:1px solid var(--line);border-radius:16px;background:#fffaf0;padding:.75rem}.quest.done{background:#ecfdf5;border-color:#bbf7d0}.item{display:flex;flex-direction:column;gap:.35rem}.price{font-weight:900;color:#92400e}.tableWrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0 .45rem}.table th{text-align:left;color:var(--muted);font-size:.85rem}.table td{background:#fff7ed;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:.65rem;white-space:nowrap}.table td:first-child{border-left:1px solid var(--line);border-radius:13px 0 0 13px}.table td:last-child{border-right:1px solid var(--line);border-radius:0 13px 13px 0}.modalBackdrop{position:fixed;inset:0;background:rgba(31,41,55,.55);z-index:80;display:grid;place-items:center;padding:1rem}.modal{width:min(760px,100%);max-height:92vh;overflow:auto;background:white;border-radius:24px;padding:1rem;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modalHead{display:flex;justify-content:space-between;align-items:center;gap:1rem;position:sticky;top:0;background:white;padding-bottom:.5rem}.formGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.auth{width:min(920px,100%);margin:5vh auto;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.auth .big{grid-row:span 2;background:linear-gradient(135deg,#fff7ed,#fff1f2)}#toast{position:fixed;right:1rem;bottom:1rem;z-index:100;display:grid;gap:.5rem}.toast{background:#1f2937;color:white;border-radius:14px;padding:.8rem 1rem;box-shadow:0 18px 50px rgba(0,0,0,.25)}.footer{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;color:var(--muted);font-size:.9rem;padding:1.5rem}.legal{line-height:1.65}.compactList{display:grid;gap:.55rem}.row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:14px;background:linear-gradient(135deg,#f59e0b,#fb7185);color:white;font-weight:900;flex:0 0 auto}@media(max-width:860px){.hamb{display:block}.nav{display:none;position:absolute;top:64px;left:.6rem;right:.6rem;background:white;border:1px solid var(--line);border-radius:18px;padding:.5rem;box-shadow:var(--shadow)}.nav.open{display:grid;grid-template-columns:1fr 1fr}.nav a,.nav button{text-align:left}.hero,.auth{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.span8,.span6,.span4,.span3,.span12{grid-column:1}.catStage{min-height:330px}.cat3d{transform:scale(.83);transform-origin:center}.stats{grid-template-columns:1fr 1fr}.formGrid{grid-template-columns:1fr}.toolbar button{flex:1 1 auto}.app{padding-top:.75rem}.card{padding:.85rem;border-radius:18px}}@media(max-width:480px){h1{font-size:1.8rem}.stats{grid-template-columns:1fr}.cat3d{transform:scale(.72)}.catStage{min-height:285px}.actionGrid,.questGrid,.shopGrid{grid-template-columns:1fr}.nav.open{grid-template-columns:1fr}.topbar{padding:.6rem}.brand small{display:none}}