:root{--spark:#d7aa64;--spark-ivory:#f1eadf;--spark-line:rgba(213,171,102,.38)}body.spark-page{background:#061018;color:#eee8df}.spark-page .site-header{background:linear-gradient(140deg,rgba(5,15,22,.82),rgba(5,8,10,.72))}.spark-page .brand img{width:215px;max-height:70px;object-fit:contain}.spark-hero{position:relative;min-height:780px;padding:112px clamp(24px,4vw,72px) 54px;overflow:hidden;border-bottom:1px solid var(--spark-line)}.spark-backdrop{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,12,.55),rgba(2,8,12,.34) 52%,rgba(2,8,12,.12)),linear-gradient(180deg,rgba(3,8,11,.12),rgba(3,9,13,.72) 96%),url('/assets/illiana-city-v1.png') center/cover}.breadcrumb{position:relative;z-index:2;color:#bbc3c5;font:12px var(--serif);letter-spacing:.06em;margin:0 0 34px}.breadcrumb a{color:inherit}.breadcrumb span{padding:0 8px;color:var(--spark)}.spark-hero-grid{position:relative;z-index:2;max-width:1440px;margin:auto;display:grid;grid-template-columns:minmax(300px,420px) minmax(430px,650px) 210px;gap:clamp(34px,4vw,70px);align-items:center}.book-wrap{perspective:1400px;padding:15px 0}.book{height:570px;display:grid;grid-template-columns:55px 1fr;transform:rotateY(-8deg);filter:drop-shadow(25px 25px 25px rgba(0,0,0,.6))}.book-spine{background:#07111a;border:1px solid rgba(220,224,221,.34);border-right:0;writing-mode:vertical-rl;transform:rotate(180deg);padding:24px 15px;font:500 17px/1 var(--serif);letter-spacing:.13em;color:#e8e4dd}.book-cover{position:relative;display:flex;flex-direction:column;align-items:center;padding:55px 28px 34px;border:1px solid rgba(220,224,221,.46);background:linear-gradient(180deg,rgba(1,8,13,.2),rgba(1,8,13,.25)),url('/assets/illiana-city-v1.png') 70% center/auto 100%;text-align:center;box-shadow:inset 0 0 60px #02070b}.book-cover p{font:500 28px var(--serif);letter-spacing:.08em}.book-cover h2{font:500 66px/1 var(--serif);letter-spacing:.04em}.book-cover small{margin-top:auto;align-self:flex-end;max-width:145px;font:10px/1.65 var(--sans);letter-spacing:.14em;text-align:left}.book-cover strong{margin-top:34px;font:500 22px var(--serif);letter-spacing:.13em;color:#e1ad60}.hero-copy .kicker{color:var(--spark)}.hero-copy h1{font:500 clamp(54px,5.7vw,86px)/.98 var(--serif);letter-spacing:.045em;margin:18px 0}.byline,.motto{font:500 15px/1.65 var(--serif);letter-spacing:.2em}.rule{display:block;width:45px;height:2px;background:var(--spark);margin:24px 0}.motto{margin:0 0 24px}.synopsis{font:16px/1.55 var(--serif);max-width:625px;color:#e2e2dd}.hero-actions{display:flex;gap:18px;margin-top:32px}.glass-action{min-height:55px;min-width:190px;padding:0 27px;border:1px solid rgba(215,170,100,.7);border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:19px;background:linear-gradient(145deg,rgba(35,38,38,.55),rgba(4,10,13,.62));backdrop-filter:blur(14px) saturate(1.1);box-shadow:inset 0 1px rgba(255,255,255,.2),inset 0 -2px 5px #000,0 12px 26px rgba(0,0,0,.35);color:#efe3d3;font:15px var(--serif);transition:.22s ease;cursor:pointer}.glass-action.ivory{background:linear-gradient(145deg,#f2dfb9,#c89d5a);color:#17120b;border-color:#f1d49b}.glass-action:hover{transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.28),0 0 22px rgba(218,170,93,.34),0 15px 32px rgba(0,0,0,.4)}.spark-hero-grid>blockquote{font:500 13px/1.55 var(--serif);letter-spacing:.13em;text-align:center;align-self:center}.spark-traits{position:relative;z-index:3;margin-top:-1px;display:grid;grid-template-columns:repeat(4,1fr);padding:30px clamp(20px,6vw,100px);border:1px solid var(--spark-line);border-radius:45px 45px 0 0;background:linear-gradient(135deg,rgba(7,19,27,.9),rgba(2,8,12,.94));backdrop-filter:blur(20px)}.spark-traits div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}.spark-traits span{font:32px var(--serif);color:var(--spark)}.spark-traits strong,.section-label{font:500 13px var(--serif);letter-spacing:.2em}.spark-traits small{font:13px var(--serif);color:#c9c9c6}.spark-content{max-width:1380px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:30px;padding:42px 24px 20px}.glass-panel,.world-quote,.explore,.spark-cta{border:1px solid rgba(206,218,218,.25);border-radius:14px;background:linear-gradient(145deg,rgba(18,31,38,.74),rgba(4,12,16,.72));box-shadow:inset 0 1px rgba(255,255,255,.08),0 18px 50px rgba(0,0,0,.28);backdrop-filter:blur(14px)}.spark-content article{padding:36px}.spark-content article p:not(.section-label){font:16px/1.55 var(--serif);color:#e0ded8}.world-quote{min-height:470px;margin:0;position:relative;overflow:hidden;background:linear-gradient(180deg,transparent 35%,rgba(0,7,11,.74)),url('/assets/illiana-city-v1.png') 75% center/cover}.world-quote blockquote{position:absolute;left:34px;bottom:34px;font:500 19px/1.35 var(--serif);letter-spacing:.12em}.explore{max-width:1332px;margin:20px auto;padding:28px}.explore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.explore-card{min-height:275px;border:1px solid rgba(220,194,149,.3);border-radius:9px;overflow:hidden;position:relative;display:flex;align-items:flex-end;justify-content:space-between;padding:22px;background-image:linear-gradient(180deg,transparent 25%,rgba(1,7,10,.9)),url('/assets/illiana-city-v1.png');background-size:auto,cover;color:#eee8df}.explore-card.themes{background-position:center,52% 52%}.explore-card.world{background-position:center,85% center}.explore-card span{font:500 18px var(--serif);letter-spacing:.14em}.explore-card small{display:block;margin-top:7px;font:13px var(--serif);letter-spacing:0}.explore-card b{width:36px;height:36px;border:1px solid var(--spark);border-radius:50%;display:grid;place-items:center;color:var(--spark)}.spark-cta{max-width:1332px;min-height:270px;margin:32px auto 70px;padding:48px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(4,12,16,.18),rgba(4,12,16,.74)),url('/assets/illiana-city-v1.png') center 63%/cover}.spark-cta p{font:500 21px var(--serif);letter-spacing:.2em}.spark-cta>span{font:14px var(--serif);margin:10px 0 24px}.spark-page .site-footer{background:linear-gradient(140deg,rgba(5,15,22,.86),rgba(4,7,9,.9))}.spark-page .footer-brand img{width:230px;max-width:100%}@media(max-width:1100px){.spark-hero-grid{grid-template-columns:320px 1fr}.spark-hero-grid>blockquote{display:none}.book{height:500px}.book-cover h2{font-size:48px}}@media(max-width:760px){.spark-hero{padding:100px 20px 38px}.spark-hero-grid{grid-template-columns:1fr}.book-wrap{max-width:310px;margin:auto}.book{height:450px;grid-template-columns:44px 1fr}.book-cover h2{font-size:44px}.hero-copy h1{font-size:51px}.hero-actions{flex-direction:column}.glass-action{width:100%}.spark-traits{grid-template-columns:repeat(2,1fr);gap:28px 12px;border-radius:28px 28px 0 0}.spark-content{grid-template-columns:1fr}.world-quote{min-height:360px}.explore-grid{grid-template-columns:1fr}.spark-cta{margin-inline:20px}.spark-page .brand img{width:178px}}
:root .spark-page .brand img,:root .spark-page .footer-brand img{display:none}
.spark-page .glass-action,.spark-page .glass-panel,.spark-page .world-quote,.spark-page .explore,.spark-page .spark-cta,.spark-page .spark-traits,.spark-page .explore-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(221,184,119,.62);background-color:rgba(8,14,17,.56);-webkit-backdrop-filter:blur(22px) saturate(1.18);backdrop-filter:blur(22px) saturate(1.18);box-shadow:inset 0 1px 0 rgba(255,245,220,.32),inset 0 -2px 5px rgba(0,0,0,.88),inset 1px 0 0 rgba(255,255,255,.08),0 18px 48px rgba(0,0,0,.42)}
.spark-page .glass-action:before,.spark-page .glass-panel:before,.spark-page .world-quote:before,.spark-page .explore:before,.spark-page .spark-cta:before,.spark-page .spark-traits:before,.spark-page .explore-card:before{content:"";position:absolute;z-index:-1;inset:3px;border:1px solid rgba(240,216,172,.16);border-radius:inherit;pointer-events:none}
.spark-page .glass-action:after,.spark-page .glass-panel:after,.spark-page .world-quote:after,.spark-page .explore:after,.spark-page .spark-cta:after,.spark-page .spark-traits:after,.spark-page .explore-card:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(118deg,rgba(255,246,225,.13),rgba(255,255,255,.025) 31%,transparent 47%,rgba(196,149,76,.07) 79%,rgba(255,239,207,.11));pointer-events:none}
.spark-page .glass-action{border-radius:17px;background:linear-gradient(145deg,rgba(52,49,43,.62),rgba(5,11,14,.7));box-shadow:inset 0 1px rgba(255,250,235,.42),inset 0 -3px 6px #000,0 0 0 3px rgba(164,124,65,.1),0 14px 34px rgba(0,0,0,.52)}
.spark-page .glass-action.ivory{color:#f5efe5;border-color:rgba(244,234,214,.78);background:linear-gradient(145deg,rgba(227,219,203,.28),rgba(119,112,101,.14) 45%,rgba(9,14,16,.72));box-shadow:inset 0 1px rgba(255,255,255,.7),inset 0 -3px 7px rgba(0,0,0,.92),0 0 0 3px rgba(238,226,203,.09),0 14px 34px rgba(0,0,0,.55)}
.spark-page .glass-action:hover,.spark-page .explore-card:hover{border-color:#e9bb72;transform:translateY(-2px);box-shadow:inset 0 1px rgba(255,255,255,.52),inset 0 -2px 6px #000,0 0 24px rgba(218,170,93,.36),0 18px 38px rgba(0,0,0,.52)}
.spark-page .spark-traits{margin-inline:clamp(12px,2vw,32px);border-radius:38px 38px 14px 14px;background:linear-gradient(145deg,rgba(30,42,47,.62),rgba(3,10,14,.74))}
.spark-page .glass-panel,.spark-page .world-quote,.spark-page .explore,.spark-page .spark-cta{border-radius:17px}
.spark-page .explore-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}
.spark-page .book-wrap{margin:0;display:flex;align-items:center;justify-content:center;perspective:1200px;padding:0;position:relative}
.spark-page .book-wrap:before{display:none}
.spark-page .book-mockup{display:block;width:min(100%,440px);height:auto;max-height:650px;object-fit:contain;border:1px solid rgba(224,206,171,.34);border-radius:3px 1px 1px 3px;box-shadow:inset 7px 0 11px rgba(255,255,255,.045),inset -2px 0 3px rgba(0,0,0,.8),0 2px 1px rgba(228,215,194,.13),18px 26px 28px rgba(0,0,0,.7);transform:rotateY(-2deg);transform-origin:right center;animation:book-arrive .9s cubic-bezier(.2,.75,.2,1) both}
@keyframes book-arrive{from{opacity:0;transform:translateY(18px) rotateY(-2deg) scale(.975)}to{opacity:1;transform:rotateY(-2deg) scale(1)}}
@media(max-width:1100px){.spark-page .book-mockup{max-height:560px}}
@media(max-width:1400px) and (min-width:1101px){.spark-page .spark-hero-grid{grid-template-columns:minmax(260px,350px) minmax(390px,1fr) 165px;gap:30px}.spark-page .book-mockup{width:min(100%,350px);max-height:565px}.spark-page .hero-copy h1{font-size:clamp(50px,5vw,70px)}.spark-page .spark-hero-grid>blockquote{font-size:11px}}
.spark-page .spark-backdrop{background:linear-gradient(90deg,rgba(2,8,12,.42),rgba(2,8,12,.28) 52%,rgba(2,8,12,.06)),linear-gradient(180deg,rgba(3,8,11,.08),rgba(3,9,13,.72) 96%),url('/assets/illiana-modern-noir-v1.png') center/cover}
.spark-page .world-quote{background:linear-gradient(180deg,transparent 28%,rgba(0,7,11,.78)),url('/assets/illiana-modern-noir-v1.png') 76% center/cover}
.spark-page .explore-card{background-image:linear-gradient(180deg,transparent 24%,rgba(1,7,10,.9)),url('/assets/illiana-modern-noir-v1.png')}
.spark-page .explore-card.setting{background-position:center,left center}.spark-page .explore-card.themes{background-position:center,64% center}.spark-page .explore-card.world{background-position:center,right center}
.spark-page .spark-cta{background:linear-gradient(180deg,rgba(4,12,16,.12),rgba(4,12,16,.76)),url('/assets/illiana-modern-noir-v1.png') center 72%/cover}
@media(max-width:760px){.spark-page .book-wrap{max-width:340px}.spark-page .book-mockup{max-height:none;width:100%}}
@media(prefers-reduced-motion:reduce){.spark-page .book-mockup{animation:none}}
.spark-page button.explore-card{width:100%;color:#eee8df;text-align:left;font:inherit;cursor:pointer}.spark-page.modal-open{overflow:hidden}.spark-dialog{width:min(980px,calc(100vw - 32px));max-height:min(88vh,900px);padding:0;border:0;overflow:visible;background:transparent;color:#f5f4f1}.spark-dialog::backdrop{background:rgba(1,6,9,.72);-webkit-backdrop-filter:blur(14px) saturate(120%);backdrop-filter:blur(14px) saturate(120%)}.dialog-glass{position:relative;max-height:min(88vh,900px);padding:clamp(28px,5vw,58px);overflow:auto;border:1px solid rgba(255,255,255,.42);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.075) 46%,rgba(255,255,255,.13)),rgba(8,18,24,.54);box-shadow:inset 0 1.5px rgba(255,255,255,.68),inset 1px 0 rgba(255,255,255,.18),inset -1px 0 rgba(255,255,255,.1),0 34px 100px rgba(0,0,0,.62);-webkit-backdrop-filter:blur(48px) saturate(155%) brightness(1.08);backdrop-filter:blur(48px) saturate(155%) brightness(1.08)}.dialog-glass::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 12% -12%,rgba(255,255,255,.56),transparent 34%),radial-gradient(circle at 105% 110%,rgba(190,220,237,.18),transparent 38%),linear-gradient(115deg,transparent 18%,rgba(255,255,255,.1) 38%,transparent 56%)}.dialog-close{position:sticky;z-index:3;top:0;float:right;width:42px;height:42px;border:1px solid rgba(255,255,255,.36);border-radius:50%;background:rgba(255,255,255,.14);box-shadow:inset 0 1px rgba(255,255,255,.42),0 8px 22px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);color:#fff;font:24px/1 var(--sans);cursor:pointer}.dialog-heading{position:relative;max-width:720px;padding-right:52px}.dialog-heading p{margin:0 0 12px;color:#f0c579;font:10px var(--sans);letter-spacing:.22em}.dialog-heading h2{margin:0;font:500 clamp(38px,6vw,68px)/.98 var(--serif);letter-spacing:.03em}.dialog-heading span{display:block;margin-top:13px;color:rgba(244,241,235,.72);font:16px/1.5 var(--serif)}.dialog-rule{position:relative;display:flex;align-items:center;gap:12px;margin:26px 0 30px;color:#efd098}.dialog-rule i{height:1px;flex:1;background:linear-gradient(90deg,rgba(255,255,255,.55),transparent)}.dialog-rule i:last-child{background:linear-gradient(90deg,transparent,rgba(255,255,255,.55))}.sample-copy{position:relative;max-width:720px;margin:auto;padding:clamp(24px,4vw,42px);border:1px solid rgba(255,255,255,.25);border-radius:22px;background:rgba(2,8,12,.32);box-shadow:inset 0 1px rgba(255,255,255,.15)}.sample-copy p{color:#f0ece4;font:18px/1.8 var(--serif)}.sample-copy .dropcap:first-letter{float:left;margin:6px 10px 0 0;color:#f1c97e;font:72px/.7 var(--serif)}.sample-copy blockquote{margin:30px 0;padding:22px;border-block:1px solid rgba(239,198,125,.42);color:#f3d6a4;font:italic 25px/1.4 var(--serif);text-align:center}.lore-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.lore-grid article{min-height:260px;padding:28px;border:1px solid rgba(255,255,255,.27);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.045));box-shadow:inset 0 1px rgba(255,255,255,.3),0 14px 34px rgba(0,0,0,.18)}.lore-grid article>span{color:#e8be76;font:10px var(--sans);letter-spacing:.18em}.lore-grid h3{margin:42px 0 12px;font:28px/1.08 var(--serif)}.lore-grid p,.world-map-copy>p{color:rgba(245,242,236,.76);font:16px/1.65 var(--serif)}.world-map-copy{max-width:780px;margin:auto;text-align:center}.world-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.world-facts span{padding:21px;border:1px solid rgba(255,255,255,.25);border-radius:18px;background:rgba(255,255,255,.08);font:12px var(--sans);letter-spacing:.11em}.world-facts b{display:block;margin-bottom:6px;color:#f0cf92;font:28px var(--serif)}.cart-item{display:grid;grid-template-columns:115px 1fr auto;gap:24px;align-items:center;margin-top:34px;padding:22px;border:1px solid rgba(255,255,255,.3);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.055));box-shadow:inset 0 1px rgba(255,255,255,.38)}.cart-item img{width:115px;height:164px;object-fit:cover;border-radius:5px;box-shadow:0 13px 30px rgba(0,0,0,.42)}.cart-item p{margin:0;color:#edc37b;font:9px var(--sans);letter-spacing:.17em}.cart-item h3{margin:7px 0 4px;font:30px var(--serif)}.cart-item span{color:rgba(255,255,255,.65);font:13px var(--serif)}.quantity-control{display:flex;align-items:center;gap:12px;margin-top:20px}.quantity-control button,.cart-remove{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.quantity-control button{width:34px;height:34px;border-radius:50%;font-size:17px}.quantity-control strong{min-width:18px;text-align:center}.cart-remove{padding:10px 13px;border-radius:999px}.cart-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:24px}.cart-actions .glass-action{min-width:190px}.cart-empty{padding:58px 20px;text-align:center}.cart-empty>span{font-size:40px}.cart-empty h2{font:44px var(--serif);margin:10px}.cart-empty p{color:rgba(255,255,255,.68)}.cart-empty .glass-action{margin-top:22px}@media(max-width:720px){.spark-dialog{width:calc(100vw - 18px)}.dialog-glass{padding:24px 18px;border-radius:24px}.lore-grid,.world-facts{grid-template-columns:1fr}.lore-grid article{min-height:0}.cart-item{grid-template-columns:80px 1fr}.cart-item img{width:80px;height:114px}.cart-remove{grid-column:1/-1}.cart-actions{flex-direction:column}.cart-actions .glass-action{width:100%}.sample-copy{padding:24px}.sample-copy p{font-size:16px}}