@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box;border-radius:0}html,body{width:100%;height:100%;overflow:hidden;background:var(--ac-sky, #87CEEB);touch-action:none;font-family:Nunito,-apple-system,sans-serif}canvas{display:block;touch-action:none}:root{--ac-wood-light: #E8C99B;--ac-wood: #D4A76A;--ac-wood-dark: #B8864A;--ac-cream: #FFF8E7;--ac-cream-dark: #F5E6C8;--ac-brown: #8B6914;--ac-shadow: rgba(80, 60, 30, .3);--ac-coral: #E85D4C;--ac-gray-100: #f0f0f0;--ac-gray-200: #e0e0e0;--ac-gray-300: #d0d0d0;--ac-gray-400: #c0c0c0;--ac-gray-600: #999;--ac-gray-800: #666;--ac-gray-900: #333;--ac-danger-light: #FFB8B8;--ac-danger: #FF9999;--ac-danger-dark: #C85050;--ac-white: #fff;--ac-gender-male: #5B9BD5;--ac-gender-female: #E87878;--ac-rarity-4: #B886E8;--ac-rarity-5: #E8A84A;--pixel-border: 1px;--pixel-shadow: 1px;--ac-inset-cream: inset -1px -1px 0 var(--ac-cream-dark), inset 1px 1px 0 var(--ac-white);--ac-inset-gray: inset -1px -1px 0 var(--ac-gray-300), inset 1px 1px 0 var(--ac-white);--ac-outer-shadow: 1px 1px 0 rgba(0, 0, 0, .2);--ac-outer-shadow-light: 1px 1px 0 rgba(0, 0, 0, .15);--ac-border: 1px solid var(--ac-wood-dark);--ac-border-dashed: 1px dashed var(--ac-wood);--ac-border-section: 3px solid var(--ac-wood);--ac-bottom-bar-height: 92px;--ac-enter-duration: .25s;--ac-exit-duration: .15s}@keyframes ac-panel-enter{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}25%{opacity:1;transform:translate(-50%,-50%) scale(.9)}50%{transform:translate(-50%,-50%) scale(1.02)}75%{transform:translate(-50%,-50%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes ac-panel-exit{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.5;transform:translate(-50%,-50%) scale(.95)}to{opacity:0;transform:translate(-50%,-50%) scale(.9)}}@keyframes ac-dialog-enter{0%{opacity:0;transform:scale(.8)}25%{opacity:1;transform:scale(.9)}50%{transform:scale(1.02)}75%{transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes ac-dialog-exit{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.95)}to{opacity:0;transform:scale(.9)}}@keyframes ac-slide-up-enter{0%{transform:translateY(100%);opacity:0}33%{transform:translateY(-4px);opacity:1}66%{transform:translateY(2px)}to{transform:translateY(0);opacity:1}}@keyframes ac-slide-up-exit{0%{transform:translateY(0);opacity:1}50%{opacity:.5}to{transform:translateY(100%);opacity:0}}.ac-animate-enter{animation:ac-panel-enter var(--ac-enter-duration) steps(5) forwards}.ac-animate-exit{animation:ac-panel-exit var(--ac-exit-duration) steps(3) forwards}.ac-dialog.ac-animate-enter{animation:none}.ac-dialog.ac-animate-enter>.ac-dialog-content{animation:ac-dialog-enter var(--ac-enter-duration) steps(5) forwards}.ac-dialog.ac-animate-exit{animation:none}.ac-dialog.ac-animate-exit>.ac-dialog-content{animation:ac-dialog-exit var(--ac-exit-duration) steps(3) forwards}.hidden{display:none!important}.ac-panel-size-lg{width:98%;max-width:560px;height:calc(100vh - var(--ac-bottom-bar-height) - 20px);top:calc(50% - var(--ac-bottom-bar-height) / 2 - 10px)}.ac-panel-body{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden;background:var(--ac-cream)}.ac-panel{position:fixed;top:calc(50% - var(--ac-bottom-bar-height) / 2);left:50%;transform:translate(-50%,-50%);background:var(--ac-cream);border:var(--pixel-border) solid var(--ac-wood-dark);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--pixel-shadow) var(--pixel-shadow) 0 #0003}.ac-panel-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 12px;position:relative}.ac-panel-header h3{margin:0;font-size:18px;font-weight:800;color:var(--ac-white);display:flex;align-items:center;gap:8px;text-shadow:0 1px 2px rgba(0,0,0,.2);letter-spacing:.5px}.ac-btn{display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}.ac-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--ac-outer-shadow)}.ac-btn:active{transform:translate(1px,1px);box-shadow:none}.ac-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.ac-close-btn{width:32px;height:32px;border:var(--ac-border);background:var(--ac-gray-100);color:var(--ac-wood-dark);font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1;cursor:pointer;box-shadow:var(--ac-inset-gray)}.ac-close-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--ac-inset-gray),var(--ac-outer-shadow-light)}.ac-close-btn:active{transform:translate(1px,1px);box-shadow:var(--ac-inset-gray)}.ac-btn-primary{background:var(--theme-green);border:1px solid var(--theme-green-dark);color:var(--ac-white);text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:inset -1px -1px 0 var(--theme-green-dark),inset 1px 1px 0 var(--theme-green-light)}.ac-btn-danger{background:var(--ac-danger);border:1px solid var(--ac-danger-dark);color:var(--ac-danger-dark);box-shadow:inset -1px -1px 0 var(--ac-danger-dark),inset 1px 1px 0 var(--ac-danger-light)}.ac-btn-secondary{background:var(--ac-white);border:var(--ac-border);color:var(--ac-wood-dark);box-shadow:var(--ac-inset-cream)}.ac-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:1001;pointer-events:auto;opacity:0;transition:opacity .3s ease-out}.ac-dialog{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;pointer-events:auto}.ac-dialog>.ac-dialog-content{width:85%;max-width:300px;background:var(--ac-cream);border:var(--pixel-border) solid var(--ac-wood-dark);overflow:hidden;box-shadow:var(--pixel-shadow) var(--pixel-shadow) 0 #0003}.ac-dialog-content{padding:20px 16px 16px;text-align:center}.ac-dialog-message{font-size:15px;font-weight:600;color:var(--ac-brown);line-height:1.6;margin-bottom:16px}.ac-dialog-buttons{display:flex;gap:10px}.ac-dialog-btn{flex:1;padding:10px 14px;font-size:14px}.toast-container{position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:10000;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:10vh}.ac-toast{background:var(--ac-wood);color:var(--ac-white);padding:10px 20px;font-size:14px;font-weight:700;opacity:0;border:1px solid var(--ac-wood-dark);text-shadow:0 1px 1px rgba(0,0,0,.3);transform:translateY(8px);margin-bottom:6px;box-shadow:inset -1px -1px 0 var(--ac-wood-dark),inset 1px 1px 0 var(--ac-wood-light),var(--ac-outer-shadow-light)}.ac-toast.show{opacity:1;transform:translateY(-4px)}.ac-toast-success{background:var(--theme-green);border-color:var(--theme-green-dark);box-shadow:inset -1px -1px 0 var(--theme-green-dark),inset 1px 1px 0 var(--theme-green-light),var(--ac-outer-shadow-light)}.ac-toast-warning{background:var(--theme-orange);border-color:var(--theme-orange-dark);box-shadow:inset -1px -1px 0 var(--theme-orange-dark),inset 1px 1px 0 var(--theme-orange-light),var(--ac-outer-shadow-light)}.ac-toast-error{background:var(--ac-danger-dark);border-color:var(--ac-danger-dark);box-shadow:inset -1px -1px 0 var(--ac-danger-dark),inset 1px 1px 0 var(--ac-danger),var(--ac-outer-shadow-light)}.ac-action-container{position:fixed;bottom:0;left:0;right:0;padding:12px 16px 20px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.1) 100%);z-index:2000;transform:translateY(100%);opacity:0}.ac-action-info{text-align:center;font-size:13px;font-weight:600;color:var(--ac-white);text-shadow:0 1px 2px rgba(0,0,0,.5);margin-bottom:10px;padding:6px 14px;background:#0000004d;max-width:280px;margin-left:auto;margin-right:auto}.ac-action-buttons{display:flex;justify-content:center;gap:12px;max-width:360px;margin:0 auto}.ac-action-btn{flex:1;max-width:140px;padding:10px 14px;border:var(--ac-border);font-size:13px;font-weight:700;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.ac-action-btn:hover{transform:translate(-1px,-1px);box-shadow:var(--ac-outer-shadow-light)}.ac-action-btn:active{transform:translate(1px,1px);box-shadow:none}.ac-action-btn-icon{font-size:22px;line-height:1}.ac-action-btn-text{text-shadow:0 1px 1px rgba(0,0,0,.2)}.ac-action-btn-default{background:var(--ac-cream);color:var(--ac-brown);box-shadow:var(--ac-inset-cream)}.ac-action-btn-disabled,.ac-action-btn:disabled{background:var(--ac-gray-400);color:var(--ac-gray-600);border-color:var(--ac-gray-400);cursor:not-allowed;transform:none!important;box-shadow:none!important;opacity:.7}.ac-action-container-enter{animation:ac-slide-up-enter .3s steps(4) forwards}.ac-action-container-exit{animation:ac-slide-up-exit .2s steps(3) forwards}.bottom-menu-bar{position:fixed;bottom:0;left:0;right:0;z-index:1999;transform:translateY(0);opacity:1}.bottom-menu-bar:before{content:"";position:absolute;bottom:0;left:0;right:0;height:100px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.15) 100%);pointer-events:none}.bottom-menu-items{display:flex;justify-content:center;gap:10px;padding:10px 16px 20px;max-width:380px;margin:0 auto}.bottom-menu-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;flex:1;max-width:72px;padding:10px 6px;border:var(--ac-border);background:#fff8e7f2;cursor:pointer;box-shadow:var(--ac-inset-cream)}.bottom-menu-item:hover{box-shadow:var(--ac-inset-cream),var(--ac-outer-shadow-light)}.bottom-menu-item:active{box-shadow:var(--ac-inset-cream)}.bottom-menu-item.active{background:var(--theme-green)!important;border-color:var(--theme-green-dark)!important;box-shadow:inset -1px -1px 0 var(--theme-green-dark),inset 1px 1px 0 var(--theme-green-light)}.bottom-menu-item.active .bottom-menu-text{color:var(--ac-white)!important;text-shadow:0 1px 1px rgba(0,0,0,.2)}.bottom-menu-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.bottom-menu-text{font-size:11px;font-weight:700;color:var(--ac-brown);white-space:nowrap}.bottom-menu-bar-enter{animation:ac-slide-up-enter .3s steps(4) forwards}.bottom-menu-bar-exit{animation:ac-slide-up-exit .2s steps(3) forwards}.icon{display:inline-block;width:1em;height:1em;vertical-align:middle}.icon svg{width:100%;height:100%}.icon-large{display:flex;align-items:center;justify-content:center}.icon-large svg{width:100%;height:100%}.ac-rich-text b{color:var(--ac-coral);font-weight:800;background:linear-gradient(180deg,transparent 60%,rgba(255,200,150,.4) 60%);padding:0 2px;border-radius:2px}:root{--theme-green-light: #54cabe;--theme-green: #3AAFA4;--theme-green-dark: #168c80;--theme-green-rgb: 58, 175, 164;--theme-orange-light: #F5A862;--theme-orange: #E8944A;--theme-orange-dark: #D47A30;--theme-orange-rgb: 232, 148, 74;--theme-blue-light: #7EB5E8;--theme-blue: #5A9BD4;--theme-blue-dark: #4A8BC4;--theme-blue-rgb: 90, 155, 212;--theme-main: var(--theme-green);--theme-main-dark: var(--theme-green-dark);--theme-main-light: var(--theme-green-light);--theme-main-rgb: 58, 175, 164}[data-theme=green]{--theme-main: var(--theme-green);--theme-main-dark: var(--theme-green-dark);--theme-main-light: var(--theme-green-light);--theme-main-rgb: 58, 175, 164}[data-theme=orange]{--theme-main: var(--theme-orange);--theme-main-dark: var(--theme-orange-dark);--theme-main-light: var(--theme-orange-light);--theme-main-rgb: 232, 148, 74}[data-theme=blue]{--theme-main: var(--theme-blue);--theme-main-dark: var(--theme-blue-dark);--theme-main-light: var(--theme-blue-light);--theme-main-rgb: 90, 155, 212}.ac-panel[data-theme] .ac-panel-header{background:var(--theme-main);border-bottom:2px solid var(--theme-main-dark);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light)}.ac-panel[data-theme] .ac-panel-header h3{text-shadow:0 1px 0 var(--theme-main-dark),0 1px 2px rgba(0,0,0,.2)}.ac-panel[data-theme] .ac-close-btn{border-color:var(--theme-main-dark);color:var(--theme-main-dark);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--ac-white)}.ac-panel[data-theme] .ac-category-tab.active{background:var(--theme-main);color:var(--ac-white);border-color:var(--theme-main-dark);text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light)}.ac-panel[data-theme] .ac-panel-header:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:1px;background:#ffffff4d}.ac-progress-bar[data-theme] .ac-progress-fill{background:var(--theme-main);box-shadow:inset 0 -1px 0 var(--theme-main-dark)}.ac-badge[data-theme]{background:var(--theme-main);border-color:var(--theme-main-dark);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light)}.ac-panel-with-wood-decoration:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:var(--ac-wood);box-shadow:inset -1px -1px 0 var(--ac-wood-dark),inset 1px 1px 0 var(--ac-wood-light)}.ac-item-slot{aspect-ratio:1;background:var(--ac-white);border:1px solid var(--ac-gray-400);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;box-shadow:var(--ac-inset-gray)}.ac-item-slot:hover{box-shadow:var(--ac-inset-gray),1px 1px #0000001f}.ac-item-slot:active{box-shadow:var(--ac-inset-gray)}.ac-item-slot.empty{background:var(--ac-cream-dark);border-style:dashed;cursor:default;opacity:.6}.ac-item-slot.empty:hover{transform:none;box-shadow:var(--ac-inset-gray)}.ac-item-slot.disabled{opacity:.5;cursor:not-allowed}.ac-item-slot.disabled:hover{transform:none;box-shadow:var(--ac-inset-gray)}.ac-item-slot.selected{border-color:var(--theme-main);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light)}.ac-item-slot-rarity-1{background:linear-gradient(135deg,#f5ebdc4d,#f5ebdc1a)}.ac-item-slot-rarity-2{border-color:var(--theme-green);background:linear-gradient(135deg,#7cb87c26,#7cb87c0d)}.ac-item-slot-rarity-3{border-color:var(--theme-blue);background:linear-gradient(135deg,#5a9bd426,#5a9bd40d)}.ac-item-slot-rarity-4{border-color:var(--ac-rarity-4);background:linear-gradient(135deg,#b886e826,#b886e80d)}.ac-item-slot-rarity-5{border-color:var(--ac-rarity-5);background:linear-gradient(135deg,#e8a84a26,#e8a84a0d)}.ac-item-slot .ac-item-icon{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ac-item-slot .ac-item-icon-img{max-width:80%;max-height:80%;object-fit:contain;image-rendering:pixelated;image-rendering:crisp-edges}.ac-item-slot .ac-item-icon-placeholder{font-size:20px;font-weight:700;color:var(--ac-brown);opacity:.5}.ac-item-slot .ac-item-count{position:absolute;bottom:2px;right:4px;font-size:11px;font-weight:800;color:var(--ac-brown);text-shadow:0 0 1px var(--ac-white),0 0 2px var(--ac-white)}.ac-item-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(72px,20%),1fr));justify-content:center;gap:8px;padding:6px 12px 4px;margin-bottom:8px;align-content:start;overflow-y:auto;flex:1;min-height:0;background:var(--ac-cream)}.ac-item-grid.with-bg-pattern{background-image:radial-gradient(circle at 25% 25%,rgba(168,213,162,.15) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(212,167,106,.1) 0%,transparent 50%)}.ac-item-grid[data-size=large]{gap:10px;padding:12px 12px 4px}@media (max-width: 360px){.ac-item-grid{grid-template-columns:repeat(3,1fr);gap:6px}}.ac-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 16px;color:var(--ac-wood-dark);opacity:.7}.ac-empty-state-icon{font-size:40px;margin-bottom:10px}.ac-empty-state-text{font-size:14px;font-weight:600;margin-bottom:6px}.ac-empty-state-hint{font-size:12px;margin-bottom:16px}.ac-empty-state-action{margin-top:8px}.ac-category-tabs{display:flex;padding:12px 14px 10px;gap:8px;background:var(--ac-cream);border-bottom:1px solid var(--ac-wood);overflow-x:auto;justify-content:center;box-shadow:inset 0 -1px 0 var(--ac-cream-dark)}.ac-category-tab{padding:8px 14px;border:1px solid var(--ac-wood-dark);background:var(--ac-white);color:var(--ac-brown);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;box-shadow:var(--ac-inset-cream)}.ac-category-tab:hover{box-shadow:var(--ac-inset-cream),1px 1px #0000001f}.ac-category-tab.active{background:var(--theme-main);color:var(--ac-white);border-color:var(--theme-main-dark);text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light)}.ac-card{background:var(--ac-white);border:1px solid var(--ac-wood);padding:10px;box-shadow:var(--ac-inset-cream)}.ac-card-interactive{cursor:pointer}.ac-card-interactive:hover{transform:translate(-1px,-1px);box-shadow:var(--ac-inset-cream),1px 1px #0000001f}.ac-card-interactive:active{transform:translate(1px,1px);box-shadow:var(--ac-inset-cream)}.ac-progress-bar{flex:1;height:12px;background:#0000001a;overflow:hidden;border:1px solid var(--ac-wood-dark);box-shadow:inset 1px 1px #0000001a}.ac-progress-fill{height:100%;background:var(--theme-blue);box-shadow:inset 0 -1px 0 var(--theme-blue-dark)}.ac-progress-bar[data-status=low] .ac-progress-fill{background:var(--theme-orange);box-shadow:inset 0 -1px 0 var(--theme-orange-dark)}.ac-progress-bar[data-status=medium] .ac-progress-fill{background:var(--theme-blue);box-shadow:inset 0 -1px 0 var(--theme-blue-dark)}.ac-progress-bar[data-status=high] .ac-progress-fill{background:var(--theme-green);box-shadow:inset 0 -1px 0 var(--theme-green-dark)}.ac-badge{display:inline-flex;align-items:center;justify-content:center;padding:1px 5px;border:1px solid;font-size:9px;font-weight:700;color:var(--ac-white);text-shadow:0 1px 1px rgba(0,0,0,.2)}.ac-scrollbar::-webkit-scrollbar{width:6px}.ac-scrollbar::-webkit-scrollbar-track{background:var(--ac-cream-dark);border:1px solid var(--ac-wood)}.ac-scrollbar::-webkit-scrollbar-thumb{background:var(--ac-wood);border:1px solid var(--ac-wood-dark)}.ac-selected-badge{position:absolute;top:-4px;right:-4px;width:18px;height:18px;background:var(--theme-main);border:1px solid var(--theme-main-dark);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:var(--ac-white)}.ac-value-badge{position:absolute;top:-4px;right:-4px;font-size:9px;font-weight:700;color:var(--ac-white);background:var(--theme-blue-light);padding:1px 4px;border:1px solid var(--theme-blue)}.ac-section-title{font-size:13px;font-weight:700;color:var(--ac-brown);margin:10px 12px 10px 4px}.ac-info-box{display:flex;align-items:center;gap:12px;background:var(--ac-white);border:1px dashed var(--ac-wood);padding:10px 14px;box-shadow:var(--ac-inset-cream)}.ac-info-box-icon{font-size:32px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.ac-info-box-content{flex:1;display:flex;flex-direction:column;gap:4px}.ac-info-box-title{font-size:14px;font-weight:700;color:var(--ac-brown)}.ac-info-box-subtitle{font-size:12px;color:var(--ac-wood-dark)}.ac-nav-button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 16px;border:1px solid;font-size:13px;font-weight:700;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.2)}.ac-nav-button:hover{transform:translate(-1px,-1px);box-shadow:var(--ac-outer-shadow-light)}.ac-nav-button:active{transform:translate(1px,1px);box-shadow:none}.ac-nav-button-icon{font-size:16px;line-height:1}.ac-nav-button-text{white-space:nowrap}.ac-nav-button-kitchen{background:var(--theme-orange);border-color:var(--theme-orange-dark);color:var(--ac-white);box-shadow:inset -1px -1px 0 var(--theme-orange-dark),inset 1px 1px 0 var(--theme-orange-light)}.ac-nav-button-backpack{background:var(--theme-blue);border-color:var(--theme-blue-dark);color:var(--ac-white);box-shadow:inset -1px -1px 0 var(--theme-blue-dark),inset 1px 1px 0 var(--theme-blue-light)}.ac-icon-value{display:flex;align-items:center}.ac-icon-value-item{display:flex;align-items:center;justify-content:center;flex-shrink:0}.ac-icon-value-item.empty{opacity:.3;filter:grayscale(1)}.ac-success-popup{width:85%;max-width:300px;padding:0}.ac-success-close{position:absolute;top:10px;right:10px;z-index:10}.ac-success-content{display:flex;flex-direction:column;align-items:center;padding:24px 20px 20px}.ac-success-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.ac-success-icon .ac-item-slot{width:100%;height:100%;font-size:40px;box-shadow:var(--ac-inset-cream),1px 1px #0000001a}.ac-success-icon-animated{animation:ac-success-bounce .5s steps(6) forwards}@keyframes ac-success-bounce{0%{transform:scale(0) rotate(-180deg);opacity:0}40%{transform:scale(1.1) rotate(10deg);opacity:1}70%{transform:scale(.95) rotate(-5deg)}to{transform:scale(1) rotate(0);opacity:1}}.ac-success-title{font-size:13px;font-weight:700;color:var(--theme-main-dark);margin-bottom:6px}.ac-success-message{font-size:16px;font-weight:700;color:var(--ac-brown);text-align:center;line-height:1.6;margin-bottom:14px}.ac-success-highlight{color:var(--theme-main-dark);font-weight:800}.ac-success-desc{font-size:13px;color:var(--ac-brown);line-height:1.6;margin-bottom:12px;padding:10px;background:#ffffff80;border:1px dashed var(--ac-wood);text-align:center;box-shadow:var(--ac-inset-cream)}.ac-success-stats{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;width:100%;align-items:flex-start;padding:10px;background:#0000000d;border:1px solid var(--ac-wood)}.ac-success-stat{display:flex;flex-direction:row;align-items:center;gap:8px}.ac-success-stat-label{font-size:11px;font-weight:600;color:var(--ac-wood-dark);min-width:45px}.ac-success-stat-value{display:flex;align-items:center}.ac-success-confirm{width:100%;max-width:180px;padding:10px 20px;font-size:15px}.ac-toggle{position:relative;width:48px;height:28px;border:1px solid var(--ac-wood-dark);cursor:pointer;outline:none;padding:0}.ac-toggle.on{background:var(--theme-main);border-color:var(--theme-main-dark);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light)}.ac-toggle.off{background:var(--ac-gray-400);border-color:var(--ac-gray-400);box-shadow:inset -1px -1px 0 var(--ac-gray-400),inset 1px 1px 0 var(--ac-gray-200)}.ac-toggle:disabled{opacity:.5;cursor:not-allowed}.ac-toggle-slider{position:absolute;top:2px;width:18px;height:18px;background:var(--ac-white);border:1px solid var(--ac-wood-dark);box-shadow:var(--ac-inset-gray)}.ac-toggle.on .ac-toggle-slider{left:calc(100% - 22px);border-color:var(--theme-main-dark);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--ac-white)}.ac-toggle.off .ac-toggle-slider{left:2px;border-color:var(--ac-gray-400);box-shadow:inset -1px -1px 0 var(--ac-gray-400),inset 1px 1px 0 var(--ac-gray-200)}.ac-cat-avatar{display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid;box-sizing:content-box;box-shadow:inset -1px -1px,inset 1px 1px}.ac-cat-avatar-circle{border-radius:50%}.ac-cat-avatar[data-theme=green],.ac-cat-avatar[data-theme=orange],.ac-cat-avatar[data-theme=blue]{background:var(--theme-main);border-color:var(--theme-main-dark);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light)}.ac-cat-avatar[data-theme=wood]{background:var(--ac-wood);border-color:var(--ac-wood-dark);box-shadow:inset -1px -1px 0 var(--ac-wood-dark),inset 1px 1px 0 var(--ac-wood-light)}.ac-cat-avatar-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.ac-cat-avatar[data-clickable=true]{cursor:pointer}.ac-cat-avatar[data-clickable=true]:hover{transform:translate(-1px,-1px);box-shadow:inset -1px -1px 0 var(--theme-blue-dark),inset 1px 1px 0 var(--theme-blue-light),var(--ac-outer-shadow-light)}.ac-cat-avatar[data-clickable=true]:active{transform:translate(1px,1px)}.ac-gift-list{padding:10px;background:var(--ac-cream);border:1px dashed var(--ac-wood)}.ac-gift-list-header{display:flex;align-items:center;gap:6px;margin-bottom:10px;font-size:13px;font-weight:700;color:var(--ac-brown)}.ac-gift-list-icon{line-height:1}.ac-gift-list-items{display:flex;flex-direction:column;gap:6px}.ac-gift-list[data-mode=grid] .ac-gift-list-items{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:10px}.ac-gift-list-item{display:flex;align-items:center;gap:8px;padding:4px 6px;background:#ffffffb3;border:1px solid var(--ac-wood);box-shadow:var(--ac-inset-cream)}.ac-gift-list-item-icon{font-size:22px;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.15))}.ac-gift-list-item-name{flex:1;font-size:13px;font-weight:600;color:var(--ac-brown)}.ac-gift-list-item-count{font-size:11px;font-weight:700;color:var(--ac-wood-dark);background:#ffffffe6;padding:1px 6px;border:1px solid var(--ac-wood)}.ac-gift-list-item.claimed{opacity:.6;background:#0000000d}.ac-gift-list-item-claimed{font-size:11px;color:var(--ac-wood-dark);font-weight:600}.ac-gift-list-claim-btn{padding:4px 12px;font-size:11px;border-width:1px}.start-page{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:15vh;overflow:hidden}.start-page__bg{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,var(--ac-sky) 0%,#B0E0E6 30%,#E0F4FF 60%,var(--ac-cream) 100%);z-index:1}.start-page__logo{position:relative;z-index:2;max-width:85%;width:320px;opacity:0;transform:scale(.85)}.start-page__logo img{width:100%;height:auto;display:block}.start-page__logo--visible{animation:fadeInScale .6s steps(6) forwards}@keyframes fadeInScale{0%{opacity:0;transform:scale(.85)}50%{opacity:.5;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.start-page__paw{position:relative;z-index:2;max-width:30%;width:135px;margin-top:100px;opacity:0;transform:translateY(200px);cursor:pointer}.start-page__paw img{width:100%;height:auto;display:block}.start-page__paw--visible{animation:pawEnter .8s steps(8) forwards}@keyframes pawEnter{0%{opacity:0;transform:translateY(200px)}25%{opacity:.25;transform:translateY(150px)}50%{opacity:.5;transform:translateY(100px)}75%{opacity:.75;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.start-page__paw--waiting{animation:breathe 2s steps(4) infinite;opacity:1;transform:translateY(0)}@keyframes breathe{0%,to{opacity:1;transform:translateY(0) scale(1)}25%{transform:translateY(0) scale(1.02)}50%{opacity:1;transform:translateY(0) scale(1.05)}75%{transform:translateY(0) scale(1.02)}}.start-page__paw--waiting:active{animation:none;transform:translateY(0) scale(.95)}.start-page--fadeout{animation:fadeOut .5s steps(5) forwards}@keyframes fadeOut{0%{opacity:1}20%{opacity:.8}40%{opacity:.6}60%{opacity:.4}80%{opacity:.2}to{opacity:0}}@media (max-width: 480px){.start-page{padding-top:12vh}.start-page__logo{width:280px}.start-page__paw{width:110px;margin-top:80px}}@media (min-width: 768px){.start-page{padding-top:18vh}.start-page__logo{width:400px}.start-page__paw{width:150px;margin-top:100px}}.items-grid{flex:1}.items-grid.empty{display:block;padding:24px 12px}.item-popup{width:88%;max-width:320px}.item-popup-header{display:flex;align-items:center;padding:14px;gap:12px;background:var(--ac-cream);border-bottom:var(--ac-border-section);position:relative;box-shadow:var(--ac-inset-cream)}.item-popup-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.item-popup-icon .ac-item-slot{width:100%;height:100%;font-size:28px}.item-popup-info{flex:1}.item-popup-name{font-size:18px;font-weight:800;margin-bottom:3px;color:var(--ac-brown)}.item-popup-count{font-size:12px;font-weight:600;color:var(--ac-wood-dark);background:#fff9;padding:1px 8px;display:inline-block}.item-popup-body{padding:14px;background:var(--ac-cream)}.item-popup-stats{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.item-popup-stat-row{display:flex;align-items:center;gap:8px}.item-popup-stat-label{font-size:12px;font-weight:700;color:var(--ac-wood-dark);min-width:45px}.item-popup-desc{font-size:13px;color:var(--ac-brown);line-height:1.6;margin-bottom:12px;padding:10px;background:#ffffff80;border:var(--ac-border-dashed)}.item-popup-effect{font-size:12px;font-weight:700;color:var(--theme-green-dark);background:rgba(var(--theme-green-rgb),.15);padding:8px 12px;border:1px solid var(--theme-green);margin-bottom:14px}.item-popup-buttons{display:flex;gap:8px}.item-popup-btn{flex:1;padding:10px 14px;font-size:14px}.settings-panel{width:92%;max-width:400px;height:auto;min-height:360px}.settings-content{padding:14px;min-height:180px;max-height:360px;overflow-y:auto}.settings-section{margin-bottom:14px}.settings-item{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--ac-white);border:1px solid var(--ac-wood);box-shadow:var(--ac-inset-cream)}.settings-item:hover{transform:translate(-1px,-1px);box-shadow:var(--ac-inset-cream),var(--ac-outer-shadow-light)}.settings-item-info{display:flex;align-items:center;gap:10px}.settings-item-icon{font-size:22px}.settings-item-text{display:flex;flex-direction:column;gap:3px}.settings-item-label{font-size:15px;font-weight:700;color:var(--ac-brown)}.settings-item-desc{font-size:11px;color:var(--ac-wood-dark);opacity:.8}.settings-item-danger{border-color:var(--ac-danger-dark);background:var(--ac-danger-light);box-shadow:inset -1px -1px 0 var(--ac-danger-dark),inset 1px 1px 0 var(--ac-danger-light)}.settings-btn{padding:10px 20px;font-size:14px}.settings-confirm-dialog{z-index:1100}.settings-confirm-dialog .ac-dialog-content{padding:20px 16px 16px}.confirm-icon{font-size:42px;text-align:center;margin-bottom:10px}.settings-confirm-dialog .ac-dialog-message{text-align:center;line-height:1.6}.kitchen-body{overflow:hidden}.kitchen-cooking-area{position:relative;border-bottom:var(--ac-border-section);flex-shrink:0}.cooking-area-bg{width:100%;height:auto;display:block;opacity:.85}.cooking-area-content{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;display:flex;flex-direction:row;padding:12px;gap:12px}.cooking-area-content .selected-slots-wrapper{flex:1;display:flex;flex-direction:column}.cooking-area-content .selected-slots{display:flex;flex-wrap:wrap;gap:5px;flex:1;align-content:flex-start}.cooking-area-content .selected-slot{background:#ffffffe6;border:1px solid var(--ac-wood);padding:5px 8px;display:flex;align-items:center;gap:5px;min-height:32px;min-width:100px;box-shadow:var(--ac-inset-cream)}.cooking-area-content .selected-slot.filled{border-color:var(--theme-green);background:#fffffff2}.cooking-area-content .selected-slot-name{flex:1;font-size:10px;font-weight:600;color:var(--ac-brown);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cooking-area-content .selected-slot-count{font-size:10px;font-weight:700;color:var(--theme-green-dark)}.cooking-area-content .selected-slot-remove{width:20px;height:20px;background:transparent;border:none;outline:none;color:var(--ac-danger-dark);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0}.cooking-area-content .selected-slot-remove .icon{width:16px;height:16px;stroke:var(--ac-danger-dark)}.cooking-area-content .selected-slot-remove:hover{transform:scale(1.15)}.cooking-area-content .selected-slot-empty{display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--ac-wood);opacity:.5;width:50px;min-width:50px}.cooking-area-content .cook-btn-wrapper{display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:5px}.cook-btn-count{font-size:12px;font-weight:700;color:var(--ac-white);text-shadow:0 1px 2px rgba(0,0,0,.5);background:#0006;padding:3px 10px;border:1px solid rgba(0,0,0,.6)}.cook-btn-count .selected-count{color:var(--ac-rarity-5);font-size:14px}.kitchen-cook-btn{padding:8px 14px;font-size:12px;white-space:nowrap;box-shadow:inset -1px -1px 0 var(--theme-green-dark),inset 1px 1px 0 var(--theme-green-light),var(--ac-outer-shadow-light)}.kitchen-cook-btn:disabled{background:var(--ac-gray-400);border-color:var(--ac-gray-600);color:var(--ac-gray-800);text-shadow:none;cursor:not-allowed;box-shadow:inset -1px -1px 0 var(--ac-gray-600),inset 1px 1px 0 var(--ac-gray-200)}.kitchen-cook-btn:not(:disabled):hover{transform:translate(-1px,-1px)}.kitchen-cook-btn:not(:disabled):active{transform:translate(1px,1px);box-shadow:inset -1px -1px 0 var(--theme-green-dark),inset 1px 1px 0 var(--theme-green-light)}.kitchen-selection-area{padding:0;display:flex;flex-direction:column;flex:1;min-height:0}.cooking-effect{position:absolute;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10}.cooking-animation{position:relative;margin-bottom:16px}.cooking-pot{font-size:64px;animation:cooking-shake .3s steps(3) infinite}.cooking-steam{position:absolute;top:-16px;left:50%;transform:translate(-50%);display:flex;gap:6px}.cooking-steam:before,.cooking-steam:after{content:"💨";font-size:20px;opacity:0;animation:cooking-steam .8s steps(4) infinite}.cooking-steam:after{animation-delay:.4s}.cooking-text{color:var(--ac-white);font-size:16px;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.3)}@keyframes cooking-shake{0%,to{transform:rotate(-3deg)}33%{transform:rotate(0)}66%{transform:rotate(3deg)}}@keyframes cooking-steam{0%{opacity:0;transform:translateY(0) scale(.5)}25%{opacity:.4}50%{opacity:.8}75%{opacity:.4}to{opacity:0;transform:translateY(-24px) scale(1.2)}}@media (max-width: 360px){.kitchen-cooking-area,.cooking-area-content{min-height:160px}}.refill-selection-panel{width:95%;max-width:400px;height:480px;top:calc(50% - var(--ac-bottom-bar-height) / 2 - 25px);display:flex;flex-direction:column}.refill-body{padding:0}.refill-status-area{padding:14px;border-bottom:var(--ac-border-section);flex-shrink:0}.bowl-level{display:flex;align-items:center;gap:8px}.bowl-progress-text{font-size:12px;font-weight:700;color:var(--ac-brown);min-width:60px;text-align:right}.refill-selection-area{padding:0;display:flex;flex-direction:column;flex:1;min-height:0}@media (max-width: 360px){.refill-selection-panel{width:98%;max-width:none}.ac-info-box-icon.bowl-icon{font-size:26px}.ac-info-box-title.bowl-name{font-size:13px}}.mail-header-icon{display:flex;align-items:center;justify-content:center}.mail-header-icon .icon{width:22px;height:22px;stroke:currentColor}.mail-body{display:flex;flex:1;min-height:0;overflow:hidden}.mail-list-container{width:45%;min-width:140px;border-right:var(--ac-border-section);overflow:hidden;display:flex;flex-direction:column;background:var(--ac-cream);box-shadow:inset -1px 0 0 var(--ac-cream-dark)}.mail-list{flex:1;overflow-y:auto;padding:6px}.mail-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.mail-item{padding:10px;margin-bottom:6px;cursor:pointer;background:var(--ac-white);border:1px solid var(--ac-wood);box-shadow:var(--ac-inset-cream)}.mail-item.unread{background:rgba(var(--theme-blue-rgb),.06);border-color:rgba(var(--theme-blue-rgb),.25);box-shadow:inset 3px 0 0 var(--theme-blue)}.mail-item.selected{background:#d4a76a40;border-color:var(--theme-main);box-shadow:inset -1px -1px 0 var(--theme-main-dark),inset 1px 1px 0 var(--theme-main-light),var(--ac-outer-shadow-light)}.mail-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.mail-item-left{display:flex;align-items:center;gap:6px;overflow:hidden}.mail-item-unread,.mail-item-read,.mail-item-gift{display:flex;align-items:center;justify-content:center;flex-shrink:0}.mail-item-unread .icon,.mail-item-read .icon{width:16px;height:16px}.mail-item-unread .icon{stroke:var(--theme-blue)}.mail-item-read .icon{stroke:var(--ac-gray-600)}.mail-item-gift .icon{width:14px;height:14px;stroke:var(--theme-orange)}.mail-item-sender{font-size:14px;font-weight:700;color:var(--ac-brown);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-item-time{font-size:11px;color:var(--ac-gray-600);flex-shrink:0;margin-left:8px}.mail-item-preview{font-size:12px;color:var(--ac-wood-dark);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mail-detail{flex:1;display:flex;flex-direction:column;min-height:0;background:var(--ac-white);box-shadow:inset 1px 0 0 var(--ac-cream-dark)}.mail-detail-scrollable{flex:1;min-height:0;overflow-y:auto;padding:14px 14px 6px}.mail-detail-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.mail-detail-empty-icon{display:flex;align-items:center;justify-content:center;margin-bottom:16px;opacity:.5}.mail-detail-empty-icon .icon{width:56px;height:56px;stroke:var(--ac-danger-light)}.mail-detail-empty-text{font-size:15px;font-weight:600;color:var(--ac-wood-dark);opacity:.7}.mail-detail-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.mail-detail-sender{display:flex;align-items:center;gap:10px;flex:1}.mail-detail-sender-info{display:flex;flex-direction:column;gap:2px}.mail-back-btn{display:none;width:32px;height:32px;border:none;background:transparent;cursor:pointer;align-items:center;justify-content:center;flex-shrink:0;padding:0}.mail-back-btn:hover{opacity:.7}.mail-back-btn:active{transform:translate(1px,1px)}.mail-detail-from{font-size:13px;color:var(--ac-wood-dark)}.mail-detail-name{font-size:18px;font-weight:800;color:var(--ac-brown)}.mail-detail-time{font-size:12px;color:var(--ac-gray-600)}.mail-detail-divider{height:1px;background:linear-gradient(90deg,transparent 0%,var(--ac-wood) 50%,transparent 100%);margin:4px 0 8px}.mail-detail-body{font-size:14px;line-height:1.8;color:var(--ac-brown);white-space:pre-wrap;word-break:break-word;margin-bottom:12px}.mail-attachments{padding:10px;background:var(--ac-cream);border:1px dashed var(--ac-wood);box-shadow:var(--ac-inset-cream)}.mail-attachments .ac-gift-list{padding:0;background:transparent;border:none;box-shadow:none}.mail-detail-actions{display:flex;justify-content:flex-end;gap:10px;padding:10px 14px;background:var(--ac-white);border-top:1px solid var(--ac-wood);flex-shrink:0;box-shadow:inset 0 1px 0 var(--ac-cream-dark)}.mail-claim-all-btn,.mail-delete-btn{padding:6px 14px;font-size:12px;display:flex;align-items:center;gap:5px}.mail-action-icon{display:flex;align-items:center;justify-content:center}.mail-action-icon .icon{width:16px;height:16px;stroke:currentColor}@media (max-width: 480px){.mail-panel{width:96%}.mail-body{flex-direction:column}.mail-list-container{width:100%;min-width:auto;height:40%;min-height:150px;border-right:none;border-bottom:var(--ac-border-section)}.mail-detail{height:60%}.mail-panel.mail-no-selection .mail-list-container{height:100%;min-height:auto;border-bottom:none}.mail-panel.mail-no-selection .mail-detail{display:none}.mail-panel:not(.mail-no-selection) .mail-back-btn{display:flex}.mail-item{padding:10px}.mail-detail-sender{flex-wrap:wrap}}.social-feed-list{flex:1;min-height:0;overflow-y:auto;padding:10px 14px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,var(--ac-cream) 0%,var(--ac-cream-dark) 100%)}.social-feed-card{background:transparent;padding:12px 0;display:flex;flex-direction:column;gap:6px;border-bottom:1px solid rgba(0,0,0,.06)}.social-feed-card:last-child{border-bottom:none}.social-card-header{display:flex;align-items:center;gap:8px}.social-card-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.social-card-name-row{display:flex;align-items:center;justify-content:space-between;width:100%}.social-card-name{font-size:14px;font-weight:700;color:var(--ac-brown)}.social-card-mbti{font-size:9px;color:var(--theme-blue);background:rgba(var(--theme-blue-rgb),.08);padding:1px 5px}.social-card-time{font-size:10px;color:var(--ac-gray-600)}.social-card-content{font-size:13px;color:var(--ac-brown);line-height:1.6;word-break:break-word}.social-card-stats{display:flex;align-items:center;gap:14px}.social-stat-item{display:flex;align-items:center;gap:3px;font-size:12px;color:var(--ac-wood-dark);cursor:pointer;padding:3px 6px;border:1px solid transparent;-webkit-user-select:none;user-select:none}.social-stat-item:hover{background:#0000000d;border-color:var(--ac-wood)}.social-stat-item:active{transform:translate(1px,1px)}.social-stat-item.liked{color:var(--ac-danger)}.social-stat-icon{display:flex;align-items:center;justify-content:center}.social-stat-icon svg{width:14px;height:14px}.social-stat-count{font-weight:600}.social-card-comments{display:flex;flex-direction:column;gap:6px;padding:10px;background:#0000000d}.social-comment{font-size:11px;line-height:1.6;color:var(--ac-brown);word-break:break-word}.social-comment-author{font-weight:700;color:var(--ac-gray-900);cursor:pointer}.social-comment-author:hover{color:var(--theme-blue)}.social-comment-text{color:var(--ac-brown)}.social-more-comments{width:100%;padding:6px 0;background:transparent;border:none;font-size:12px;font-weight:600;color:var(--theme-blue);cursor:pointer;text-align:left}.social-more-comments:hover{background:#fffc}.social-more-comments:active{transform:translate(1px,1px)}.social-load-more{width:100%;padding:10px;background:var(--theme-blue);border:1px solid var(--theme-blue-dark);color:var(--ac-white);font-size:13px;font-weight:600;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:inset -1px -1px 0 var(--theme-blue-dark),inset 1px 1px 0 var(--theme-blue-light)}.cat-detail-popup{width:90%;max-width:380px;padding:0}.cat-detail-close{position:absolute;top:10px;right:10px;z-index:10}.cat-detail-content{padding:16px}.cat-detail-header{display:flex;gap:14px;margin-bottom:14px}.cat-detail-avatar-container{flex-shrink:0;display:flex;align-items:center;justify-content:center}.cat-detail-info{flex:1;display:flex;flex-direction:column;justify-content:center;min-width:0}.cat-detail-name{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.cat-detail-name-text{font-size:18px;font-weight:700;color:var(--ac-brown)}.cat-detail-gender{font-size:14px;font-weight:600}.cat-detail-gender.male{color:var(--ac-gender-male)}.cat-detail-gender.female{color:var(--ac-gender-female)}.cat-detail-meta{display:flex;align-items:center;gap:6px;font-size:13px;color:var(--ac-brown);margin-top:2px}.cat-detail-age{font-weight:600}.cat-detail-quote{font-size:12px;font-style:italic;color:var(--theme-green-dark);padding:6px 10px;background:rgba(var(--theme-green-rgb),.3);border-left:2px solid var(--theme-green);line-height:1.4;margin-top:6px;box-shadow:inset -1px -1px rgba(var(--theme-green-rgb),.2),inset 1px 1px rgba(var(--theme-green-rgb),.5)}.cat-detail-follow-btn{padding:4px 12px;border:1px solid var(--theme-blue);background:transparent;color:var(--theme-blue);font-size:12px;font-weight:600;cursor:pointer;margin-left:4px}.cat-detail-follow-btn:hover:not(:disabled){background:var(--theme-blue-light);box-shadow:inset -1px -1px 0 var(--theme-blue),inset 1px 1px 0 var(--ac-white)}.cat-detail-follow-btn:active:not(:disabled){transform:translate(1px,1px)}.cat-detail-follow-btn:disabled{border-color:var(--ac-gray-300);color:var(--ac-gray-400);cursor:not-allowed;opacity:.7}.cat-detail-follow-btn.following{background:var(--theme-blue);color:var(--ac-white);box-shadow:inset -1px -1px 0 var(--theme-blue-dark),inset 1px 1px 0 var(--theme-blue-light)}.cat-detail-stats{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--ac-cream-dark);margin-bottom:14px;border:1px solid var(--ac-wood)}.cat-detail-stat-item{display:flex;align-items:center;gap:6px}.cat-detail-stat-label{font-size:13px;font-weight:600;color:var(--ac-brown);flex-shrink:0}.cat-detail-stat-icon{font-size:14px;line-height:1}.cat-detail-stat-value{font-size:13px;font-weight:700;color:var(--ac-brown)}.cat-detail-intimacy-hearts{display:flex;gap:0}.cat-detail-heart{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center}.cat-detail-heart svg{width:10px;height:10px;stroke-width:2!important}.cat-detail-heart.filled svg{fill:var(--ac-gender-female)!important;stroke:var(--ac-gender-female)!important}.cat-detail-heart.empty svg{fill:none!important;stroke:var(--ac-gray-200)!important}.cat-detail-intro{font-size:13px;line-height:1.5;color:var(--ac-gray-800);padding:10px 12px;background:var(--ac-white);border:var(--ac-border-dashed)}.ac-tutorial-popup{width:90%;max-width:360px;padding:20px 16px 16px;text-align:center}.ac-tutorial-content{display:flex;flex-direction:column;align-items:center}.ac-tutorial-name{font-size:18px;font-weight:700;color:var(--ac-brown);margin-bottom:12px;text-shadow:0 1px 1px rgba(0,0,0,.1)}.ac-tutorial-desc{font-size:13px;line-height:1.6;color:var(--ac-brown);margin-bottom:16px;text-align:left;width:100%}.ac-tutorial-rewards{background:var(--ac-cream-dark);padding:12px;margin-bottom:16px;width:100%;border:var(--ac-border-dashed);box-shadow:inset -1px -1px 0 var(--ac-cream),inset 1px 1px 0 var(--ac-white)}.ac-tutorial-rewards-list .ac-gift-list{padding:0;background:transparent;border:none}.ac-tutorial-confirm{min-width:160px;padding:10px 28px}@media (max-width: 360px){.ac-tutorial-popup{width:95%;padding:18px 14px 14px}.ac-tutorial-name{font-size:16px;margin-bottom:10px}.ac-tutorial-desc{font-size:12px;margin-bottom:14px}.ac-tutorial-rewards{padding:10px;margin-bottom:14px}.ac-tutorial-rewards-list .ac-item-slot{width:50px;height:50px}}