/* Raccoon Family: warm cartoon walnut, burgundy and brass. Shared slot geometry, independent art. */
html[data-skin="raccoon"]{--accent:#61d2a0;--accent-dark:#207653;--metal:#bfa16a;--warm:#ecd3a0;--bg-catalog:url('assets/raccoon-skin/pattern.webp');--bg-tight:url('assets/raccoon-skin/pattern.webp');--bg-footer:url('assets/raccoon-skin/pattern.webp')}
html[data-skin="raccoon"] .mobile-site{background:#123e44;color:#f3f6f7;padding-bottom:calc(105px + env(safe-area-inset-bottom,0px))}
html[data-skin="raccoon"] .topbar{background:#205b62;border-bottom:1px solid #9cacb3}
html[data-skin="raccoon"] .logo{font-family:'Roboto Condensed',Arial,sans-serif;font-style:italic;letter-spacing:-1px;color:#fff;text-shadow:none}
html[data-skin="raccoon"] .topbar .contact{font-size:0;background:#286c72 url('assets/raccoon-skin/icons-generated/contact.webp') center/27px no-repeat;border:1px solid #b4c5ce}
html[data-skin="raccoon"] .hero-gradient{background:linear-gradient(0deg,#123e44 0%,#123e44d9 18%,#123e4444 42%,transparent 67%)}
html[data-skin="raccoon"] #hero-raccoon{height:100%;object-position:center 23%}
html[data-skin="raccoon"] .hero #hero-title{font-size:30px;font-weight:700;font-style:italic;letter-spacing:-.025em;text-shadow:0 3px 8px #0008;color:#fff}
html[data-skin="raccoon"] .hero p{font-size:16px;color:#eef9e8}
html[data-skin="raccoon"] .claim{background:url('assets/raccoon-skin/primary-button.webp') center/contain no-repeat}
html[data-skin="raccoon"] .claim span{left:18%;right:18%;top:28%;height:40%;background:none;border-radius:0;color:#fff;font-size:21px;font-style:italic;text-shadow:0 2px 3px #66251f}
html[data-skin="raccoon"] .main-tabs{height:48px;margin:0;padding:0;border:0;border-radius:0;background:#aabac4 url('assets/raccoon-skin/tab-material.webp') center/390px 48px no-repeat;box-shadow:none}
html[data-skin="raccoon"] .main-tabs a{color:#30434f;text-shadow:none;font-style:italic}
html[data-skin="raccoon"] .main-tabs a.active{color:#172d3a;border-bottom-color:#61d2a0;text-shadow:none}
html[data-skin="raccoon"] .main-tabs a span{font-size:0;width:26px;height:26px;background-position:center;background-repeat:no-repeat;background-size:contain;filter:brightness(.22)}
html[data-skin="raccoon"] .main-tabs a:nth-child(1) span{background-image:url('assets/raccoon-skin/icons-generated/club.webp')}
html[data-skin="raccoon"] .main-tabs a:nth-child(2) span{background-image:url('assets/raccoon-skin/icons-generated/hat.webp')}
html[data-skin="raccoon"] .main-tabs a:nth-child(3) span{background-image:url('assets/raccoon-skin/icons-generated/mask.webp')}
html[data-skin="raccoon"] .surface{background-size:auto,300px}
html[data-skin="raccoon"] .surface--tight{background-image:var(--bg-tight);background-size:300px}
html[data-skin="raccoon"] .surface--catalog{background-image:linear-gradient(#153c43a8,#153c43a8),var(--bg-catalog)}
html[data-skin="raccoon"] .surface--footer{background-image:linear-gradient(#153c43ce,#153c43ce),var(--bg-footer)}
html[data-skin="raccoon"] .shelf-heading h2,html[data-skin="raccoon"] .latest h2,html[data-skin="raccoon"] .project-promo>h2{font-style:italic;letter-spacing:.025em}
html[data-skin="raccoon"] .shelf-heading button{background:#326d73;border:1px solid #947047;color:#e8f1f4}
html[data-skin="raccoon"] .skin-card{background:none;filter:none;isolation:isolate}
html[data-skin="raccoon"] .skin-card::before{content:'';position:absolute;inset:0;background:url('assets/raccoon-skin/skin-frame.webp') center/100% 100% no-repeat;z-index:3;pointer-events:none}
html[data-skin="raccoon"] .skin-portrait{left:14.6%;top:12.25%;width:70.8%;height:71.6%;z-index:0;object-position:center 28%}
html[data-skin="raccoon"] .skin-card::after{inset:12.25% 14.6% 16%;z-index:1;background:linear-gradient(transparent 35%,#10202fe8)}
html[data-skin="raccoon"] .skin-card-title{z-index:2;top:54%;left:15%;right:15%;font-family:'Roboto Condensed',Arial,sans-serif;font-size:24px;line-height:.95;font-style:italic;letter-spacing:-.5px;color:#fff;-webkit-text-stroke:0;text-shadow:0 2px 4px #000;transform:none}
html[data-skin="raccoon"] .skin-index{z-index:4;bottom:5%;font:bold 21px 'Roboto Condensed',Arial,sans-serif;color:#f7fafa;text-shadow:0 2px 3px #000}
html[data-skin="raccoon"] .metal-box,html[data-skin="raccoon"] .art-card,html[data-skin="raccoon"] .small-banner{border:1px solid #69818c;border-image:none;border-radius:12px;box-shadow:inset 0 0 0 2px #243640,0 2px 7px #0004}
html[data-skin="raccoon"] .metal-box{background:#27616a}
html[data-skin="raccoon"] .art-card{padding:4px;overflow:hidden;background:#20515a}
html[data-skin="raccoon"] .art-card img{border-radius:7px}
html[data-skin="raccoon"] .small-banner{padding:12px 10px;font-size:14px;background:linear-gradient(#111c2310,#111c23e6),var(--asset-image) center 55%/cover;color:#fff}
html[data-skin="raccoon"] .small-banner:nth-child(2n){background-image:linear-gradient(#111c2310,#111c23e6),var(--asset-image)}
html[data-skin="raccoon"] .card-meta{color:#c6ded5}
html[data-skin="raccoon"] .streak{padding:12px 14px 16px;min-height:177px}
html[data-skin="raccoon"] .streak-top{padding:0 0 14px;color:#c6d8de}
html[data-skin="raccoon"] .streak-icon{font-size:0;width:65px;height:65px;margin:0 auto 12px;background:url('assets/raccoon-skin/icons-generated/hat.webp') center/contain no-repeat;border:0;box-shadow:none}
html[data-skin="raccoon"] .streak h2{font-size:20px;font-style:italic;font-weight:700;color:#fff}
html[data-skin="raccoon"] .streak p{margin:8px 0 0;color:#c7e4dc}
html[data-skin="raccoon"] .latest .recent{background:#24515e;border-color:#577581}
html[data-skin="raccoon"] .latest .recent-copy{font-size:17px}
html[data-skin="raccoon"] .latest .recent-copy small{color:#b2d9d6}
html[data-skin="raccoon"] .project-promo .vip-banner{background:linear-gradient(90deg,#1c4e57ef,#1c4e5755),var(--asset-image) right 20%/auto 135% no-repeat,#27616a}
html[data-skin="raccoon"] .project-promo .project-copy h3{font-style:italic;font-weight:700;color:#fff}
html[data-skin="raccoon"] .support>button,html[data-skin="raccoon"] .promo-bottom button,html[data-skin="raccoon"] .dialog-action{background:#61d2a0;color:#211d20;border:1px solid #ffa18c;border-radius:6px;box-shadow:inset 0 0 0 1px #fcb39a40;font-weight:700}
html[data-skin="raccoon"] .activity{padding:14px}
html[data-skin="raccoon"] .activity-row{padding:11px 0;gap:7px;border-color:#7895a133}
html[data-skin="raccoon"] .activity-row>span{overflow:hidden;font-size:13px}
html[data-skin="raccoon"] .activity-row b{font-size:12px;flex-shrink:0}
html[data-skin="raccoon"] .activity-row b small{background:#385361;color:#d4e4eb}
html[data-skin="raccoon"] .support{padding:18px;height:192px;isolation:isolate}
html[data-skin="raccoon"] .support img{width:143px;height:160px;bottom:40px;right:4px;object-fit:cover;object-position:center 12%;border-radius:14px;mask-image:linear-gradient(90deg,transparent,#000 28%)}
html[data-skin="raccoon"] .support h3{font-size:25px;color:#fff}
html[data-skin="raccoon"] .support p{font-size:14px;color:#cce9e0;margin-top:12px}
html[data-skin="raccoon"] .support>button{left:16px;right:16px;bottom:16px;height:40px}
html[data-skin="raccoon"] .presentation{padding:12px;gap:10px}
html[data-skin="raccoon"] .app-icon{font-size:0;width:42px;height:42px;border:0;background:url('assets/raccoon-skin/icons-generated/key.webp') center/contain no-repeat}
html[data-skin="raccoon"] .presentation em{color:#b4ccd5}
html[data-skin="raccoon"] .presentation b{background:#e1eaf0;color:#1f3343;padding:6px 10px}
html[data-skin="raccoon"] .footer-wordmark{font-family:'Roboto Condensed',Arial,sans-serif;font-size:40px;font-style:italic;letter-spacing:-1px;color:#eaf2f5;text-shadow:0 3px #273c4a}
html[data-skin="raccoon"] .formats{color:#b2dcce}
html[data-skin="raccoon"] .final-scene,html[data-skin="raccoon"] .footer-badges,html[data-skin="raccoon"] .copyright,html[data-skin="raccoon"] .footer-actions{background:#102e36}
html[data-skin="raccoon"] .final-scene img{aspect-ratio:2/3;object-fit:cover;mask-image:linear-gradient(#000 87%,transparent)}
html[data-skin="raccoon"] .footer-actions button,html[data-skin="raccoon"] .footer-actions a{background:#253d4c;border-color:#adbdc6;color:#f3e5dd}
html[data-skin="raccoon"] .ornament{background:#123e44}
html[data-skin="raccoon"] .ornament .separator-left{background-image:url('assets/raccoon-skin/separator-left.webp')}
html[data-skin="raccoon"] .ornament .separator-middle{background-image:url('assets/raccoon-skin/separator-middle.webp');background-size:var(--raccoon-separator-width,360px) 26px}
html[data-skin="raccoon"] .ornament .separator-right{background-image:url('assets/raccoon-skin/separator-right.webp')}
html[data-skin="raccoon"] .bottom-nav{height:100px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:0;border-radius:0;background:none;box-shadow:none;padding:0 25px;isolation:isolate;bottom:env(safe-area-inset-bottom,0px)}
html[data-skin="raccoon"] .bottom-nav::before{content:'';position:absolute;left:0;right:0;bottom:0;height:70px;z-index:-1;background:url('assets/raccoon-skin/dock-base.webp') center bottom/contain no-repeat;pointer-events:none}
html[data-skin="raccoon"] .bottom-nav a,html[data-skin="raccoon"] .bottom-nav button,html[data-skin="raccoon"] .bottom-nav .main-contact{position:relative;display:block;min-width:0;width:100%;height:100px;min-height:44px;padding:0;margin:0;background:none;color:#f2f5f6;font-size:12px;font-weight:500}
html[data-skin="raccoon"] .bottom-nav a span:first-child{position:absolute;font-size:0;width:32px;height:32px;left:50%;bottom:20px;transform:translateX(-50%);background-position:center;background-size:contain;background-repeat:no-repeat}
html[data-skin="raccoon"] .bottom-nav a:nth-child(1) span:first-child{background-image:url('assets/raccoon-skin/icons-generated/club.webp')}
html[data-skin="raccoon"] .bottom-nav a:nth-child(2) span:first-child{background-image:url('assets/raccoon-skin/icons-generated/hat.webp')}
html[data-skin="raccoon"] .bottom-nav a:nth-child(4) span:first-child{background-image:url('assets/raccoon-skin/icons-generated/mask.webp')}
html[data-skin="raccoon"] .bottom-nav a:nth-child(5) span:first-child{background-image:url('assets/raccoon-skin/icons-generated/money.webp')}
html[data-skin="raccoon"] .bottom-nav .main-contact::before{content:'';position:absolute;left:50%;top:9px;transform:translateX(-50%);width:62px;height:62px;background:url('assets/raccoon-skin/dock-medallion.webp') center/contain no-repeat;pointer-events:none}
html[data-skin="raccoon"] .bottom-nav .main-contact span:first-child{position:absolute;font-size:0;width:38px;height:38px;left:50%;top:21px;bottom:auto;transform:translateX(-50%);border:0;border-radius:0;box-shadow:none;background:transparent url('assets/raccoon-skin/icons-generated/contact.webp') center/contain no-repeat}
html[data-skin="raccoon"] .bottom-nav a .nav-label,html[data-skin="raccoon"] .bottom-nav .main-contact .nav-label{position:absolute;inset:auto 0 9px;display:block;width:auto;height:14px;transform:none;margin:0;padding:0;border:0;box-shadow:none;background:none;font-size:12px;line-height:14px;text-align:center;color:inherit;white-space:nowrap}
html[data-skin="raccoon"] .bottom-nav .main-contact .nav-label{font-weight:700;color:#ffb0a1}
html[data-skin="raccoon"] dialog{background:#1c4e57;border-color:#aabfc9}

html[data-skin="raccoon"]{--raccoon-separator-width:422.0px}

/* Flat full-width tabs: sample paint only, without the sheet's outer frame. */
html[data-skin="raccoon"] #hero-raccoon{object-position:center top}
html[data-skin="raccoon"] .surface{background-blend-mode:normal}
html[data-skin="raccoon"] .surface--tight{background-image:linear-gradient(#153c4366,#153c4366),var(--bg-tight);background-size:auto,300px}
html[data-skin="raccoon"] .surface--catalog{background-image:linear-gradient(#153c43c9,#153c43c9),var(--bg-catalog)}

/* This skin's motifs are local to the raccoon world, not reusable decoration rules. */
html[data-skin="raccoon"]{--accent:#66d5a1;--metal:#bb985c;--warm:#e9c78e}
html[data-skin="raccoon"] .logo{font-family:Georgia,serif;font-style:normal;color:#fff3d9}
html[data-skin="raccoon"] .hero #hero-title{font-style:normal;font-size:28px;letter-spacing:-.025em;color:#fff0cd}
html[data-skin="raccoon"] .hero-gradient{background:linear-gradient(0deg,#123e44 0%,#123e44dc 18%,#123e4440 42%,transparent 67%)}
html[data-skin="raccoon"] .claim span{font-style:normal;color:#eeffe9;text-shadow:0 2px 3px #164d37}
html[data-skin="raccoon"] .main-tabs{background-color:#3f9292}
html[data-skin="raccoon"] .main-tabs a{font-style:normal;color:#dbc19a}
html[data-skin="raccoon"] .main-tabs a.active{color:#b3ffd4;border-bottom-color:#67d4a1}
html[data-skin="raccoon"] .main-tabs a span{filter:none}
html[data-skin="raccoon"] .skin-card-title{font-size:21px;font-weight:900;font-style:normal;line-height:1;color:#ffeac0}
html[data-skin="raccoon"] .skin-card::after{background:linear-gradient(transparent 35%,#153e48ec)}
html[data-skin="raccoon"] .shelf-heading h2,html[data-skin="raccoon"] .latest h2,html[data-skin="raccoon"] .project-promo>h2{font-style:normal}
html[data-skin="raccoon"] .metal-box,html[data-skin="raccoon"] .art-card,html[data-skin="raccoon"] .small-banner{border-color:#b6d2bd;box-shadow:inset 0 0 0 2px #38717a,0 2px 7px #0004}
html[data-skin="raccoon"] .latest .recent{border-color:#90b7a8}
html[data-skin="raccoon"] .streak h2,html[data-skin="raccoon"] .project-promo .project-copy h3{font-style:normal;color:#ffebc2}
html[data-skin="raccoon"] .support>button,html[data-skin="raccoon"] .promo-bottom button,html[data-skin="raccoon"] .dialog-action{background:#64c59a;color:#17372a;border-color:#a0e6b5}
html[data-skin="raccoon"] .activity-row b small{background:#39737b;color:#e8f7db}
html[data-skin="raccoon"] .presentation b{background:#ffbc97;color:#20434b}
html[data-skin="raccoon"] .footer-wordmark{font-family:Georgia,serif;font-style:normal;font-size:36px;color:#fff1d3;text-shadow:0 2px #1b5663}
html[data-skin="raccoon"] .footer-actions button,html[data-skin="raccoon"] .footer-actions a{background:#286673;border-color:#b8d6bc;color:#fff0d9}
html[data-skin="raccoon"] .bottom-nav .main-contact .nav-label{color:#a6edc7}

html[data-skin="raccoon"]{--raccoon-separator-width:369.0px}

/* V2: lively comedy caper; quiet surfaces, bright expressive art. */
html[data-skin="raccoon"]{--accent:#ffc08e;--accent-dark:#de7259;--metal:#d4dfca;--warm:#fff0c8}
html[data-skin="raccoon"] .logo{font-family:'Roboto Condensed',Arial,sans-serif;font-weight:900;font-style:italic}
html[data-skin="raccoon"] .surface--tight{background-image:linear-gradient(#16464a55,#16464a55),var(--bg-tight)}
html[data-skin="raccoon"] .surface--catalog{background-image:linear-gradient(#123a4280,#123a4280),var(--bg-catalog)}
html[data-skin="raccoon"] .hero #hero-title{font-weight:900;font-style:italic;color:#fff8e9}
html[data-skin="raccoon"] .claim span{color:#fff8e7;text-shadow:0 2px 3px #943c38}
html[data-skin="raccoon"] .main-tabs a{color:#e1f7e8}
html[data-skin="raccoon"] .main-tabs a.active{color:#ffdab0;border-bottom-color:#ffb58c}
html[data-skin="raccoon"] .skin-card-title{color:#fff5db}
html[data-skin="raccoon"] .support>button,html[data-skin="raccoon"] .promo-bottom button,html[data-skin="raccoon"] .dialog-action{background:#ff927e;color:#24454a;border-color:#ffd2b6}
html[data-skin="raccoon"] .bottom-nav .main-contact .nav-label{color:#ffe2ba}

html[data-skin="raccoon"]{--raccoon-separator-width:405.5px}