:root{--np-green: #6aa64b;--np-green-dark: #4d7d35;--np-green-light: #dff0d0;--np-blue: #4a86c4;--np-blue-light: #d7e7f6;--np-pink: #d36a9a;--np-pink-light: #f8dcea;--np-orange: #e0922f;--np-orange-light: #fbe7c8;--np-purple: #8a5fb0;--np-purple-light: #ebdef6;--np-yellow: #f4d03f;--ink: #333;--panel: #ffffff;--line: #b9c9a8}*{box-sizing:border-box}body{margin:0;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:12px;color:var(--ink);background-color:#b7d39a;background-image:radial-gradient(circle at 20% 0,#cfe6b3 0,transparent 60%),radial-gradient(circle at 80% 100%,#a9cd86 0,transparent 55%);background-attachment:fixed}a{color:var(--np-blue);text-decoration:none;cursor:pointer}a:hover{text-decoration:underline;color:#2f6196}img{image-rendering:pixelated}.shell{width:880px;margin:12px auto 40px;background:var(--panel);border:2px solid var(--np-green-dark);border-radius:10px;overflow:hidden;box-shadow:0 6px #00000026,0 0 0 4px #fff inset}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;background:linear-gradient(#f4fbe9,#dff0d0);border-bottom:2px solid var(--np-green)}.logo{font-family:Comic Sans MS,Trebuchet MS,cursive;font-weight:700;font-size:30px;letter-spacing:-1px;line-height:1;color:var(--np-green-dark);text-shadow:2px 2px 0 #fff,3px 3px 0 rgba(0,0,0,.12);cursor:pointer;-webkit-user-select:none;user-select:none}.logo .dot{color:var(--np-orange)}.logo small{display:block;font-size:10px;font-family:Verdana,sans-serif;font-weight:400;letter-spacing:0;color:var(--np-green);text-shadow:none}.topbar .grow{flex:1}.np-counter{background:#fffbe6;border:2px solid var(--np-yellow);border-radius:18px;padding:5px 12px;font-weight:700;color:#8a6d00;white-space:nowrap}.np-counter .coin{margin-right:4px}.np-counter small{display:block;font-weight:400;color:#b08900;font-size:10px}.search{display:flex;border:1px solid var(--np-green);border-radius:4px;overflow:hidden}.search input{border:0;padding:4px 6px;font-size:11px;width:130px;outline:none}.search button{border:0;background:var(--np-green);color:#fff;padding:0 8px;cursor:pointer}.nav{display:flex;flex-wrap:wrap;gap:2px;padding:6px 10px 0;background:var(--np-green)}.nav a{color:#fff;padding:6px 12px 7px;border-radius:7px 7px 0 0;font-weight:700;font-size:11px;border:2px solid transparent;border-bottom:0}.nav a:hover{background:#ffffff38;text-decoration:none}.nav a.active{background:var(--panel);color:var(--np-green-dark);border-color:var(--np-green-dark)}.body{display:flex;gap:14px;padding:14px;background:repeating-linear-gradient(45deg,#fbfdf7 0,#fbfdf7 14px,#f3f8ec 14px,#f3f8ec 28px)}.sidebar{width:180px;flex-shrink:0}.main{flex:1;min-width:0}.box{background:#fff;border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-bottom:14px}.box-title{padding:6px 10px;font-weight:700;color:#fff;font-size:12px;background:var(--np-green)}.box.green .box-title{background:var(--np-green)}.box.blue .box-title{background:var(--np-blue)}.box.pink .box-title{background:var(--np-pink)}.box.orange .box-title{background:var(--np-orange)}.box.purple .box-title{background:var(--np-purple)}.box-body{padding:10px 12px;line-height:1.55}.sidebar .box-body{padding:6px}.sidebar .side-link{display:block;padding:5px 8px;border-radius:5px;color:var(--np-green-dark);font-weight:700}.sidebar .side-link:hover{background:var(--np-green-light);text-decoration:none}.sidebar .side-link .em{margin-right:6px}.btn{display:inline-block;font-family:inherit;font-size:12px;font-weight:700;color:#fff;background:var(--np-green);border:1px solid var(--np-green-dark);border-radius:6px;padding:6px 14px;cursor:pointer;box-shadow:0 2px #0000002e}.btn:hover{filter:brightness(1.07)}.btn:active{transform:translateY(1px);box-shadow:none}.btn:disabled{background:#bbb;border-color:#999;box-shadow:none;cursor:not-allowed;filter:none}.btn.blue{background:var(--np-blue);border-color:#2f6196}.btn.pink{background:var(--np-pink);border-color:#a8497a}.btn.orange{background:var(--np-orange);border-color:#b06f17}.btn.gray{background:#8a958a;border-color:#6c756c}.btn.big{font-size:14px;padding:9px 20px}input[type=text],input[type=number],input[type=password]{font-family:inherit;font-size:12px;padding:6px 8px;border:1px solid var(--np-green);border-radius:4px;outline:none}input:focus{border-color:var(--np-blue)}.pet-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:4px solid;font-size:60px;width:120px;height:120px;line-height:1;box-shadow:inset 0 -8px 18px #0000001f;-webkit-user-select:none;user-select:none}.pet-badge.sm{width:64px;height:64px;font-size:32px;border-width:3px}.stat{margin:7px 0}.stat-head{display:flex;justify-content:space-between;font-weight:700;margin-bottom:3px}.stat-head .val{font-weight:400;color:#666}.bar{height:14px;background:#eee;border:1px solid #ccc;border-radius:8px;overflow:hidden}.bar>span{display:block;height:100%;border-radius:8px;transition:width .4s ease}.bar.food>span{background:linear-gradient(#ffd36b,#e0922f)}.bar.mood>span{background:linear-gradient(#7ed957,#4d9e2e)}.bar.hp>span{background:linear-gradient(#ff8a8a,#e44)}.card-row{display:flex;gap:12px;flex-wrap:wrap}.card{flex:1 1 220px;border:2px solid var(--line);border-radius:10px;padding:12px;text-align:center;background:#fcfff8;transition:transform .12s ease,border-color .12s ease}.card:hover{transform:translateY(-3px);border-color:var(--np-green)}.card h3{margin:8px 0 2px;color:var(--np-green-dark)}.card .muted{color:#777;min-height:48px}.shop-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.shop-item{border:1px solid var(--line);border-radius:8px;padding:10px;text-align:center;background:#fcfff8}.shop-item .emoji{font-size:36px}.shop-item .name{font-weight:700;margin:4px 0}.shop-item .desc{color:#777;font-size:11px;min-height:44px}.shop-item .price{color:#8a6d00;font-weight:700;margin:4px 0 8px}.flash{position:sticky;top:0;z-index:10;margin:0 0 12px;padding:9px 14px;background:#fff7d6;border:2px solid var(--np-yellow);border-radius:8px;font-weight:700;color:#7a5e00;animation:pop .25s ease}@keyframes pop{0%{transform:scale(.96);opacity:0}to{transform:scale(1);opacity:1}}.marquee{overflow:hidden;white-space:nowrap;background:var(--np-purple);color:#fff;padding:4px 0;font-size:11px}.marquee span{display:inline-block;padding-left:100%;animation:scroll 26s linear infinite}@keyframes scroll{to{transform:translate(-100%)}}.footer{text-align:center;padding:12px;font-size:10px;color:#6c8a52;background:var(--np-green-light);border-top:2px solid var(--np-green);line-height:1.7}.footer .counter{display:inline-block;background:#000;color:#2f2;font-family:Courier New,monospace;padding:1px 6px;border-radius:3px;letter-spacing:2px}.badge-ie{display:inline-block;border:1px solid #999;background:#eee;padding:1px 5px;border-radius:3px;color:#555}.log-list{margin:0;padding:0;list-style:none}.log-list li{padding:4px 0;border-bottom:1px dashed #ddd;color:#555}.log-list li:last-child{border-bottom:0}.log-list .t{color:#aaa;font-size:10px}.center{text-align:center}.muted{color:#777}.big-emoji{font-size:64px;line-height:1}.pill{display:inline-block;background:var(--np-green-light);color:var(--np-green-dark);border-radius:12px;padding:2px 10px;font-weight:700;font-size:11px}.hr{border:0;border-top:1px dashed var(--line);margin:12px 0}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.spin{display:inline-block}.spin.go{animation:spin360 .7s ease}@keyframes spin360{to{transform:rotate(360deg)}}.slots{display:flex;gap:8px;justify-content:center;background:#2a1d3a;padding:16px;border-radius:10px;border:4px solid var(--np-yellow)}.reel{width:70px;height:80px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:44px;box-shadow:inset 0 0 0 3px #ddd}.reel.rolling{animation:jiggle .3s linear infinite}@keyframes jiggle{0%,to{transform:translateY(-2px)}50%{transform:translateY(2px)}}@media (max-width: 920px){.shell{width:auto;margin:6px}}