:root{color-scheme:dark;--bg:#0b0815;--bg2:#100a20;--panel:#191127;--panel2:#211732;--line:#392b50;--text:#f8f1ff;--muted:#aa9dbb;--pink:#f4a4db;--lilac:#b9a4ff;--gold:#f7d9a5;--mint:#a1e6c9;--shadow:0 18px 50px #0804148c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 11% -9%,#44215388,transparent 35%),radial-gradient(ellipse at 92% 24%,#271a5480,transparent 30%),var(--bg);color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--pink);outline-offset:3px}.shell{max-width:1160px;margin:0 auto;padding:0 24px}.top{position:sticky;top:0;z-index:20;backdrop-filter:blur(18px);background:#110b1bdc;border-bottom:1px solid #332344}.top-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:flex;align-items:center;gap:13px;white-space:nowrap}.brand-mark{width:43px;height:43px;border:1px solid #aa79b75e;border-radius:16px;background:linear-gradient(135deg,#754b95,#211332);display:grid;place-items:center;font-size:25px;box-shadow:0 6px 20px #d76aa120}.brand strong{display:block;letter-spacing:.05em;font-size:15px}.brand small{display:block;color:var(--muted);font-size:11px;letter-spacing:.22em;text-transform:uppercase}.nav{display:flex;align-items:center;gap:20px}.nav a{font-size:13px;color:#c9bdd9}.nav a:hover,.nav a.active{color:var(--pink)}.nav-cta{background:linear-gradient(135deg,#b78df8,#f1a1d5);color:#200f29!important;border-radius:12px;padding:11px 15px;font-weight:750}.menu-toggle{display:none;background:transparent;border:1px solid var(--line);color:var(--text);border-radius:10px;padding:8px 11px}.hero{padding:72px 0 42px;display:grid;grid-template-columns:1.25fr .75fr;gap:30px;align-items:center}.eyebrow{color:var(--pink);letter-spacing:.27em;text-transform:uppercase;font-size:11px;font-weight:750}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5.4vw,76px);line-height:1.05;margin:13px 0 20px;letter-spacing:-.045em;font-weight:500}.hero h1 em{font-style:normal;background:linear-gradient(115deg,#f7a6cf,#b0adff);background-clip:text;color:transparent}.lead{font-size:16px;line-height:1.8;color:#c4b8d2;max-width:590px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.btn{border:1px solid var(--line);background:var(--panel2);color:var(--text);padding:11px 16px;border-radius:12px;font-weight:650;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s transform,.15s border-color}.btn:hover{transform:translateY(-2px);border-color:var(--pink)}.btn.primary{background:linear-gradient(120deg,#b191f6,#f6a3d6);color:#24162b;border:none}.btn.ghost{background:#140f20}.btn.tiny{padding:8px 12px;font-size:12px}.hero-art{height:350px;border-radius:28px;border:1px solid #72518469;background:radial-gradient(circle at 65% 30%,#d499df33,transparent 34%),radial-gradient(circle at 30% 65%,#4f3476,transparent 48%),#170e29;position:relative;overflow:hidden;box-shadow:var(--shadow);display:grid;place-items:center}.big-moon{width:190px;height:190px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff3fd,#d4badf 65%,#9e75a5);box-shadow:0 0 80px #de9dd772;position:relative;z-index:2}.big-moon:before{content:"";position:absolute;width:180px;height:190px;border-radius:50%;background:#241435;left:55px;top:-16px;box-shadow:-14px 4px 20px #311f4e88}.big-moon:after{content:"✧";position:absolute;top:-47px;left:-40px;color:#ffd6fa;font-size:38px}.orbit{position:absolute;width:285px;height:285px;border:1px solid #e3bdf045;border-radius:50%;transform:rotate(-18deg)}.orbit.two{width:355px;height:355px;border-color:#e3bdf020}.spark{position:absolute;font-size:25px;color:#f0bbf2}.spark.s1{top:18%;right:20%}.spark.s2{bottom:16%;left:21%}.spark.s3{bottom:28%;right:12%;font-size:14px}.section{padding:27px 0 50px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:22px}.section h2,.page-title{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.02em}.section h2{font-size:34px;margin:4px 0}.subtle{color:var(--muted);font-size:14px;line-height:1.65}.pill{display:inline-flex;align-items:center;border:1px solid var(--line);color:var(--muted);background:#20172d;padding:7px 11px;border-radius:99px;font-size:11px;letter-spacing:.04em}.pill.pink{color:#ffb9e7;border-color:#9a557f}.pill.mint{color:var(--mint);border-color:#386557}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:19px}.tile{background:#181121;border:1px solid #392b4f;border-radius:19px;overflow:hidden;transition:.15s transform,.15s border-color;min-width:0}.tile:hover{transform:translateY(-5px);border-color:#946ca8}.tile-art,.detail-art{background:radial-gradient(circle at 70% 30%,var(--accent),transparent 58%),linear-gradient(145deg,#372044,#100c1b 70%);position:relative;overflow:hidden}.tile-art{height:178px;display:grid;place-items:center}.tile-art:before,.detail-art:before{content:"";position:absolute;width:180px;height:180px;border:1px solid #ffffff24;border-radius:50%;top:28px;left:-65px}.tile-art:after,.detail-art:after{content:"✧";position:absolute;color:#ffffff40;font-size:36px;top:12px;right:18px}.glyph{font-size:67px;filter:drop-shadow(0 8px 15px #0005)}.tile-copy{padding:17px}.tile-copy h3{margin:9px 0 5px;font-size:15px;line-height:1.35;min-height:41px}.tile-copy p{margin:0;color:var(--muted);font-size:12px}.tile-foot{display:flex;justify-content:space-between;align-items:center;gap:5px;margin-top:12px;color:#d8c7e0;font-size:11px}.filter-bar{border:1px solid var(--line);padding:15px;background:#170f24;border-radius:18px;margin-bottom:25px;display:flex;gap:12px;flex-wrap:wrap}.field,.select,.text-area{border-radius:11px;border:1px solid #493654;background:#100b1b;color:var(--text);padding:12px 14px;width:100%;min-width:0}.field::placeholder,.text-area::placeholder{color:#857994}.filter-bar .field{flex:2;min-width:210px}.filter-bar .select{flex:1;min-width:136px}.filter-bar .btn{white-space:nowrap}.page-intro{padding:50px 0 23px}.page-title{font-size:clamp(35px,5vw,53px);margin:5px 0 9px}.panel{background:#191224;border:1px solid var(--line);border-radius:20px;padding:25px}.panel+.panel{margin-top:15px}.detail{display:grid;grid-template-columns:300px 1fr;gap:34px;align-items:start;margin-top:26px}.detail-art{height:400px;display:grid;place-items:center;border:1px solid #72518470;border-radius:24px}.detail-art .glyph{font-size:128px}.detail-info h1{font:500 clamp(34px,4.4vw,59px)/1.13 Georgia,serif;letter-spacing:-.03em;margin:13px 0}.facts{display:flex;gap:8px;flex-wrap:wrap}.facts span{padding:7px 10px;border:1px solid var(--line);border-radius:10px;font-size:12px;color:#d4c7dd}.detail-info p{line-height:1.85;color:#c1b4cd}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{color:#d4c9e3;font-weight:650;font-size:12px}.form-group.full{grid-column:1/-1}.form-note{font-size:12px;color:var(--muted);line-height:1.55}.auth{max-width:490px;margin:55px auto 70px}.auth .panel{padding:35px}.auth h1{font:500 40px Georgia,serif;margin:0 0 12px}.stack{display:flex;flex-direction:column;gap:16px}.stack .btn{align-self:flex-start}.notice{padding:13px 17px;border:1px solid #74557d;border-radius:12px;background:#39233e;color:#fbe2ff;margin:18px 0;font-size:13px;line-height:1.6}.notice.error{border-color:#9d526c;background:#422032}.notice.success{border-color:#477f6a;background:#1a3b33;color:#cefff0}.notice.info{border-color:#7165a1;background:#2d2344}.collection-list{display:grid;gap:12px}.collection-row{padding:14px 17px;border:1px solid var(--line);border-radius:15px;background:#1b1428;display:flex;align-items:center;gap:15px}.collection-glyph{border-radius:12px;width:53px;height:53px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),#24172f);font-size:28px;flex-shrink:0}.collection-meta{flex:1;min-width:0}.collection-meta strong{display:block;margin-bottom:6px}.collection-meta small{color:var(--muted);font-size:12px}.progress-track{height:5px;border-radius:8px;background:#45324f;overflow:hidden;margin-top:9px;max-width:250px}.progress-fill{height:100%;background:linear-gradient(90deg,var(--lilac),var(--pink));border-radius:8px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat{border:1px solid var(--line);border-radius:17px;padding:23px;background:#20152e}.stat strong{display:block;font:500 40px Georgia,serif;color:#f4c6ef}.stat span{display:block;margin-top:9px;font-size:12px;color:var(--muted)}.sky{height:330px;position:relative;overflow:hidden;border:1px solid var(--line);border-radius:23px;background:radial-gradient(ellipse at 60% 65%,#4c2c6a5c,transparent 56%),linear-gradient(145deg,#130d28,#090b18)}.sky-star{position:absolute;color:#ffe2fa;font-size:19px;text-shadow:0 0 22px #fab5e9}.sky-label{position:absolute;bottom:20px;left:23px;color:#b8aacd;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.empty{text-align:center;padding:60px 25px;color:#c6b8d3;border:1px dashed var(--line);border-radius:18px;background:#1b1326}.empty .empty-icon{font-size:50px;display:block;margin-bottom:17px}.footer{margin-top:65px;border-top:1px solid #302440;padding:32px 0;color:#9b8dae;font-size:12px}.footer-inner{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.footer a{color:#d4bbec}.mini-heading{font-size:13px;text-transform:uppercase;letter-spacing:.2em;color:#e7bcdd;margin:0 0 18px}.relations{display:flex;gap:12px;flex-wrap:wrap}.relation{border:1px solid var(--line);border-radius:11px;padding:11px 13px;font-size:13px;background:#24182e}.setup-note{padding:25px;border:1px solid #725a8b;background:#22162d;border-radius:17px;margin:25px 0}.setup-note code{color:#e7b9f7}.admin-table{width:100%;border-collapse:collapse;font-size:12px}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;padding:12px;color:#d2c7df}.admin-table th{color:var(--pink)}.muted-link{color:#c9a4f8;font-size:13px}.muted-link:hover{text-decoration:underline}.grid-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.eyepill{display:inline-flex;align-items:center;gap:8px;color:#d9b5df;font-size:12px;margin-bottom:18px}.eyepill span{display:inline-block;width:7px;height:7px;background:#ffc3dc;border-radius:99px;box-shadow:0 0 12px #ffb2d2}
@media(max-width:900px){.catalog-grid{grid-template-columns:repeat(3,1fr)}.hero{grid-template-columns:1fr}.hero-art{height:265px}.detail{grid-template-columns:220px 1fr}.detail-art{height:310px}.stat-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.shell{padding:0 17px}.top-inner{min-height:66px}.brand-mark{width:38px;height:38px}.brand strong{font-size:13px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:66px;left:0;right:0;padding:17px;background:#1a1025;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero{padding-top:38px}.hero-art{height:210px}.big-moon{transform:scale(.7)}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tile-art{height:144px}.tile-copy{padding:13px}.tile-copy h3{font-size:13px;min-height:37px}.section h2{font-size:28px}.section-head{align-items:start}.detail{grid-template-columns:1fr}.detail-art{height:235px}.detail-art .glyph{font-size:90px}.form-grid{grid-template-columns:1fr}.stat-grid{grid-template-columns:repeat(2,1fr)}.grid-layout{grid-template-columns:1fr}.panel{padding:18px}.auth .panel{padding:22px}.collection-row{flex-wrap:wrap}}


/* ─── Tsuki Izakaya Studio • Alpha 0.2 moonlit identity ─── */
:root{--bg:#0d0714;--bg2:#160b20;--panel:#1b1025;--panel2:#26152e;--line:#6541666e;--text:#faedf7;--muted:#c2aebf;--pink:#e9a0cb;--lilac:#c6a2d4;--gold:#f6d8ba;--shadow:0 22px 70px #07030cba}
body{background:radial-gradient(ellipse at 15% 10%,#42214744,transparent 40%),radial-gradient(ellipse at 85% 45%,#40214455,transparent 50%),#0d0814;overflow-x:hidden}
.top{border-bottom:1px solid #925d865c;background:#0c0711ec;box-shadow:0 2px 27px #05030685}
.top-inner{min-height:82px;gap:12px}
.brand{gap:8px;min-width:0}
.brand-logo{width:65px;height:59px;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse at center,#000 62%,transparent 90%);flex:none}
.brand-copy strong{font:500 20px/1.15 Georgia,'Times New Roman',serif;letter-spacing:.005em;color:#ffe1f3}
.brand-copy small{font-size:9px;letter-spacing:.095em;color:#cbafc9;text-transform:none;margin-top:4px}
.nav{gap:clamp(8px,1.35vw,22px)}.nav a{font-size:12px}.nav a.active{position:relative}.nav a.active:after{content:'✦';position:absolute;top:-10px;left:50%;font-size:8px;opacity:.7}
.nav-cta{background:linear-gradient(110deg,#eeadd5,#ca80b3);box-shadow:0 4px 20px #c779a536}
/* Wide moonlit hero; still inside the existing PHP page shell */
.hero.hero-world{isolation:isolate;position:relative;display:block;margin:0 0 27px;padding:62px 0 74px;min-height:650px;text-align:center}
.hero-world:before{content:'';position:absolute;z-index:-3;top:0;bottom:0;left:calc(50% - 50vw);width:100vw;background:radial-gradient(ellipse at 50% 39%,#321735bb,transparent 48%),linear-gradient(180deg,#1d0d25 0%,#110a19 68%,#0d0814 100%);border-bottom:1px solid #5f315954}
.hero-world:after{content:'';position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 35%,#170a1bdb 4%,#190a1d77 44%,transparent 76%),linear-gradient(0deg,#0d0814 2%,transparent 40%)}
.hero-landscape{position:absolute;z-index:-2;top:0;bottom:0;width:49vw;max-width:740px;background-size:cover;background-repeat:no-repeat;pointer-events:none;opacity:.85}
.hero-landscape-left{right:calc(50% + 120px);background-image:url('tsuki-scene-left.webp');background-position:right center;mask-image:linear-gradient(90deg,#000 53%,transparent 100%)}
.hero-landscape-right{left:calc(50% + 120px);background-image:url('tsuki-scene-right.webp');background-position:left center;mask-image:linear-gradient(270deg,#000 53%,transparent 100%)}
.hero-inner{position:relative;z-index:2;margin:0 auto;max-width:820px;padding:0 12px}
.hero-studio-logo{display:block;width:165px;height:140px;object-fit:cover;object-position:center;margin:0 auto -6px;filter:drop-shadow(0 0 20px #ff9cca4d);mask-image:radial-gradient(ellipse at center,#000 51%,transparent 77%)}
.hero-eyebrow{margin-top:5px;font-size:10px;letter-spacing:.39em;text-shadow:0 2px 6px #050308}
.hero-world h1{font:500 clamp(49px,6.4vw,90px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:22px auto 16px;color:#ffe6f1;text-shadow:0 3px 35px #020105}
.hero-world h1 em{color:#f0b0db;background:linear-gradient(130deg,#f4c7e2,#db9ccf 60%,#efc2ec);background-clip:text;-webkit-background-clip:text}
.hero-world .lead{margin:0 auto;max-width:675px;color:#e0cddd;font-size:15px;line-height:1.85;text-shadow:0 2px 9px #06030d}
.hero-world .hero-actions{justify-content:center;margin-top:28px}
.hero-world .btn{min-width:171px;box-shadow:0 12px 30px #11071265}
.hero-world .btn.primary{background:linear-gradient(130deg,#ffb8dc,#d38cbf);color:#291227}
.hero-world .btn.ghost{background:#160d1fc9;border-color:#a76b947a;backdrop-filter:blur(6px)}
.hero-footnote{margin-top:33px;font-size:9px;letter-spacing:.3em;color:#f8dbe99e}
.hero-stars{position:absolute;inset:0;z-index:-1;pointer-events:none;color:#ffd4f2aa;font-size:18px;text-align:left;padding:22% 7%}
.hero-stars span{position:absolute;right:10%;top:18%;font-size:29px}.hero-stars i{position:absolute;left:17%;bottom:20%;font-size:12px;font-style:normal}
.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:0 0 35px}
.portal-card{display:flex;align-items:center;gap:14px;border:1px solid #86577774;background:linear-gradient(145deg,#32203baa,#1a111fdd);border-radius:20px;padding:21px 18px;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s,border-color .2s;min-width:0}
.portal-card:before{position:absolute;content:'';height:190px;width:170px;right:-70px;top:-100px;background:radial-gradient(circle,#c36c9a42,transparent 72%);pointer-events:none}
.portal-card:hover{border-color:#e2a1d3;box-shadow:0 12px 35px #ce82b92c;transform:translateY(-3px)}
.portal-symbol{display:grid;place-items:center;flex:none;width:56px;height:56px;border-radius:17px;background:radial-gradient(circle at 35% 18%,#9e68a866,#352039);border:1px solid #b37eaa77;color:#f6c0de;font:34px Georgia,serif}
.portal-manga .portal-symbol{color:#efb2bf}.portal-sky .portal-symbol{color:#f4cfdd}
.portal-card span:nth-child(2){display:block;min-width:0}
.portal-card small{display:block;letter-spacing:.18em;color:#dba3c6;font-size:9px;margin-bottom:5px}
.portal-card strong{display:block;font:500 23px/1.15 Georgia,serif;color:#fff1f6;margin-bottom:6px}
.portal-card em{font-size:12px;color:#bca9bd;font-style:normal;line-height:1.4}
.portal-arrow{margin-left:auto;color:#f4c3df;font-size:18px}
.section-head{align-items:center}.section h2{color:#ffe2ef;font-size:37px}.section .eyebrow,.page-intro .eyebrow{color:#eeacd0}
.filter-bar{background:#1b1025dc;border-color:#80577678;box-shadow:0 12px 30px #07030f7a;backdrop-filter:blur(8px)}
.tile{background:linear-gradient(160deg,#2c1936,#170e21 60%);border-color:#81547770;box-shadow:0 12px 24px #05020747;transition:transform .2s,border-color .2s,box-shadow .2s}
.tile:hover{transform:translateY(-7px);border-color:#f0adda;box-shadow:0 15px 40px #8b407a38}
.tile-art{height:205px;background:radial-gradient(circle at 70% 28%,var(--accent),transparent 55%),radial-gradient(circle at 40% 80%,#d86ca62b,transparent 49%),linear-gradient(145deg,#57355e,#150c22 75%)}
.tile-art:after{content:'✿';color:#fce1ed7d}.tile-art:before{width:150px;height:150px;border-color:#fae1e545;left:calc(50% - 75px);top:24px;box-shadow:0 0 25px #f5bddc26}
.tile .glyph{font-size:75px;text-shadow:0 7px 26px #0b0319;transition:transform .3s}.tile:hover .glyph{transform:scale(1.1) rotate(-4deg)}
.tile-copy .pill{color:#ffd0e7;border-color:#cd8eb65c;background:#5e325247}
.tile-copy h3{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:18px;color:#fbe8f5}.tile-copy p{color:#c4adbb}
.panel,.collection-row,.stat{background:linear-gradient(150deg,#27182eea,#191020e8);border-color:#88567773;box-shadow:0 9px 30px #06030e4b}
.page-intro-magic{position:relative;padding:62px 27px 32px;margin:19px 0 12px;border-radius:23px;background:radial-gradient(circle at 85% 15%,#b059a12f,transparent 36%),linear-gradient(115deg,#25132d,#120b1a);border:1px solid #b479a94c;overflow:hidden}
.page-intro-magic:after{content:'☾';position:absolute;right:35px;top:-52px;font:230px Georgia,serif;color:#edb1d020;pointer-events:none}
.page-intro .page-title{color:#ffe5f1}.page-intro .muted-link{display:inline-block;margin-top:10px}
.detail-art{background:radial-gradient(circle at 60% 30%,var(--accent),transparent 55%),linear-gradient(160deg,#633c64,#1a1024 70%);box-shadow:0 15px 40px #0008}
.detail-info h1{color:#ffe8f5}.detail-info .panel{backdrop-filter:blur(9px)}
.collection-row{transition:border-color .2s,transform .2s}.collection-row:hover{border-color:#e9a3cc;transform:translateX(4px)}
.progress-track{height:7px;background:#291730}.progress-fill{background:linear-gradient(90deg,#ad7aa9,#f1a2ce);box-shadow:0 0 10px #ed9ccc66}
.sky{border-color:#ae73996e;background:radial-gradient(ellipse at 60% 65%,#824a826b,transparent 55%),linear-gradient(135deg,#22132f,#0b0617)}
.auth{position:relative}.auth:before{content:'✧';position:absolute;top:0;right:-80px;color:#f6b7dc66;font:112px Georgia,serif;z-index:-1}
.auth .panel{text-align:center;box-shadow:0 20px 75px #0402089c}.auth .stack{text-align:left}.auth .panel .btn{align-self:stretch}.auth-logo{width:132px;height:auto;display:block;margin:-17px auto 12px;mask-image:radial-gradient(ellipse at center,#000 50%,transparent 81%)}
.empty{background:linear-gradient(145deg,#28152e,#140d1f);border-color:#a66f935f}.empty-icon{color:#e6aad0}
.footer{margin-top:80px;border-top:1px solid #7e4c6a6e;background:#0b0610}
.footer-inner{align-items:center}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:76px;height:67px;object-fit:cover;mask-image:radial-gradient(ellipse at center,#000 52%,transparent 84%)}.footer-brand strong{display:block;color:#f9d7e9;font:500 17px Georgia,serif}.footer-brand small{display:block;color:#b498aa;margin-top:7px}.footer-links{display:flex;flex-wrap:wrap;gap:14px;justify-content:flex-end;max-width:560px}.footer-links a{color:#edb7d5}
@media(max-width:1020px){.brand-copy small{display:none}.nav{gap:11px}.portal-grid{gap:10px}.portal-card{padding:16px 13px}.portal-card strong{font-size:20px}}
@media(max-width:900px){.hero.hero-world{min-height:590px;padding:60px 0}.hero-landscape{width:65vw;opacity:.6}.hero-world .lead{max-width:600px}.portal-grid{grid-template-columns:1fr}.portal-card{padding:20px 23px}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile-art{height:170px}}
@media(max-width:640px){.top-inner{min-height:73px}.brand-logo{width:53px;height:50px}.brand-copy strong{font-size:16px}.brand-copy small{display:block;font-size:8px;max-width:148px;white-space:normal;line-height:1.4}.nav{position:absolute;top:73px;left:0;right:0;background:#1c1026fa;backdrop-filter:blur(16px);border-bottom:1px solid #aa6994;gap:16px;padding:20px 18px}.nav a.active:after{display:none}.hero.hero-world{padding:42px 0 50px;min-height:560px}.hero-studio-logo{width:141px;height:121px}.hero-world h1{font-size:clamp(46px,10vw,65px)}.hero-eyebrow{letter-spacing:.19em;font-size:9px}.hero-world .lead{font-size:13px;line-height:1.7}.hero-world .btn{min-width:144px}.hero-landscape{width:86vw;opacity:.41}.hero-landscape-left{right:calc(50% + 20px)}.hero-landscape-right{left:calc(50% + 20px)}.hero-world:after{background:radial-gradient(ellipse at center,#14091ebd 20%,#14091e9c 65%,transparent 92%),linear-gradient(0deg,#0d0814 1%,transparent 37%)}.hero-stars{display:none}.portal-card strong{font-size:22px}.portal-card em{font-size:12px}.tile-art{height:156px}.tile-copy h3{font-size:16px}.tile .glyph{font-size:59px}.page-intro-magic{padding:50px 18px 25px}.page-intro-magic:after{font-size:160px;top:-15px;right:5px}.footer-inner{flex-direction:column;align-items:flex-start}.footer-links{justify-content:flex-start}.section h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){.portal-card,.tile,.tile .glyph,.btn,.collection-row{transition:none!important;transform:none!important}}
/* Fit atmospheric edge scenery to viewport without introducing sideways scrolling. */
.hero-landscape-left,.hero-landscape-right{width:max(0px, calc(50vw - 120px))}
@media(max-width:640px){.hero-landscape-left,.hero-landscape-right{width:max(0px, calc(50vw - 20px))}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* ─── Alpha 0.3 • Story Journeys & private diary ─── */
.journey-summary{margin:22px 0 15px;border:1px solid #c285ad6e;background:linear-gradient(135deg,#3a2144e8,#1b1026ed);padding:21px;border-radius:19px;box-shadow:0 15px 40px #07020e58}
.journey-summary-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.journey-summary-top strong{font:500 19px Georgia,serif;color:#ffe8f5}
.journey-summary .progress-track{max-width:none;height:9px;margin-top:0}
.journey-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:19px}
.journey-actions form{margin:0}
.journey-actions .btn{min-width:145px}
.episode-guide{border:1px solid #a16a8b64;border-radius:16px;background:#1c1026;margin:14px 0;padding:16px 18px}
.episode-guide summary{font-weight:650;color:#f2cce3;cursor:pointer;list-style-position:inside}
.episode-guide .form-note{margin:12px 0 15px}
.episode-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(43px,1fr));gap:8px}
.episode-grid form{margin:0}
.episode-dot{width:100%;min-height:42px;border-radius:11px;border:1px solid #79516f;background:#25172e;color:#f3dbe8;font-weight:650;cursor:pointer;font-size:12px}
.episode-dot:hover,.episode-dot:focus-visible{border-color:#ffd0e8;background:#593050;outline-offset:3px}
.episode-dot.watched{border-color:#c089b2;background:linear-gradient(140deg,#bc7eae,#75456e);color:#1e0e1b}
.episode-dot.next{box-shadow:0 0 0 2px #f3b0d683}
.diary-panel{margin-top:17px}
.diary-panel h2{font:500 30px Georgia,serif;margin:10px 0 8px;color:#ffe1f0}
.diary-form{margin:17px 0 20px}
.diary-feed{display:grid;gap:11px;margin-top:16px}
.diary-note{border:1px solid #85597973;background:linear-gradient(155deg,#301e3a,#1a1124);padding:18px;border-radius:15px;min-width:0}
.diary-note-top{display:flex;align-items:center;gap:10px;justify-content:space-between;flex-wrap:wrap}
.diary-note-top small{color:#c4b0c5;font-size:12px}
.diary-note p{color:#eee0ed;line-height:1.7;white-space:normal;overflow-wrap:anywhere;margin:16px 0 12px}
.diary-note h2{margin:16px 0 6px;font:500 25px Georgia,serif;color:#ffdcee}
.diary-note h2 a:hover{text-decoration:underline}
.text-button{background:none;border:0;padding:0;color:#e5a9c8;text-decoration:underline;text-underline-offset:3px;font-size:12px;cursor:pointer}
.text-button:hover{color:white}
.diary-timeline{display:grid;gap:13px;max-width:850px;margin:25px auto}
.library-stats{margin:22px 0 32px}
.library-heading{margin:18px 0}
.library-heading h2{font:500 34px Georgia,serif;color:#ffdfed;margin:7px 0}
.library-filter{align-items:flex-end}
.library-filter .form-group{flex:1;min-width:190px}
.library-filter .muted-link{align-self:center}
.collection-card{display:flex;align-items:center;gap:14px;min-width:0;border:1px solid #88567773;background:linear-gradient(150deg,#27182eea,#191020e8);border-radius:16px;box-shadow:0 9px 30px #06030e4b;transition:border-color .2s}
.collection-card:hover{border-color:#e9a3cc}
.collection-card .collection-row{flex:1;background:transparent;border:0;box-shadow:none;min-width:0;transition:none}
.collection-card .collection-row:hover{border:0;transform:none}
.collection-quick{flex:none;margin-right:17px}
.collection-quick button{white-space:nowrap}
.diary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.diary-teaser{display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:1px solid #8b587876;border-radius:17px;background:linear-gradient(150deg,#302037,#170e20);padding:19px;transition:transform .2s,border-color .2s}
.diary-teaser:hover{border-color:#eaa6cc;transform:translateY(-3px)}
.diary-teaser strong{font:500 22px Georgia,serif;color:#ffe6f1}
.diary-teaser small{font-size:12px;color:#d5b4cc}
.diary-teaser p{font-size:13px;line-height:1.7;overflow-wrap:anywhere;color:#d9bfcc}
@media(max-width:900px){.diary-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.journey-summary{padding:16px}.journey-actions form{flex:1}.journey-actions .btn{width:100%;min-width:0}.collection-card{flex-wrap:wrap;gap:0}.collection-card .collection-row{width:100%}.collection-quick{margin:0 15px 15px auto}.library-stats{gap:9px}.library-stats .stat{padding:16px 11px}.library-stats .stat strong{font-size:30px}.diary-grid{grid-template-columns:1fr}.diary-panel h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.diary-teaser{transition:none}.diary-teaser:hover{transform:none}}


/* ─── Alpha 0.4 · Living Library ─── */
.tile-art.has-cover,.detail-art.has-cover{background:#1c1420}
.tile-art.has-cover:before,.tile-art.has-cover:after,.detail-art.has-cover:before,.detail-art.has-cover:after{display:none}
.tile-cover,.detail-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center;position:absolute;inset:0}
.tile-art.has-cover{height:250px}
.tile-art.has-cover .tile-cover{transition:transform .35s ease,filter .35s ease}
.tile:hover .tile-cover{transform:scale(1.045);filter:saturate(1.08)}
.story-return{padding:25px 0 10px}
.story-banner{height:230px;border:1px solid #9d62967c;border-radius:24px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 40%,var(--accent),transparent 45%),radial-gradient(circle at 22% 78%,#ac699056,transparent 42%),linear-gradient(120deg,#321738,#0e091b);box-shadow:0 18px 50px #07020e5c}
.story-banner:before{content:'✦';position:absolute;top:20px;left:35px;color:#ffe3fa70;font-size:21px;z-index:1}
.story-banner-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.story-banner:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#130b20dc,transparent 65%);pointer-events:none}
.story-banner-moon{position:absolute;right:8%;top:-26px;color:#ffe4f07e;font:230px/1 Georgia,serif;text-shadow:0 0 44px #f6b3eb44}
.story-banner.has-banner .story-banner-moon{display:none}
.story-banner-caption{position:absolute;bottom:23px;left:30px;z-index:2;font-size:10px;letter-spacing:.25em;color:#f5cde6}
.detail-living{margin-top:-48px;position:relative;z-index:2;grid-template-columns:278px minmax(0,1fr);gap:30px;align-items:start}
.detail-living .detail-art{height:405px;border:4px solid #25132c;box-shadow:0 16px 45px #07020dc4}
.detail-living .detail-info{padding:64px 5px 0}
.story-subtitle{font:italic 19px Georgia,serif!important;color:#f9bddf!important;margin:5px 0 12px!important}
.story-original{font-size:12px!important;color:#a993b8!important;margin-top:0!important}
.story-genres{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 20px}
.story-genres .pill{padding:6px 10px}
.story-synopsis{background:linear-gradient(160deg,#27152d99,#140d1b8a);border:1px solid #8b567b61;padding:20px 22px;border-radius:16px;margin:15px 0 21px}
.story-synopsis p{margin:10px 0 0;line-height:1.72}
.story-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}
.story-credits>div{padding:15px 17px;background:#24162d;border:1px solid #7a4b7277;border-radius:14px}
.story-credits small,.story-credits strong{display:block;overflow-wrap:anywhere}
.story-credits small{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#cba5c0;margin-bottom:8px}
.story-credits strong{font-size:13px;color:#f8ddeb;font-weight:550}
.story-characters{margin:23px 0}.character-chips{display:flex;gap:9px;flex-wrap:wrap}.character-chips span{background:#291830;border:1px solid #af7b9c74;border-radius:999px;padding:9px 13px;font-size:12px;color:#f1d2e8}
.art-credit{margin:12px 0;color:#bfa4bb;font-size:11px;text-align:center;line-height:1.5;overflow-wrap:anywhere}
.adaptation-section{border-top:1px solid #8f5a795c;margin:22px 0;padding-top:23px}
.adaptation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px;margin:17px 0}
.adaptation-card{display:flex;min-width:0;gap:12px;align-items:center;background:linear-gradient(150deg,#312039,#1b1125);border:1px solid #a6749c70;border-radius:13px;padding:10px;transition:transform .2s,border-color .2s}
.adaptation-card:hover{transform:translateY(-2px);border-color:#ffbedd}
.adaptation-card img,.adaptation-glyph{width:57px;height:74px;flex:none;object-fit:cover;border-radius:8px;background:#53315b}
.adaptation-glyph{display:grid;place-items:center;font:30px Georgia,serif;color:#ffcae6}
.adaptation-card span:last-child{min-width:0;display:flex;flex-direction:column;gap:5px}
.adaptation-card small{text-transform:uppercase;letter-spacing:.14em;color:#e3a9d2;font-size:9px}.adaptation-card strong{font:500 16px/1.2 Georgia,serif;color:#f9e3ed}.adaptation-card em{font-size:10px;color:#c9a4c1;font-style:normal}
.curator-search{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center;border:1px solid #986d926e;background:linear-gradient(125deg,#2a1a35,#1b0f23);border-radius:20px;padding:24px;margin:15px 0 25px}
.curator-search h2{font:500 27px Georgia,serif;margin:8px 0 5px;color:#f8d9e8}
.curator-search label{display:block;font-size:12px;font-weight:650;margin-bottom:10px;color:#eed4e9}
.curator-picker{display:flex;gap:10px}.curator-picker select{min-width:120px}.curator-picker button{white-space:nowrap}
.curator-editor{margin-bottom:26px;border-color:#a4749f88}.curator-editor h2{font:500 31px Georgia,serif;color:#f8ddeb;margin:10px 0}
.curator-editor .form-grid{margin-top:23px}
.curator-preview{display:block;max-height:175px;max-width:170px;width:auto;object-fit:contain;border:1px solid #b77fac75;border-radius:10px;margin-top:10px}
.curator-preview-wide{max-width:260px;max-height:110px}
.rights-check{grid-column:1/-1;display:flex;gap:12px;align-items:center;color:#d9bad1;font-size:12px;line-height:1.5;padding:10px 0}
.rights-check input{width:18px;height:18px;flex:none;accent-color:#f0a8d9}
@media(max-width:850px){.curator-search{grid-template-columns:1fr}.detail-living{grid-template-columns:220px minmax(0,1fr)}.detail-living .detail-art{height:325px}.detail-living .detail-info{padding-top:60px}}
@media(max-width:640px){.story-banner{height:155px;border-radius:15px}.story-banner-moon{font-size:160px;right:5%;top:-17px}.story-banner-caption{left:16px;bottom:16px;font-size:8px}.detail-living{display:flex;flex-direction:column;gap:0;margin-top:-46px}.detail-living>div:first-child{width:100%;display:flex;flex-direction:column;align-items:center}.detail-living .detail-art{width:170px;height:245px;border-width:3px;border-radius:14px}.detail-living .detail-info{padding:19px 0 0;width:100%}.detail-living .detail-info h1{text-align:center;font-size:34px}.detail-living .detail-info>.eyebrow,.story-subtitle,.story-original{text-align:center}.story-credits{grid-template-columns:1fr}.story-synopsis{padding:15px}.curator-search{padding:17px}.curator-picker{flex-direction:column}.curator-editor{padding:17px}.tile-art.has-cover{height:205px}.art-credit{max-width:280px}}
@media(prefers-reduced-motion:reduce){.adaptation-card,.tile-art.has-cover .tile-cover{transition:none}.tile:hover .tile-cover,.adaptation-card:hover{transform:none}}

/* ── Alpha 0.5 • moonlit artwork + licence ledger ── */
.tile-art.scene-fantasy,.detail-art.scene-fantasy,.sample-art.scene-fantasy{background-image:linear-gradient(0deg,#10071925,#25112510),url('story-scenes/moonlit-garden.svg');background-position:center;background-size:cover}
.tile-art.scene-cozy,.detail-art.scene-cozy,.sample-art.scene-cozy{background-image:linear-gradient(0deg,#14071520,#2511250a),url('story-scenes/lantern-library.svg');background-position:center;background-size:cover}
.tile-art.scene-mystery,.detail-art.scene-mystery,.sample-art.scene-mystery{background-image:linear-gradient(0deg,#10071925,#25112510),url('story-scenes/star-observatory.svg');background-position:center;background-size:cover}
.tile-art.scene-action,.detail-art.scene-action,.sample-art.scene-action{background-image:linear-gradient(0deg,#10071925,#25112510),url('story-scenes/amethyst-city.svg');background-position:center;background-size:cover}
.tile-art.scene-library,.detail-art.scene-library,.sample-art.scene-library{background-image:linear-gradient(0deg,#10071925,#25112510),url('story-scenes/ink-and-books.svg');background-position:center;background-size:cover}
.tile-art:not(.has-cover):before,.detail-art:not(.has-cover):before{border-color:#ffffff58;opacity:.45;box-shadow:0 0 25px #f7abd43a}
.tile-art:not(.has-cover) .glyph,.detail-art:not(.has-cover) .glyph{color:#ffdcf5;background:#27152e72;padding:4px 14px;border:1px solid #ffe7f45c;border-radius:21px;text-shadow:0 2px 8px #150b21;box-shadow:0 8px 25px #11071c99;backdrop-filter:blur(4px)}
.tile-art:not(.has-cover){height:210px;transition:filter .3s;}
.tile:hover .tile-art:not(.has-cover){filter:saturate(1.18) brightness(1.08)}
.tile-art:not(.has-cover):after{content:'✧';color:#ffebf4cc;text-shadow:0 0 16px #efc3f0}
.detail-art:not(.has-cover){background-position:center}
.art-studio-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(270px,.8fr);gap:22px;margin-top:28px;align-items:start}
.art-side{display:grid;gap:17px}.art-side .panel+.panel{margin-top:0}
.art-upload h2,.art-side h2,.credit-item h2{font:500 28px Georgia,serif;color:#ffe4f3;margin:9px 0}
.art-upload .form-grid{margin-top:20px}.art-note{border:1px solid #d499b35e;background:linear-gradient(135deg,#46223a74,#24132f);border-radius:18px;padding:20px}
.art-note strong{color:#ffd7ea}.art-note p{margin:9px 0 13px}
.art-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:22px 0 5px}
.rights-guide{color:#d7bfd4;font-size:13px;line-height:1.75;padding-left:19px}.rights-guide li{margin:12px 0}
.art-samples{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:13px 0}.sample-art{height:150px;border-radius:14px;border:1px solid #f3c8e460;background-size:cover;background-position:center}
.art-records{display:grid;gap:14px}.art-record{display:grid;grid-template-columns:165px 1fr;gap:22px;overflow:hidden}.art-record-preview{width:165px;min-height:170px;border-radius:14px;background:linear-gradient(150deg,#4a265d,#1e1327);overflow:hidden;display:grid;place-items:center}.art-record-preview img{width:100%;height:100%;object-fit:cover}.art-record-head{display:flex;align-items:start;justify-content:space-between;gap:15px}.art-record-head h3{font:500 24px Georgia,serif;color:#ffe6f0;margin:5px 0 10px}.art-meta{font-size:13px;color:#d3bfcd;line-height:1.65;margin:7px 0;overflow-wrap:anywhere}.art-status{font-size:11px;padding:8px 11px;border-radius:40px;border:1px solid #876181;color:#ddd}.art-status-pending{color:#ffd990;border-color:#b19459}.art-status-approved{color:#b7f5d2;border-color:#6fa387}.art-status-rejected{color:#f0a7ad;border-color:#bb6c7b}.art-status-retired{color:#afadbb}
.art-review-actions{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin-top:17px}.art-review-actions form{display:flex;align-items:flex-start;flex-direction:column;gap:11px}.art-review-actions .rights-check{font-size:12px}
.diag-line{padding:12px 0;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid #6c496142;font-size:14px}.diag-line span{color:#bfa6bb}.diag-line strong{color:#ffe4f4;overflow-wrap:anywhere;max-width:100%}.diagnostic-panel{max-width:790px;margin:22px auto}.diagnostic-panel>p{line-height:1.75}.credit-list{display:grid;gap:15px;max-width:900px;margin:24px auto}.credit-item{padding:23px}.credit-item a:hover{text-decoration:underline}.credit-item .muted-link{display:inline-block;margin-right:15px}.story-credits{margin:12px 0 25px;padding:13px 18px;border-radius:13px;border:1px solid #ac77915e;background:#24132f}.story-credits small{display:block;line-height:1.65;color:#dbc8d5}.story-credits strong{color:#fff0f5}
@media(max-width:860px){.art-studio-layout{grid-template-columns:1fr}.art-side{grid-template-columns:repeat(2,minmax(0,1fr))}.art-stats .stat{padding:15px}.art-stats .stat strong{font-size:32px}}
@media(max-width:610px){.art-side{grid-template-columns:1fr}.art-record{grid-template-columns:1fr}.art-record-preview{width:100%;height:210px}.art-stats{gap:8px}.art-stats .stat{padding:11px}.art-stats .stat strong{font-size:27px}.art-stats .stat span{font-size:10px}.tile-art:not(.has-cover){height:160px}}

.story-art-credits{margin:16px 0 12px}.story-art-credits small{padding-top:7px}.story-art-credits a{color:#ffcee6;text-decoration:underline;text-underline-offset:3px}

/* Alpha 0.6 — The Moonlight Discovery Update */
.autonew{margin:28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:radial-gradient(circle at 78% 16%,#713e8355,transparent 37%),#1e1529}.autonew h2{font:500 clamp(24px,3vw,34px) Georgia,serif;margin:8px 0}.autonew p{margin:4px 0 0}.autonew .hero-actions{margin-top:0}
.moon-days{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0 15px}.moon-days a{padding:10px 15px;border-radius:13px;background:#1b1427;border:1px solid #5a3a68;color:#d9c2ea;font-size:13px;flex:1;text-align:center;min-width:64px}.moon-days a.selected,.moon-days a:hover{background:linear-gradient(125deg,#e29bcf,#b295f7);color:#22152e;border-color:#d6a1eb;font-weight:750}.schedule-legend{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:20px;align-items:center}.week-schedule{display:grid;gap:24px}.schedule-day-head{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:8px 0 14px}.schedule-day-head h2{font:500 31px Georgia,serif;margin:0}.schedule-items{display:grid;gap:12px}.schedule-item{display:flex;gap:18px;align-items:center;padding:18px}.schedule-item h3{font:500 23px Georgia,serif;margin:0 0 5px}.schedule-item h3 a:hover{color:#f6bce7}.schedule-item p{margin:0 0 4px}.schedule-item .form-note a{color:#efb3e1;text-decoration:underline}.schedule-item form{margin-left:auto}.schedule-glyph{font-size:28px;display:grid;place-items:center;flex:0 0 53px;height:62px;color:#ffcdf5;background:linear-gradient(130deg,#3c2b5b,#251832);border:1px solid #75558a;border-radius:14px}.seasonal-grid{margin:28px 0}.season-card{border:1px solid #674f78;border-radius:19px;overflow:hidden;background:#1d1328;transition:transform .15s}.season-card:hover{transform:translateY(-4px)}.season-card-img{height:145px;display:grid;place-items:center;background:radial-gradient(circle at 72% 28%,#754d9e66,transparent 45%),#201732;color:#fad3f2;font-size:53px}.season-card-text{padding:16px}.season-card-text h3{font-size:15px;line-height:1.4;min-height:39px}.season-card-text p{font-size:12px;margin-bottom:0}
@media(max-width:760px){.autonew{align-items:flex-start}.schedule-item{align-items:flex-start}.schedule-glyph{flex-basis:42px;height:50px}.schedule-item h3{font-size:20px}.schedule-item form{margin-top:2px}.moon-days a{min-width:57px;padding:9px 8px}.seasonal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:420px){.schedule-item{flex-wrap:wrap}.schedule-item form{margin:0 0 0 60px}.moon-days a{min-width:calc(25% - 8px)}}
.season-card-img.scene-fantasy{background-image:url('story-scenes/moonlit-garden.svg')}.season-card-img.scene-cozy{background-image:url('story-scenes/lantern-library.svg')}.season-card-img.scene-mystery{background-image:url('story-scenes/amethyst-city.svg')}.season-card-img.scene-action{background-image:url('story-scenes/star-observatory.svg')}.season-card-img.scene-library{background-image:url('story-scenes/ink-and-books.svg')}.season-card-img{background-size:cover;background-position:center}

.catalog-pages{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap;margin:28px 0 12px}


/* Alpha 0.6.1 • The Whimsy Everywhere Pass. CSS-only flourishes; reduced motion respected. */
:root{--petal:#ffb9df;--mooncream:#ffe8f6;--moon-glow:#f7aedb5e}
body{background:radial-gradient(ellipse at 10% 6%,#9a42712b,transparent 35%),radial-gradient(ellipse at 89% 52%,#7351b52b,transparent 35%),radial-gradient(ellipse at 45% 95%,#ce88ae18,transparent 47%),#0e0817}
.moonlit-main{position:relative;isolation:isolate}
.moonlit-main:before{content:'';position:absolute;inset:0 calc(50% - 50vw);z-index:-1;pointer-events:none;opacity:.55;background-image:radial-gradient(circle at 8% 6%,#ffcaec 0 1px,transparent 2px),radial-gradient(circle at 93% 13%,#ffc5ea 0 1px,transparent 2px),radial-gradient(circle at 68% 42%,#e9adf0 0 1px,transparent 2px),radial-gradient(circle at 22% 72%,#ffc5ea 0 1px,transparent 2px);background-size:270px 480px,390px 330px,330px 390px,420px 300px}
.top{border-bottom-color:#ab73946e;box-shadow:0 4px 35px #0008}
.brand{position:relative}.brand:after{content:'✧';position:absolute;right:-13px;top:2px;color:#ffcbef;font-size:13px;text-shadow:0 0 14px #f8ace2;pointer-events:none}
.nav a:not(.btn):not(.nav-cta){position:relative;transition:color .2s,text-shadow .2s}
.nav a:not(.btn):hover,.nav a.active{text-shadow:0 0 13px #dba4f099}
.nav a.active:after{box-shadow:0 0 12px #f5a8d5}
.btn.primary,.nav-cta{box-shadow:0 5px 20px #dc82b83a;transition:transform .2s,box-shadow .2s}
.btn.primary:hover,.nav-cta:hover{box-shadow:0 8px 31px #f1a6d677}
.field,.select,.text-area{background:linear-gradient(160deg,#160c22,#0f0a1a);border-color:#80516e77;box-shadow:inset 0 1px 8px #0003;transition:border-color .2s,box-shadow .2s}
.field:hover,.select:hover,.text-area:hover{border-color:#ba7fa4}.field:focus,.select:focus,.text-area:focus{border-color:#f5acd6;box-shadow:0 0 0 3px #d88fc624}
.panel,.stat,.filter-bar,.journey-summary,.diary-note,.diary-teaser,.collection-card,.schedule-item,.art-record,.empty{position:relative}
.panel:before,.stat:before,.filter-bar:before,.journey-summary:before,.diary-note:before,.empty:before{content:'✧';position:absolute;top:9px;right:14px;color:#f4b3d654;font-size:16px;pointer-events:none}
.panel,.stat,.diary-note,.collection-card{box-shadow:0 14px 38px #06030e62, inset 0 1px 0 #e6b9e117}
.section-head .eyebrow:before,.page-intro-magic .eyebrow:before{content:'✿ ';color:#ffc7e4}
.section-head h2,.page-title,.story-info h1{color:var(--mooncream)}
.page-intro-magic{background:radial-gradient(circle at 78% 17%,#dc81be32,transparent 35%),radial-gradient(circle at 12% 100%,#5a407e55,transparent 44%),linear-gradient(115deg,#28142c,#130a1e);box-shadow:0 13px 44px #09040d44,inset 0 0 46px #ad6b9915}
.page-intro-magic:before{content:'✿　✦　✿';position:absolute;right:18px;bottom:13px;color:#db9bb244;font-size:16px;letter-spacing:.45em;pointer-events:none}
.hero.hero-world .hero-inner{position:relative}
.hero-world .hero-footnote{letter-spacing:.33em;text-shadow:0 0 12px #ffb9dc6c}
.portal-card,.autonew{box-shadow:inset 0 1px 0 #e7b2db28,0 15px 30px #0004}
.autonew{position:relative;overflow:hidden;border-color:#b784ae88;background:radial-gradient(circle at 96% 15%,#ed98c14b,transparent 30%),radial-gradient(circle at 10% 100%,#734b9c42,transparent 35%),#1e1529}
.autonew:after{content:'☾　✧';position:absolute;right:15px;bottom:12px;font-size:42px;letter-spacing:15px;opacity:.18;pointer-events:none}
.illustration-notice{font-size:12px;color:#f2c6dc;margin:8px 0 0;line-height:1.6;max-width:650px}
.illustration-notice:before{content:'✧ ';color:#f7ccf5}
.tile{position:relative;background:linear-gradient(170deg,#2b1931,#17101f);box-shadow:0 12px 24px #0005,inset 0 1px 0 #fbd4e51e;border-color:#ad729976}
.tile:hover{box-shadow:0 18px 38px #ac648f45,0 0 0 1px #dfa3c733}
.tile-art,.detail-art,.season-card-img{isolation:isolate;position:relative;overflow:hidden}
.scene-illustration{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:0;display:block;transition:transform .48s ease,filter .48s ease;filter:saturate(1.17) brightness(.97)}
.tile:hover .scene-illustration,.season-card:hover .scene-illustration{transform:scale(1.08);filter:saturate(1.32) brightness(1.08)}
.tile-art:not(.has-cover):before,.tile-art:not(.has-cover):after,.detail-art:not(.has-cover):before,.detail-art:not(.has-cover):after{z-index:1;pointer-events:none}
.tile-art:not(.has-cover):before,.detail-art:not(.has-cover):before{border-color:#ffe8f055}
.tile-art:not(.has-cover){height:224px}
.tile-art .scene-label,.detail-art .scene-label{position:absolute;bottom:11px;left:11px;z-index:2;pointer-events:none;color:#fff2fb;background:#1a0e2bbd;border:1px solid #ffc3e37a;border-radius:100px;font-size:10px;letter-spacing:.04em;line-height:1.3;padding:6px 10px;box-shadow:0 5px 15px #0006;backdrop-filter:blur(8px)}
.detail-art .scene-label{font-size:12px;bottom:17px;left:17px}
.tile-art.has-cover .tile-cover,.detail-art.has-cover .detail-cover{position:relative;z-index:1}
.season-card-img{height:184px}
.season-card-img .scene-illustration{object-position:center 36%}
.season-moon{z-index:2;position:relative;font-size:36px;text-shadow:0 0 23px #f7bbe6cc}
.tile-copy{position:relative}.tile-copy:after{content:'✦';position:absolute;right:13px;top:12px;color:#f3acd1a8;font-size:13px;pointer-events:none}
.tile-foot{border-top:1px solid #a4739b32;padding-top:9px}
.detail-art{box-shadow:0 15px 42px #0008,0 0 0 3px #d9a3d70e}
.adaptation-scene{width:100%;height:100%;object-fit:cover}
.story-banner:not(.has-banner){background:linear-gradient(90deg,#28152dc7,#24163380),url('story-scenes/star-observatory.svg') center 41% / cover no-repeat}
.collection-glyph{position:relative;box-shadow:inset 0 1px 0 #ffefff6a,0 8px 20px #09030e66}
.collection-glyph:after{content:'✧';position:absolute;right:-8px;top:-9px;font-size:13px;color:#f2b0da}
.diary-panel,.diary-note,.diary-teaser{border-color:#cc87ae66}
.diary-note{background:radial-gradient(circle at 98% 0,#ae5e922c,transparent 44%),linear-gradient(145deg,#2d1b3a,#180f24)}
.empty{overflow:hidden;border-style:solid;border-color:#b77e9e70;background:radial-gradient(circle at 50% 100%,#92477940,transparent 54%),linear-gradient(155deg,#271532,#150c1e)}
.empty:after{content:'✿　　 ☾　　 ✧';display:block;margin-top:20px;color:#f2b5d677;letter-spacing:.2em;font-size:21px;pointer-events:none}
.empty .empty-icon{filter:drop-shadow(0 0 13px #f3aedb88)}
.stat strong{filter:drop-shadow(0 0 11px #e6a8dc57)}
.episode-dot.watched{box-shadow:0 0 13px #e9aad955}.episode-dot.next{box-shadow:0 0 17px #f9bde88c}
.sky{background:radial-gradient(ellipse at 55% 44%,#ba6da23e,transparent 54%),radial-gradient(circle at 78% 11%,#ffe9f419,transparent 16%),url('story-scenes/star-observatory.svg') center/cover no-repeat,#130b20}
.moon-days a{box-shadow:inset 0 1px 0 #eac4eb20}
.schedule-day-head:before{content:'✿';color:#ffc6e7;font-size:24px}
.schedule-glyph{box-shadow:inset 0 0 18px #d49bdc39}
.season-card{box-shadow:0 14px 28px #0005}
.season-card:hover{box-shadow:0 18px 42px #bf74a349}
.art-samples .sample-art{box-shadow:inset 0 0 30px #0003,0 8px 25px #0005}
.footer{position:relative;background:radial-gradient(ellipse at 50% 0,#5c2a5750,transparent 57%),#0b0610;border-color:#a8749663;overflow:hidden}
.footer:before{content:'✧　　 ☾　　 ✿　　 ✦';display:block;text-align:center;margin:-21px 0 30px;letter-spacing:1em;font-size:20px;color:#e9a0c3aa}
.footer a:hover{color:#ffe2f0;text-decoration:underline;text-underline-offset:4px}
/* Cozy motion, never required to read information. */
@media(prefers-reduced-motion:no-preference){.hero-stars{animation:tsuki-twinkle 5s ease-in-out infinite}.scene-label{animation:tsuki-softglow 6s ease-in-out infinite}.brand:after{animation:tsuki-twinkle 6s ease-in-out infinite}}
@keyframes tsuki-twinkle{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes tsuki-softglow{0%,100%{box-shadow:0 5px 15px #0006}50%{box-shadow:0 5px 18px #9f53878c}}
@media(max-width:900px){.tile-art:not(.has-cover){height:190px}.season-card-img{height:165px}}
@media(max-width:640px){.tile-art:not(.has-cover){height:164px}.tile-art .scene-label{font-size:9px;left:7px;bottom:7px}.page-intro-magic:before{font-size:12px;letter-spacing:.25em}.autonew:after{display:none}.scene-illustration{object-position:center 48%}.footer:before{letter-spacing:.35em}.detail-art .scene-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){.scene-illustration,.btn.primary,.nav-cta,.field,.select,.text-area{animation:none!important;transition:none!important}.tile:hover .scene-illustration,.season-card:hover .scene-illustration{transform:none}}

/* Alpha 0.7: Free Art Finder */
.free-art-finder{margin:25px 0;border:1px solid #d69cc17a;background:linear-gradient(135deg,#311c3985,#16101fb5),radial-gradient(circle at 85% 3%,#efa7d71f,transparent 40%)}
.free-art-finder h2{font-family:Georgia,serif;font-size:clamp(25px,3vw,35px);font-weight:500;margin:8px 0 14px}
.free-art-finder .section-head{align-items:center;margin-top:24px}
.free-art-finder .section-head h3{font:500 24px Georgia,serif}
.free-art-form{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;margin:20px 0}
.free-art-form .form-group{min-width:min(100%,320px);flex:1}
.free-art-guide{border:1px solid #825974;border-radius:14px;background:#24152d;padding:15px 18px;line-height:1.65;font-size:13px;color:#f5d2eb}
.free-art-candidates{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:12px}
.free-art-candidate{background:radial-gradient(circle at top right,#c86ab31c,transparent 40%),#160f20;padding:18px!important;overflow-wrap:anywhere}
.free-art-candidate .art-meta{font-size:12px;color:#cdb5d2}
.free-art-candidate .pill{margin-left:8px}
.free-art-candidate form{margin-top:12px}


/* Alpha 0.7.1 — Tsuki Nightfall select contrast repair.
   Keep the browser's native dropdown popup in a legible dark palette.
   Applied to the entire site (season filters, admin, Art Studio, diary). */
select, select.select, select.field, .form-group select, .filter-bar select {
  color-scheme: dark;
  background-color: #170f26;
  color: #f9eafa;
  border-color: #8a5b8c;
}
select option, select optgroup {
  background-color: #1a1128;
  color: #f9eafa;
}
select option:disabled { color: #bcb0c8; }
select:focus-visible {
  outline: 2px solid #f4a4db;
  outline-offset: 2px;
}