html,body{margin:0;padding:0;background:#0f141b;color:#edf3f8;font-family:Arial,Helvetica,sans-serif;font-size:14px}.page{max-width:1180px;margin:0 auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;background:#171f29;border:1px solid #2b3948;border-radius:12px;padding:14px 18px;margin-bottom:16px}.brand{font-size:25px;font-weight:bold}.small{font-size:12px;color:#aab8c5}.member{color:#cbd6df}.columns{display:flex;gap:16px;align-items:stretch}.columns.lower{margin-top:16px}.panel{background:#171f29;border:1px solid #2b3948;border-radius:12px;padding:16px;box-sizing:border-box;flex:1}.pet-panel{flex:2}.stats-panel{min-width:280px}.pet-head{display:flex;justify-content:space-between;align-items:center}h1,h2,h3{margin-top:0}h1{margin-bottom:4px}canvas{display:block;width:100%;max-width:560px;height:auto;margin:12px auto;border-radius:14px;border:1px solid #314155;background:#17202b}.speech{background:#222e3b;border:1px solid #34485d;border-radius:10px;padding:10px;text-align:center;margin:10px 0}.actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.actions.compact{justify-content:flex-start;margin:12px 0}button{background:#2f7bdc;color:#fff;border:0;border-radius:7px;padding:9px 13px;cursor:pointer;font-weight:bold}button:hover{background:#3e8beb}.secondary{background:#5f6c79}.small-button{padding:6px 9px;font-size:12px}.stat{margin:11px 0}.stat span{display:inline-block}.stat b{float:right}.bar{height:9px;background:#0e1319;border-radius:8px;overflow:hidden;margin-top:5px}.bar i{display:block;height:100%;background:#3a8be8;width:0}.xp-row{margin-top:18px}.xp-row span{float:right}.friend-add{display:flex;gap:8px;margin-bottom:12px}.friend-add input{min-width:0;flex:1;background:#0f151c;color:#fff;border:1px solid #344657;border-radius:7px;padding:9px}.list-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid #283541}.list-row:last-child{border-bottom:0}.empty{color:#91a0ad;padding:8px 0}.online{font-size:11px;padding:2px 6px;border-radius:10px}.online.on{background:#173c2a;color:#75e7a1}.online.off{background:#303943;color:#a5b0ba}.message{padding:11px 14px;border-radius:8px;margin-bottom:14px}.message.success{background:#173c2a;border:1px solid #2c7750}.message.error,.panel.error{background:#442124;border-color:#803a41;color:#ffdadd}@media(max-width:800px){.columns{display:block}.panel{margin-bottom:14px}.topbar{display:block}.member{margin-top:8px}.page{padding:10px}.actions button{flex:1 1 30%}}
.top-status{text-align:right;line-height:1.6}.server-state{font-size:12px}.server-state.online{color:#75e7a1}.server-state.offline{color:#ff9c9c}.subhead{margin-top:22px}.stock-grid{display:flex;gap:10px}.stock-box{flex:1;background:#101820;border:1px solid #304050;border-radius:9px;padding:11px;text-align:center}.stock-box span{display:block;color:#aab8c5;font-size:12px}.stock-box strong{display:block;font-size:24px;margin-top:3px}.stock-note{margin-top:8px}.visit-panel{margin-top:16px}.visitor-badge{display:inline-block;background:#173c2a;color:#75e7a1;border-radius:10px;padding:2px 6px;font-size:11px;margin-left:6px}@media(max-width:800px){.top-status{text-align:left;margin-top:8px}.stock-grid{display:block}.stock-box{margin-bottom:8px}}

.quick-nav{background:#171f29;border:1px solid #2b3948;border-radius:10px;padding:10px 12px;margin-bottom:16px}.quick-nav a{display:inline-block;background:#273545;color:#fff;text-decoration:none;border-radius:7px;padding:9px 12px;margin-right:8px;font-weight:bold}.quick-nav a:hover{background:#34485d}.section-title{margin-top:18px;background:#101820;border:1px solid #304050;border-radius:10px;padding:12px 16px}.section-title h2{margin:0 0 4px 0}@media(max-width:800px){.quick-nav a{display:block;margin:0 0 8px 0}.quick-nav a:last-child{margin-bottom:0}}