:root{--purple:#a879e6;--night:#100d19;--cream:#f6eef5}
html{background:#100d19}body{background:#100d19;color:#f5f1f5}.topbar{background:#110e1b;border-color:#2a2134;color:#f5f1f5}.brand{color:#f5f1f5}.brand-mark{color:#c494f3}.status,.text-button{color:#beb0c0}.text-button span{color:#c494f3}
.catalog,.detail,.profile{background:radial-gradient(circle at 81% 2%,#37203a 0,transparent 31%),#100d19;min-height:calc(100vh - 76px)}
.catalog-hero{position:relative;overflow:hidden;min-height:390px;padding:74px max(7%,calc((100% - 1200px)/2));background:radial-gradient(ellipse at 75% 56%,#69435c66 0,transparent 38%),linear-gradient(110deg,#181122,#22162c 52%,#11101d);border-bottom:1px solid #35273b}.catalog-hero:after{content:'✳';position:absolute;right:12%;top:21%;font:240px Georgia;color:#d6a4ce18;transform:rotate(18deg)}.catalog-kicker,.tag,.section-title span{font-size:10px;font-weight:750;letter-spacing:.19em;color:#c59fca}.catalog-hero h1,.detail h1,.profile h1{font:normal clamp(45px,6vw,76px)/1 Georgia,serif;letter-spacing:-.045em;margin:20px 0}.catalog-hero h1 em{color:#d7adcd;font-weight:normal}.catalog-hero p{font-size:14px;line-height:1.7;color:#bcb0c0}.catalog-button{border:0;border-radius:5px;background:#a875d5;color:#160f1f;padding:16px 23px;font-weight:750;margin-top:18px}.catalog-button:hover{background:#c99bed}.catalog-button span{margin-left:24px}.catalog-content{max-width:1200px;margin:auto;padding:50px 0 90px;width:86%}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-title h2{font:normal 34px Georgia;margin:8px 0 0}.section-title.second{margin-top:56px}.carousel-controls{display:flex;gap:8px}.carousel-controls button{border:1px solid #55415d;background:transparent;color:#d7c0df;border-radius:50%;width:38px;height:38px}.carousel{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#66506d transparent;cursor:grab;padding-bottom:12px;touch-action:pan-x}.carousel:active{cursor:grabbing}.feature-card,.coming-card{scroll-snap-align:start;flex:0 0 min(760px,90%);border:1px solid #3c2d43;background:#1d1625;border-radius:12px;color:#f3edf5;overflow:hidden;min-height:245px}.feature-card{display:grid;grid-template-columns:42% 1fr;text-align:left;padding:0}.feature-info,.row-info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;padding:28px}.feature-info strong,.row-info strong{font:normal 28px Georgia}.feature-info>span:not(.tag),.row-info>span:not(.tag){color:#bdb2c2;line-height:1.65}.feature-info b,.row-info b{font-size:12px;color:#d6b4dc}.cover-art{position:relative;overflow:hidden;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 65% 25%,#e8b98a 0 3%,transparent 4%),linear-gradient(147deg,transparent 56%,#eee0b533 57%,transparent 60%),linear-gradient(180deg,#596778,#192c3d 60%,#0e1828);color:#f6eee5;padding:20px}.cover-art:after{content:'';position:absolute;right:12%;bottom:0;width:13%;height:54%;background:linear-gradient(#efc68c,#e8d6bd 12%,#433b45 13%,#242f3e);clip-path:polygon(35% 0,65% 0,70% 10%,60% 12%,88% 100%,12% 100%,40% 12%,30% 10%);box-shadow:0 0 30px #fff}.cover-art>span{font:700 8px Arial;letter-spacing:.25em;opacity:.8}.cover-art>strong{font:normal 31px/.95 Georgia;position:relative;z-index:1}.cover-art strong em{color:#e8c5ae;font-weight:normal}.cover-art i{position:absolute;right:20%;top:11%;font-size:25px;color:#eee0be}.coming-card{flex-basis:300px;padding:35px;background:radial-gradient(circle at 80% 15%,#795477,#271a30 55%,#1c1625);display:flex;flex-direction:column;align-items:flex-start}.coming-card span{font-size:9px;letter-spacing:.2em;color:#c7a4ce}.coming-card strong{font:normal 29px Georgia;margin-top:35px}.coming-card p{color:#afa0b4}.novel-row{display:grid;grid-template-columns:160px 1fr;width:100%;text-align:left;border:1px solid #3d3044;border-radius:10px;background:#1a1521;color:#f3edf5;padding:12px;min-height:205px}.novel-row:hover,.feature-card:hover{border-color:#a479ad}.mini-cover{min-height:180px;border-radius:5px;padding:15px}.mini-cover strong{font-size:24px}.catalog-count{font-size:10px;color:#9f8fa5}.detail{padding:45px max(7%,calc((100% - 1100px)/2)) 100px}.back-link{border:1px solid #56455b;color:#d8cddd;background:transparent;border-radius:30px;padding:10px 15px;margin-bottom:35px}.detail-grid{display:grid;grid-template-columns:minmax(230px,360px) 1fr;gap:58px;align-items:center}.detail-cover{height:460px;border-radius:12px;padding:30px}.detail-cover strong{font-size:50px}.detail h1{font-size:55px}.detail p{color:#bfb3c2;line-height:1.8;max-width:550px}.detail p.detail-lead{color:#f0d7ed;font:21px Georgia}.detail-note{font-size:11px}.profile{display:flex;justify-content:center;align-items:flex-start;padding:55px 20px}.profile-card{width:min(100%,550px);background:#17121f;border:1px solid #413149;border-radius:12px;padding:35px}.profile h1{font-size:36px}.profile p{color:#aa9cad;line-height:1.6}.profile form{display:grid;gap:13px;margin-top:25px}.profile label,.profile legend{font-weight:650;font-size:13px;color:#d7cbd8}.profile input[type=text],.profile input:not([type]),.profile textarea{width:100%;background:#221b29;border:1px solid #483951;border-radius:6px;color:white;padding:15px}.profile fieldset{border:0;padding:10px 0;display:flex;gap:25px}.profile legend{padding:0 0 12px}.profile input[type=radio],.profile input[type=checkbox]{accent-color:#a875d5;width:18px;height:18px;vertical-align:middle}.profile details{border:1px solid #483951;border-radius:6px;padding:15px}.profile summary{cursor:pointer}.profile details label{display:block;margin:15px 0 8px}.adult-label{border:1px solid #aa76da;border-radius:6px;padding:17px}.profile-help{font-size:11px;margin:0}.profile .catalog-button{width:100%}
@media(max-width:700px){.catalog-hero{min-height:360px;padding:60px 7%}.catalog-hero:after{font-size:150px;right:5%;top:30%}.catalog-content{width:90%;padding-top:36px}.feature-card{grid-template-columns:42% 1fr;min-height:210px}.feature-info{padding:15px;gap:10px}.feature-info strong{font-size:21px}.feature-info>span:not(.tag){font-size:12px}.feature-cover strong{font-size:23px}.novel-row{grid-template-columns:115px 1fr}.mini-cover{min-height:155px}.mini-cover strong{font-size:20px}.row-info{padding:12px;gap:9px}.row-info strong{font-size:21px}.row-info>span:not(.tag){font-size:12px}.detail-grid{grid-template-columns:1fr;gap:30px}.detail-cover{height:360px;max-width:300px}.detail h1{font-size:42px}.status{display:none}.topbar{padding:0 5%}.topbar-right{gap:12px}.profile-card{padding:25px}}
/* Светлая палитра игры, сохранена композиция каталога. */
html,body{background:#f8f6f3;color:#332f2d}.topbar{background:#fffdfb;border-color:#e8e0da;color:#332f2d}.brand{color:#332f2d}.brand-mark,.text-button span{color:#b86e59}.status,.text-button{color:#80746e}
.catalog,.detail,.profile{background:#f8f6f3;color:#332f2d}.catalog-hero{background:radial-gradient(ellipse at 75% 56%,#e4c6bd88 0,transparent 38%),linear-gradient(110deg,#f8f3ef,#f1e3dd 52%,#f7f3f0);border-color:#e8ded8}.catalog-hero:after{color:#b96f581c}.catalog-kicker,.tag,.section-title span{color:#aa705f}.catalog-hero h1 em{color:#b67461}.catalog-hero p,.detail p{color:#786b65}.catalog-button{background:#b96f59;color:#fff}.catalog-button:hover{background:#a55c47}.carousel-controls button{border-color:#d8c8c0;color:#9c6657}.feature-card,.novel-row{background:#fffdfb;border-color:#e7dcd6;color:#332f2d}.feature-info>span:not(.tag),.row-info>span:not(.tag){color:#80736d}.feature-info b,.row-info b{color:#ab6958}.feature-card:hover,.novel-row:hover{border-color:#be8978}.coming-card{background:radial-gradient(circle at 80% 15%,#e9cfc9,#f2e4e0 55%,#f7efec);border-color:#e7dcd6;color:#493b37}.coming-card span{color:#a56d5e}.coming-card p,.catalog-count{color:#897c76}.back-link{border-color:#dccbc4;color:#8e665a}.detail p.detail-lead{color:#755b52}.profile-card{background:#fffdfb;border-color:#e7dcd6}.profile p{color:#81736c}.profile label,.profile legend{color:#594d48}.profile input[type=text],.profile input:not([type]),.profile textarea{background:#fff;border-color:#decfc8;color:#332f2d}.profile details{border-color:#decfc8}.profile input[type=radio],.profile input[type=checkbox]{accent-color:#b96f59}.adult-label{border-color:#c79180}
