#home.spray-home{min-height:100dvh;background:radial-gradient(ellipse at 5% 0%,#5a202b80,transparent 48%),#0c0d10;overflow:hidden;display:block;color:#f4f3f5}
#home .home-header{max-width:1120px;width:100%;margin:auto;padding:28px 40px;height:100px;border:0;display:flex;justify-content:space-between;align-items:center}#home .home-logo{width:145px}#home .home-actions{display:flex;gap:14px;align-items:center}#home .home-btn{min-height:44px}
.spray-hub{max-width:1120px;margin:30px auto 70px;padding:0 40px}.spray-hub h1{font-size:42px;letter-spacing:-1px;font-weight:650;margin:0 0 42px}.spray-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:38px 24px;padding:18px 0 30px;perspective:1200px}
#home .menu-spray{width:100%;height:270px;position:relative;text-align:left;padding:0;isolation:isolate;border-radius:24px;background:transparent!important;overflow:visible;border:0;color:#f4f3f5}#home .menu-spray::before{border-radius:24px;background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#493c28,#1e202a 85%);border:1px solid #ffffff23;transition:border-color .3s}#home .bunny-card::before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#28485d,#171d28 85%)}#home .omen-card::before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#493346,#1c1925 85%)}#home .menu-spray::after{border-radius:24px;pointer-events:none}#home .menu-spray:hover::before,#home .menu-spray:focus-visible::before{border-color:#ffffff60}
#home .menu-spray>.spray-art{width:calc(100% + 20px);height:215px;object-fit:contain;position:absolute;top:-22px;left:50%;mask-image:none;transform:translateX(-50%);filter:brightness(.72) saturate(.85) drop-shadow(0 12px 20px #0005);pointer-events:none;transition:filter .4s,transform .5s var(--ease)}#home .menu-spray:hover>.spray-art,#home .menu-spray:focus-visible>.spray-art{filter:brightness(1.05) saturate(1.05) drop-shadow(0 16px 24px #0005);transform:translateX(-50%) translateY(-8px)}#home .agent-card-bottom{bottom:20px;left:20px;right:15px}#home .agent-card-bottom strong{font-size:20px;font-weight:600}#home .agent-skills{font-size:13px;margin-top:6px;color:#b7b0c0}#home .menu-spray:focus-visible{outline:2px solid #ff4655;outline-offset:6px}

#home .bruno-card::before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#514137,#211d27 85%)}#home .hehe-card::before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#3b354f,#201b2c 85%)}#home .pengu-card::before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#294749,#17272b 85%)}#home .tactibear-card::before{background:radial-gradient(circle at var(--light-x,50%) var(--light-y,25%),#513241,#271b26 85%)}
@media(max-width:1000px){.spray-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spray-hub{padding:0 28px}#home .home-header{padding:22px 28px}}
@media(max-width:700px){.spray-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 18px}.spray-hub{padding:0 20px;margin-top:24px}.spray-hub h1{font-size:30px;margin-bottom:36px}#home .home-header{height:82px;padding:18px 20px}#home .home-logo{width:120px}#home .menu-spray{height:225px}#home .menu-spray>.spray-art{height:180px;top:-20px}#home .agent-card-bottom{left:15px;right:12px;bottom:15px}#home .agent-card-bottom strong{font-size:17px}#home .agent-enter{width:17px}#home .agent-skills{font-size:12px;margin-top:5px}}
@media(max-width:350px){.spray-grid{gap:28px 12px}.spray-hub{padding:0 14px}#home .agent-card-bottom strong{font-size:15px}#home .agent-card-bottom{left:12px;right:9px}}
@media(hover:none){#home .menu-spray>.spray-art{filter:brightness(.95)}}
@media(prefers-reduced-motion:reduce){#home .menu-spray,#home .menu-spray>.spray-art{transition:none!important}#home .menu-spray:hover>.spray-art{transform:translateX(-50%)}}