:root{--pink:#ef579c;--blue:#5bb8db;--ink:#45445b;--paper:#fff;--red:#ec629a;--muted:#8b8a9b;--line:#e8e5ee}body{background:#fff;font-family:'Microsoft YaHei',Arial,sans-serif}h1,h2,h3{font-family:inherit}header{height:64px;background:#ffffffdc;border:0;padding:0 3%;box-shadow:0 1px 12px #3333330b;backdrop-filter:blur(12px);position:fixed;width:100%;top:0}.new-logo{font-size:31px;font-weight:900;font-style:italic;letter-spacing:3px;color:#e6498b;text-shadow:2px 2px white}.new-logo span{color:#5eadd3}.new-logo small{display:block;font-size:7px;letter-spacing:2px;text-align:center;color:#9d9bb4}.nav-cta{background:var(--pink);border-radius:25px;padding:10px 24px;font-size:12px;color:white}.nav-cta b{margin-left:12px}nav{gap:34px;font-weight:700;font-size:12px}nav a:hover{color:var(--pink)}.new-hero{height:830px;min-height:690px;max-height:1100px;position:relative;overflow:hidden;background:#fff6fa}.hero-stage{position:absolute;inset:0;background:radial-gradient(ellipse at 25% 30%,#fff 10%,transparent 70%),linear-gradient(125deg,#ebf7ff,#ffeff5 55%,#f5e7ff)}.hero-stage:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0,transparent 70px,#fff9 70px,#fff9 71px);mask-image:linear-gradient(#000,transparent)}.hero-native{position:absolute;inset:80px 0 0;display:flex;justify-content:center;align-items:center;gap:0;padding-left:25%;transform:rotate(-5deg);opacity:.98}.hero-native img{width:27%;max-height:650px;object-fit:contain;mix-blend-mode:multiply;margin-left:-7%;filter:drop-shadow(6px 12px 0 #b5d2ed40);animation:floatCat 7s ease-in-out infinite;transform-origin:bottom center}.hero-native img:nth-child(2){z-index:2;animation-delay:-2s;margin-top:90px}.hero-native img:nth-child(3){z-index:3;animation-delay:-4s;margin-top:-40px}.hero-native img:nth-child(4){animation-delay:-1s;margin-top:60px}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,#fffc 0%,#fffa 18%,transparent 55%),linear-gradient(0deg,#fff 0%,transparent 20%);pointer-events:none}.hero-title{position:absolute;top:25%;left:7%;z-index:3;width:45%;text-align:center}.hero-title>p{font-size:16px;font-weight:bold;color:#7f7f99;text-shadow:0 2px white;letter-spacing:2px}.hero-title h1{font-size:120px;line-height:1;margin:20px 0 30px;font-style:italic;color:#ef619b;letter-spacing:4px;text-shadow:3px 3px white,-3px 3px white,3px -3px white,-3px -3px white,0 6px 0 #c5d9ed;font-weight:900}.hero-title h1 span{color:#6dbbdf}.hero-title h1 small{display:block;font-size:13px;letter-spacing:6px;margin-top:18px;color:#c589bd;font-style:normal;text-shadow:1px 1px white}.hero-subtitle{font-size:20px;letter-spacing:3px;font-weight:bold;text-shadow:2px 2px white;margin-bottom:30px}.pink-button,.blue-button{display:inline-flex;justify-content:space-between;gap:30px;align-items:center;background:linear-gradient(#fc84b3,#ef5899);border:3px solid white;border-radius:9px;color:white;padding:17px 24px;font-size:14px;font-weight:bold;box-shadow:0 4px 0 #d1417e,0 6px 12px #dc7ca040;margin:5px;transition:transform .2s}.blue-button{background:linear-gradient(#7ccce9,#5cb0d4);box-shadow:0 4px 0 #4390b5,0 6px 12px #659bbb40}.pink-button:hover,.blue-button:hover{transform:translateY(-4px)}.hero-control{position:absolute;right:25px;bottom:175px;display:flex;flex-direction:column;align-items:end;gap:12px;z-index:4}.hero-control button{border:1px solid #fff;background:#ffffffab;padding:8px 14px;color:#737a99;border-radius:25px;font-size:10px}.hero-control small{font-size:8px;background:#ffffffb0;padding:6px;color:#9290a0}.hero-shortcuts{position:absolute;bottom:35px;left:15%;right:15%;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;z-index:5}.hero-shortcuts a{background:linear-gradient(135deg,#ffffffed,#e0f5ffed);border:4px solid white;box-shadow:0 4px 10px #7b87a333;border-radius:8px;padding:17px 20px;position:relative;overflow:hidden;transition:transform .2s}.hero-shortcuts a:hover{transform:translateY(-5px)}.hero-shortcuts a:nth-child(2){background:linear-gradient(135deg,#fff,#f9e4f0)}.hero-shortcuts a:nth-child(3){background:linear-gradient(135deg,#fff,#e5e6fe)}.hero-shortcuts span{display:block;font-size:10px;color:#849dc4;letter-spacing:2px;margin-bottom:8px}.hero-shortcuts b{font-size:18px;color:#6e7498}.hero-shortcuts em{position:absolute;right:15px;top:22px;background:#fff;color:var(--pink);border-radius:50%;padding:0 9px;font-size:25px}.petals i{width:14px;height:22px;border-radius:90% 10% 80% 20%;background:#ffb8d6aa;position:absolute;top:-10%;left:20%;animation:fallPetal 12s linear infinite}.petals i:nth-child(2){left:70%;animation-delay:-2s}.petals i:nth-child(3){left:40%;animation-delay:-5s}.petals i:nth-child(4){left:90%;animation-delay:-8s}.petals i:nth-child(5){left:60%;animation-delay:-10s}.petals i:nth-child(6){left:10%;animation-delay:-3s}@keyframes floatCat{0%,100%{transform:translateY(0) rotate(1deg)}50%{transform:translateY(-18px) rotate(-1deg)}}@keyframes fallPetal{to{transform:translate(100px,1000px) rotate(420deg)}}.motion-paused *{animation-play-state:paused!important}.news-area{padding:60px 8% 90px;display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:28px;background:linear-gradient(#fff,#f5f4fc);max-width:1400px;margin:auto}.news-board{border-radius:15px;background:repeating-linear-gradient(135deg,#f0eff5 0,#f0eff5 2px,#f7f6fa 2px,#f7f6fa 5px);box-shadow:0 8px 18px #645a8220;overflow:hidden}.news-board h2{font-size:13px;padding:22px 28px 8px;margin:0;color:#8e839f}.news-board h2 span{font-size:27px;color:#e879a7;letter-spacing:3px;margin-right:20px}.news-tabs{display:flex;gap:12px;padding:10px 28px 22px}.news-tabs button{border:0;background:white;color:#7b7789;border-radius:20px;padding:5px 26px;font-size:10px}.news-tabs button.active{background:var(--pink);color:white}.news-row{display:flex;align-items:center;gap:12px;margin:0 28px 12px;background:white;border-top:2px solid #f3a2c4;padding:15px;font-size:11px}.news-row time{color:#aa9baf;white-space:nowrap}.news-row span{background:#e79fbb;color:white;font-size:8px;padding:3px 8px}.news-row b{font-weight:400;flex:1;font-size:12px}.news-row i{color:var(--pink);font-size:20px}.news-more{display:block;text-align:center;background:#ed80b0;color:white;padding:14px;font-size:12px}.side-banners{display:flex;flex-direction:column;gap:16px;padding-top:30px}.side-banners a{border:3px solid white;background:linear-gradient(120deg,#eec978,#eea940);border-radius:12px;color:white;padding:20px;position:relative;box-shadow:0 4px 10px #aaa2b333;transition:transform .2s}.side-banners a:hover{transform:translateX(5px)}.side-banners a:nth-child(2){background:linear-gradient(120deg,#98c89b,#6eaa83)}.side-banners a:nth-child(3){background:linear-gradient(120deg,#8bc5e4,#669dc7)}.side-banners b{font:26px Georgia;display:block}.side-banners span{font-size:10px}.side-banners i{position:absolute;right:15px;bottom:20px;font-size:20px}.title-center{text-align:center;margin-bottom:40px}.title-center small{font-size:12px;letter-spacing:5px;color:#b39abf}.title-center h2{font-size:36px;letter-spacing:3px;font-weight:500;margin:18px 0;color:#69657c}.title-center h2 span{color:var(--pink)}.title-center p{font-size:13px;color:#9c92a5;line-height:2}.about-section{padding:70px 8% 85px;background:radial-gradient(ellipse at bottom,#fce6f4,#fff 70%)}.about-points{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1150px;margin:auto;text-align:center}.about-points article{border-top:1px solid #eddaea;padding-top:20px}.about-points article>b{font:italic 32px Georgia;color:#eab0ce}.about-points h3{font-size:20px;font-weight:400;color:#85718f}.about-points p{font-size:12px;color:#a18f9e}.wiki-section{padding:75px 6%;background:#f0f2f8}.wiki-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:25px;max-width:1300px;margin:auto}.wiki-panel{background:white;border:1px solid #dfe4f0;border-radius:8px;overflow:hidden;margin-bottom:22px;box-shadow:0 3px 8px #68749908;scroll-margin-top:84px}.wiki-panel>h3{margin:0;background:linear-gradient(100deg,#787fa9,#9ca7ce);color:white;padding:13px 20px;font-size:15px;letter-spacing:2px;font-weight:500;border-left:4px solid #ee81ac}.wiki-panel h3 small{font-size:9px;letter-spacing:2px;margin-left:15px;color:#e1e4f0}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#eaeaf2;padding:1px}.quick-grid a{background:white;font-size:12px;padding:18px 8px;text-align:center;color:#7d7896;transition:background .2s}.quick-grid a:hover{background:#fff0f7;color:var(--pink)}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);padding:20px;gap:15px}.guide-links a{display:flex;align-items:center;gap:12px;font-size:20px;color:#c4b1c8}.guide-links b{font:italic 30px Georgia;color:#dcbdcf}.guide-links span{font-size:12px;color:#736b83}.guide-links small{display:block;font-size:9px;margin-top:7px;line-height:1.7;color:#a29bac}.catalog-filters{padding:20px;display:flex;gap:10px}.catalog-filters input{flex:1;min-width:80px}.catalog-filters input,.catalog-filters select{padding:10px;font-size:11px;border:1px solid #dddfea;background:#fcfcff;border-radius:5px;color:#78728d}.catalog-notice{font-size:10px;color:#a49aad;padding:0 20px;margin-top:-5px}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:10px 20px}.cat-card{border:1px solid #e4e3ef;border-radius:7px;overflow:hidden;background:#fdfcff}.cat-card-head{background:linear-gradient(120deg,#e8edf8,#f9e8f3);display:flex;align-items:center;gap:10px;padding:14px}.cat-monogram{width:38px;height:38px;display:grid;place-items:center;border:2px solid white;border-radius:50%;background:#c9c8e1;color:white;font:20px serif}.cat-card h4{margin:0;font-size:12px;font-weight:500;color:#766c89}.cat-card small{display:block;font-size:9px;color:#a094ab;margin-top:6px}.cat-stats{display:flex;justify-content:space-between;padding:13px 10px;font-size:9px;color:#a29aad}.cat-stats b{display:block;margin-top:5px;font-size:12px;color:#7e7590;font-weight:400}.catalog-pager{display:flex;gap:20px;justify-content:center;align-items:center;padding:20px;font-size:10px;color:#a697ac}.catalog-pager button{border:1px solid #ddd7e6;border-radius:4px;color:#9b7c9b;background:white;padding:7px 12px;font-size:10px}.catalog-pager button:disabled{opacity:.35;cursor:default}.skill-entry{margin:0 20px;border-bottom:1px solid #eee8f0;padding:15px 0}.skill-entry summary{font-size:12px;cursor:pointer;color:#746780;display:flex;justify-content:space-between;gap:15px}.skill-entry summary small{font-size:10px;color:#b49bb1}.skill-entry p{font-size:11px;color:#9e91a3;margin-bottom:0}.wiki-sidebar>.wiki-panel>p{font-size:11px;color:#92899f;padding:0 18px;line-height:1.9}.wiki-sidebar details{margin:0 18px;border-bottom:1px solid #ece8f0;padding:15px 0}.wiki-sidebar summary{font-size:12px;color:#8d7e99;cursor:pointer}.wiki-sidebar details p{font-size:11px;color:#a298ad}.sim-banner{background:linear-gradient(135deg,#f4d1e3,#c4d8f7);padding:22px;display:block;text-align:center}.sim-banner strong{font-size:26px;letter-spacing:3px;color:#fff;text-shadow:1px 2px #b9accc}.sim-banner span{display:block;font-size:11px;letter-spacing:2px;color:#a186aa;margin:15px 0}.sim-banner b{display:block;border-radius:20px;background:#fff9;font-size:11px;padding:10px;color:#ae88a8}.native-gallery{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:20px}.native-gallery figure{margin:0;text-align:center}.native-gallery img{width:100%;height:150px;object-fit:contain;transition:transform .3s}.native-gallery img:hover{transform:scale(1.08)}.native-gallery figcaption{font-size:10px;color:#9c819d;margin-top:8px}.art-provenance{font-size:9px;color:#aaa0b2;padding:0 20px 15px;text-align:center}.sim-section{background:linear-gradient(#fff,#f8f2fc)}.sim-section .section-heading h2{font-family:inherit}.builder,.team-summary{border-radius:10px}.team-summary{background:#8787ac;color:white}.team-summary .eyebrow{color:#eac4db}.formula{color:#eee5f4}.formula b{color:white}.result-strip{background:#f6eaf3;border-radius:7px}.slot{background:#f5f3fa;border-color:#dad2e7;border-radius:6px}.slot.active{background:#f8e4f0;border-color:#e58cb7;box-shadow:inset 0 -3px #e58cb7}.field input,.field select{border-radius:5px;border-color:#dfd8e8}.slot .cat-symbol{color:#c598c1}.formula code{background:#ffffff20}footer{background:#fbf9fe}.section{max-width:1400px}body .hero-stage .native-caption{display:none}@media(max-width:1000px){.new-hero{height:740px}.hero-title{left:3%;width:50%}.hero-title h1{font-size:100px}.hero-native{padding-left:20%}.hero-native img{width:32%}.hero-shortcuts{left:7%;right:7%}.hero-subtitle{font-size:16px}.news-area{padding:50px 6%;grid-template-columns:1fr 210px}.wiki-layout{grid-template-columns:minmax(0,1fr) 230px;gap:16px}.cat-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.guide-links{grid-template-columns:1fr}.native-gallery{grid-template-columns:repeat(3,1fr)}.catalog-filters{flex-wrap:wrap}.catalog-filters input{width:100%;flex-basis:100%}}@media(max-width:740px){header{height:58px;padding:0 5%}.new-logo{font-size:25px}.new-hero{height:820px}.hero-native{inset:90px -15% auto;padding:0;transform:rotate(-4deg);height:360px;align-items:center}.hero-native img{width:36%;max-height:370px;margin-left:-12%}.hero-native img:first-child{margin-left:0}.hero-native img:nth-child(2){margin-top:20px}.hero-native img:nth-child(3){margin-top:-20px}.hero-glow{background:linear-gradient(0deg,#fff 0%,#fff 25%,transparent 58%)}.hero-title{top:415px;left:5%;width:90%}.hero-title>p{font-size:10px;letter-spacing:1px;margin:0}.hero-title h1{font-size:66px;margin:10px 0 20px}.hero-title h1 small{font-size:9px;letter-spacing:4px;margin-top:10px}.hero-subtitle{font-size:13px;margin-bottom:12px}.pink-button,.blue-button{padding:12px 15px;font-size:11px;gap:15px;margin:3px}.hero-control{bottom:auto;top:370px;right:10px}.hero-control small{font-size:7px}.hero-shortcuts{left:5%;right:5%;bottom:20px;gap:7px}.hero-shortcuts a{padding:12px 8px;border-width:2px}.hero-shortcuts span{font-size:6px;letter-spacing:1px}.hero-shortcuts b{font-size:10px}.hero-shortcuts em{display:none}.news-area{grid-template-columns:1fr;padding:40px 5%;gap:15px}.side-banners{flex-direction:row;gap:10px;padding-top:0}.side-banners a{flex:1;padding:15px 8px;border-width:2px}.side-banners b{font-size:14px}.side-banners span{font-size:8px}.side-banners i{display:none}.news-row{margin:0 15px 10px;padding:12px;flex-wrap:wrap;gap:6px}.news-row b{font-size:11px;flex-basis:90%}.news-row time{font-size:9px}.news-tabs{padding:10px 20px 18px}.title-center h2{font-size:25px;letter-spacing:1px}.title-center p{font-size:11px}.title-center small{font-size:10px}.about-section{padding:45px 6%}.about-points{grid-template-columns:1fr;gap:12px}.about-points article{display:grid;grid-template-columns:50px 1fr;align-items:center;text-align:left}.about-points h3{font-size:17px}.about-points p{grid-column:2;margin:0;font-size:11px}.wiki-section{padding:45px 4%}.wiki-layout{grid-template-columns:1fr}.wiki-sidebar{display:grid;grid-template-columns:1fr;gap:0}.wiki-panel>h3{font-size:14px}.cat-grid{padding:10px;gap:8px}.cat-card-head{padding:10px 7px;gap:6px}.cat-card h4{font-size:10px}.cat-card small{font-size:8px}.cat-monogram{width:28px;height:28px;font-size:16px}.cat-stats{padding:10px 7px}.cat-stats b{font-size:10px}.native-gallery{grid-template-columns:repeat(5,1fr);padding:12px;gap:5px}.native-gallery img{height:95px}.native-gallery figcaption{font-size:8px}.guide-links{grid-template-columns:1fr}.sim-section .section-heading h2{font-size:27px}.catalog-filters{padding:15px}.wiki-sidebar .sim-banner{padding:15px}.sim-banner strong{font-size:20px}.wiki-sidebar .wiki-panel{margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[hidden]{display:none!important}
@media(min-width:1100px){.hero-title{left:3%;width:41%}.hero-native{padding-left:38%}.hero-native img{width:30%;margin-left:-11%}}
.scenario-panel{position:absolute;right:14%;top:90px;height:590px;z-index:2;transform:rotate(-4deg);filter:drop-shadow(0 12px 10px #bb8da62a)}.scenario-panel video{height:100%;max-width:100%;object-fit:contain;border:8px solid white;border-radius:4px;background:#fff}.scenario-panel>span{position:absolute;bottom:18px;left:20px;background:#fff9;padding:6px 10px;font-size:9px;color:#9d84a3}.hero-native{opacity:.45}.hero-native img:first-child{visibility:hidden}.hero-glow{z-index:2;pointer-events:none}.hero-title{z-index:3}.hero-control{z-index:5}@media(max-width:1000px){.scenario-panel{right:8%;height:520px;top:110px}}@media(max-width:740px){.scenario-panel{right:25%;top:80px;height:330px;transform:rotate(-3deg)}.scenario-panel video{border-width:4px}.scenario-panel>span{bottom:10px;left:10px;font-size:7px;padding:4px}.hero-native{opacity:.65}.hero-glow{z-index:2}}
.cat-card-head{align-items:center;min-height:102px}.portrait-button{padding:0;border:2px solid white;border-radius:6px;width:65px;height:80px;background:#fff;overflow:hidden;flex-shrink:0;box-shadow:0 2px 4px #aa9cb722;transition:transform .2s}.portrait-button:hover{transform:scale(1.06)}.portrait-button img{width:100%;height:100%;object-fit:contain}.no-art{opacity:.55}.slot-portrait{display:block;height:68px;max-width:85px;object-fit:contain;margin:0 auto 8px}.selected-art{display:flex;gap:15px;align-items:center;border:1px solid #e7dce9;background:#fff;margin-top:18px;border-radius:6px;padding:8px 15px;color:#ad86a7;font-size:12px}.selected-art img{height:75px;max-width:85px;object-fit:contain}#art-dialog{border:0;border-radius:15px;box-shadow:0 20px 90px #2b193d55;max-width:min(90vw,800px);max-height:90vh;padding:24px 35px;background:#fffaff;color:#87708e;text-align:center}#art-dialog::backdrop{background:#312944ba;backdrop-filter:blur(6px)}#art-dialog h2{font-size:18px;margin:8px 30px 20px}#art-large{display:block;max-width:100%;max-height:65vh;object-fit:contain;margin:auto}#art-caption{font-size:10px;margin-bottom:0}#art-close{position:absolute;right:14px;top:8px;border:0;background:transparent;color:#c38aa9;font-size:30px;padding:5px 10px}@media(max-width:740px){.portrait-button{width:48px;height:60px}.cat-card-head{min-height:85px}.slot-portrait{height:50px;max-width:55px}.selected-art img{height:60px}#art-dialog{padding:20px 15px}.cat-card h4{line-height:1.6}}
.formation-controls{display:flex;gap:20px;align-items:end;margin:22px 0 15px;padding-top:20px;border-top:1px solid #eee1ed}.formation-controls .field{min-width:180px}.formation-controls p{font-size:10px;color:#b38ba8;margin:0 0 7px}#formation-board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(3,64px);gap:8px;background:repeating-linear-gradient(0deg,#eee8f233 0,#eee8f233 1px,transparent 1px,transparent 72px),repeating-linear-gradient(90deg,#eee8f233 0,#eee8f233 1px,transparent 1px,transparent 20%);border:1px solid #eee3ed;padding:10px}.formation-position{border:1px dashed #d8c9df;background:#fff9;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:8px;color:#b09cbb}.formation-position.active{border-style:solid;border-color:#e588b3;background:#fff0f7}.formation-position img{width:44px;height:44px;object-fit:contain}.formation-position small{font-size:8px}.formation-result{font-size:11px;color:#a88caa;padding:12px 0;line-height:1.8}.formation-result small{display:block;color:#b9a8be;font-size:9px}@media(max-width:740px){.formation-controls{display:block}.formation-controls p{margin-top:12px}.formation-position{padding:2px;gap:2px;flex-direction:column}.formation-position img{width:34px;height:34px}#formation-board{grid-template-rows:repeat(3,58px);gap:4px}}
body:not([data-route="home"]) main{padding-top:64px;min-height:calc(100vh - 140px)}.route-active{color:var(--pink)}.wiki-layout.single-view{grid-template-columns:1fr;max-width:1200px}.single-view .cat-grid{grid-template-columns:repeat(4,1fr)}.single-view .wiki-sidebar{max-width:900px;width:100%;margin:auto}.art-carousel{overflow:hidden;position:relative;background:radial-gradient(ellipse at 75% 30%,#fce7f2,#f1f5ff)}.art-track{display:flex;transition:transform .7s ease}.art-slide{flex:0 0 100%;display:flex;gap:40px;align-items:center;justify-content:center;padding:25px 45px;min-height:330px}.banner-art{background:none;border:0;cursor:zoom-in}.banner-art img{height:280px;max-width:100%;object-fit:contain;mix-blend-mode:multiply}.art-slide>div{min-width:180px}.art-slide small{font-size:9px;letter-spacing:2px;color:#c09ab9}.art-slide h4{font-size:29px;font-weight:400;letter-spacing:3px;color:#9b7398;margin:16px 0}.art-slide p{font-size:11px;color:#b598af}.art-slide>div>span{font:italic 24px Georgia;color:#d1a8c5}.carousel-arrow{position:absolute;top:45%;border:0;border-radius:50%;width:32px;height:32px;background:#fff;color:#c590b4;font-size:25px}.carousel-arrow.prev{left:15px}.carousel-arrow.next{right:15px}.carousel-dots{display:flex;justify-content:center;gap:10px;padding:15px}.carousel-dots button{border:1px solid #e4d3e0;background:#fff;color:#bd9bb2;border-radius:20px;font-size:9px;width:25px;height:25px}.carousel-dots button.active{background:#ed8ab4;color:white;border-color:#ed8ab4}.carousel-dots #art-autoplay{width:auto;padding:0 12px;font-size:9px}@media(max-width:900px){nav{gap:15px;font-size:11px}.single-view .cat-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:740px){header nav{display:flex;position:fixed;top:58px;left:0;right:0;background:#fffffff0;padding:12px 5%;gap:0;justify-content:space-between;font-size:10px;border-bottom:1px solid #f0e7f0}.nav-cta{display:none}html{scroll-padding-top:100px}body:not([data-route="home"]) main{padding-top:98px}.single-view .cat-grid{grid-template-columns:repeat(2,1fr)}.art-slide{gap:15px;padding:25px 25px;min-height:250px}.banner-art img{height:200px}.art-slide>div{min-width:110px}.art-slide h4{font-size:20px;letter-spacing:1px}.art-slide small{font-size:7px;letter-spacing:0}.art-slide p{font-size:10px}.carousel-arrow{width:25px;height:25px;font-size:19px}.carousel-arrow.prev{left:5px}.carousel-arrow.next{right:5px}}
#art-large{height:min(62vh,600px);width:auto;max-width:75vw;object-fit:contain}.cat-monogram.no-art small{font-size:7px;line-height:1.3}
#art-variant-controls{display:flex;gap:10px;justify-content:center;margin-bottom:15px}#art-variant-controls button{border:1px solid #e7c9dd;border-radius:20px;padding:7px 18px;background:#fff;color:#bc8aab;font-size:11px}#art-variant-controls button.active{background:#ec8cb9;color:white}#art-variant-controls button:disabled{opacity:.4;cursor:default}.appearance-field{margin-top:15px;max-width:240px}.variant-label{color:#c18daa!important}.portrait-button{height:85px}.portrait-button img{object-fit:contain}
.capture-snippet{font-size:9px;color:#a88c9e;padding:0 10px 12px;margin:0;line-height:1.6}#art-details{padding:15px 0 0;font-size:11px;text-align:left;max-width:450px;margin:0 auto}#art-details h3{font-size:12px;color:#ba83a5;margin:0 0 8px}#art-details p{margin:3px 0;line-height:1.6}#art-large{height:min(48vh,450px)}#art-caption{max-width:450px;margin:15px auto 0;font-size:9px;color:#b3a3b9}
.cat-card h4{color:#604b6c;font-weight:600}.cat-card small{color:#897294}.cat-stats{color:#897491}.cat-stats b{color:#654a70}.catalog-notice{color:#8d7a93}.capture-snippet{color:#93778f}.title-center p{color:#8c7e94}.team-summary .editor-note,.team-summary .formula{color:#f1e8f3}.formula b{color:#fff}.skill-entry summary{color:#66536f}.skill-entry p{color:#8c7795}#art-caption{color:#9b88a2}
.shiny-input-check{display:flex;align-items:center;gap:7px;color:#ab8aaa;font-size:10px;margin:15px 0}.shiny-input-check input{accent-color:#df8bb5}
.shiny-bonus-note{margin-top:22px;padding:12px 16px;border:1px solid #edc8df;background:#fff2fa;color:#b65f92;border-radius:7px;font-size:11px;line-height:1.7}#art-large{height:auto;max-height:50vh;max-width:70vw;width:auto}#art-dialog{min-width:340px}#art-caption{font-size:10px;line-height:1.6}#art-details{min-width:270px}
.art-slide{min-height:300px}.banner-art img{height:auto;width:auto;max-width:176px;max-height:242px;mix-blend-mode:normal}.art-carousel .art-slide small{font-size:9px}#art-large{image-rendering:auto}.art-slide>div{min-width:180px}@media(max-width:740px){.art-slide{min-height:260px}.banner-art img{max-width:140px;max-height:200px}.art-slide>div{min-width:110px}}
.activation-guide{display:none;padding:20px 24px;color:#776580;font-size:13px;line-height:1.9}body[data-route="mechanics"] .activation-guide{display:block}.mechanics-more{display:block;margin:15px 18px;font-size:11px;color:#be6f9c}body[data-route="mechanics"] .mechanics-more{display:none}.activation-guide h4{color:#aa658f;font-size:18px;margin:25px 0 12px}.activation-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.activation-grid article{padding:18px;background:#fbf5fb;border:1px solid #eaddea;border-radius:7px}.activation-grid article>b{display:block;color:#776080;font-size:12px}.activation-grid article>strong{display:block;color:#c778a3;font-size:17px;margin:8px 0}.activation-grid article p{font-size:11px;color:#96829f;margin:0}.activation-guide ol{padding-left:22px}.activation-guide li{margin:10px 0}.activation-example{background:#eef1fb;border-radius:8px;padding:18px}.activation-example p{margin:6px 0}.activation-example strong{color:#bb6c98}.activation-example>b{color:#84759b}@media(max-width:740px){.activation-grid{grid-template-columns:1fr}.activation-guide{padding:18px;font-size:12px}.activation-guide h4{font-size:16px}}