.collection-preview .dashboard{--game-glow:125,155,113;background:#101413}
.selected-brand>.morogue-wordmark{left:0;top:28px;width:455px;height:auto;image-rendering:auto}
.case-cover.cover-morogue{background:#130e15}.cover-morogue>.cover-art{position:absolute;left:0;top:92px;width:400px;height:auto;max-height:none}.cover-morogue .cover-tint{position:absolute;inset:43px 0 0;background:linear-gradient(#110b1480,transparent 27%)}.cover-morogue>.cover-logo{position:absolute;left:20px;top:59px;width:360px;height:auto;filter:drop-shadow(0 2px 3px #120810)}
.case-spine.spine-morogue{background:#1b1019}.spine-morogue .spine-logo{left:129px;top:12px;width:350px;height:auto}.spine-morogue .spine-picture{background-image:url('original-case-assets/morogue-cover-art.png');background-size:565px auto;background-position:50% 31%;mask-image:linear-gradient(90deg,transparent,#000 23%)}
.collection-panel{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;box-shadow:none;overflow:auto;background:#0c1012;color:#f3ebd9;isolation:isolate;transition:opacity .4s}
.collection-panel::backdrop{background:#070a0c;backdrop-filter:none}.collection-panel[open]{display:block;animation:panel-enter .35s ease-out}.collection-panel.leaving{opacity:0}
.panel-atmosphere{position:absolute;inset:0;min-height:100%;z-index:-1;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 66% 36%,#3f202b55,transparent 68%),linear-gradient(150deg,#141a1c,#080c0e);animation:gallery-breathe 20s ease-in-out infinite alternate}.collection-panel[data-view="demos"] .panel-atmosphere{background:radial-gradient(ellipse at 67% 32%,#22394e66,transparent 65%),linear-gradient(150deg,#141a1c,#080c0e)}.panel-atmosphere i{position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;background:#e1d5bc;border-radius:50%;opacity:.3;box-shadow:0 0 8px 2px #e1d5bc25;animation:panel-mote 18s ease-in-out infinite alternate;animation-delay:var(--delay)}
.panel-header{height:112px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,84px)}.collection-panel button{float:none;margin:0;border:0;background:none;border-radius:0;padding:0}.collection-panel .panel-back{display:flex;align-items:center;gap:18px;font-size:18px;color:#e4ded1}.panel-back span{font-size:26px}.collection-panel .panel-close{width:42px;height:42px;border-radius:50%;font-size:20px;color:#aaa}.collection-panel .panel-close:hover{background:#ffffff0e;color:#fff}
.cover-review-layout{display:grid;grid-template-columns:minmax(260px,470px) minmax(250px,440px);gap:clamp(40px,10vw,170px);justify-content:center;align-items:center;min-height:calc(100dvh - 112px);padding:20px 6vw 60px}.panel-eyebrow{font-size:12px!important;letter-spacing:.2em;color:#aab4b5;margin:0 0 30px;max-width:none!important}.panel-wordmark{width:100%;height:auto;max-height:none;max-width:none}.panel-genre{font-size:14px!important;letter-spacing:.04em;color:#aeb8b9;margin:28px 0 12px}.collection-panel .panel-description{font-size:20px;line-height:1.6;font-weight:350;color:#d0d4d2;max-width:460px}.cover-proof{margin:0;position:relative;max-width:400px;aspect-ratio:400/565;filter:drop-shadow(0 25px 35px #0008)}.cover-proof>.case-cover{width:100%;height:100%;position:relative;transform:none;aspect-ratio:400/565}.cover-proof>.case-cover .cover-art{top:16.28%;width:100%;height:auto;max-height:none}.cover-proof>.case-cover .cover-logo{left:5%;top:10.44%;width:90%;max-width:none;max-height:none}.cover-proof .cover-publisher{height:7.61%}.cover-proof figcaption{font-size:13px;color:#7c8384;margin-top:15px;text-align:center}
.demo-library{padding:40px clamp(24px,7vw,118px) 80px;max-width:1500px;margin:0 auto}.demo-library h2{font-size:clamp(48px,6vw,86px);letter-spacing:-.04em;font-weight:600;margin:0}.demo-library>.panel-description{max-width:none;margin-bottom:42px}.demo-entry{display:grid;grid-template-columns:minmax(300px,650px) minmax(230px,1fr);gap:52px;align-items:center}.demo-entry-art{aspect-ratio:16/9;overflow:hidden;border-radius:7px;box-shadow:0 20px 60px #0006}.demo-entry-art img{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover}.demo-entry-copy .panel-genre{margin-top:0;font-size:11px!important;letter-spacing:.2em}.demo-entry h3{font-size:34px;font-weight:450;margin:0 0 14px}.demo-entry-copy>p:not(.panel-genre){color:#aebabc;font-size:17px}.demo-play{display:inline-flex;align-items:center;gap:15px;border-radius:30px;padding:15px 24px;background:#ede9dc;color:#15191b;margin-top:18px;font-size:17px;font-weight:600}.demo-play:hover{background:#fff;box-shadow:0 0 25px #cbdbea22}
@keyframes panel-enter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}@keyframes panel-mote{from{transform:translate(0,15px);opacity:.15}to{transform:translate(14px,-30px);opacity:.5}}
@media(max-width:700px){.home-mode .selected-brand>.morogue-wordmark{left:0;top:29px;width:540px}.panel-header{height:80px}.cover-review-layout{grid-template-columns:1fr;padding:16px 26px 70px;gap:24px;min-height:calc(100dvh - 80px)}.panel-copy{max-width:440px;margin:auto}.panel-eyebrow{font-size:10px!important;margin-bottom:22px}.panel-wordmark{max-width:360px!important}.collection-panel .panel-description{font-size:17px}.panel-genre{margin-top:20px}.cover-proof{width:100%;max-width:360px;justify-self:center}.demo-library{padding-top:20px}.demo-entry{grid-template-columns:1fr;gap:24px}.demo-entry h3{font-size:29px}}
@media(prefers-reduced-motion:reduce){.collection-panel[open],.panel-atmosphere,.panel-atmosphere i{animation:none}.collection-panel{transition:none}}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.print-filters{position:absolute;pointer-events:none}.brand,.account{z-index:12}.stage,.vignette{transition:opacity .7s ease}.home-mode .stage,.home-mode .vignette{opacity:0}
.open-scene{position:absolute;inset:0;opacity:1;transform:none;transition:opacity .6s ease,transform .8s cubic-bezier(.2,.7,.2,1),visibility .6s;visibility:visible}
.home-mode .open-scene{opacity:0;transform:translateX(45px) scale(.98);visibility:hidden;pointer-events:none}
.collection-scene{position:absolute;inset:0;isolation:isolate;opacity:1;visibility:visible;transition:opacity .6s,visibility .6s,transform .7s cubic-bezier(.2,.7,.2,1)}
.dashboard:not(.home-mode) .collection-scene{opacity:0;visibility:hidden;pointer-events:none;transform:scale(1.025)}
.home-backdrop{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 68% 19%,#242a25 0,transparent 48%),linear-gradient(155deg,#111615,#111413 52%,#0d1112 88%)}
.home-backdrop:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 830px 175px at 1110px 849px,#b8a27a1b,transparent 75%),radial-gradient(ellipse at 55% 85%,#dec1930c,transparent 44%),linear-gradient(0deg,#050b1044,transparent 35%)}
.home-halo{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse 640px 440px at 1130px 360px,rgba(var(--game-glow),.11),transparent 76%);transition:background 1s;filter:blur(30px);animation:home-breathe 18s ease-in-out infinite alternate}
@keyframes home-breathe{from{opacity:.45;transform:translate(-10px,5px)}to{opacity:1;transform:translate(12px,-8px)}}
.home-mode .ambient-wash{z-index:1;opacity:.9}.stack-shadow{position:absolute;left:584px;top:759px;width:975px;height:110px;transform:rotate(4deg);z-index:-1;background:radial-gradient(ellipse,#000b 0,#0007 34%,transparent 71%);filter:blur(12px)}
.collection-copy{position:absolute;left:72px;top:258px;width:466px;z-index:7;transition:opacity .3s,transform .6s}.collection-eyebrow{font-size:14px;letter-spacing:.3em;font-weight:400;color:#d5d9cb;margin:0 0 18px}
.selected-brand{position:relative;width:470px;height:160px;margin-bottom:12px;display:flex;align-items:center}.selected-brand>img{position:absolute;left:-43px;top:-16px;width:530px;max-height:none}.selected-brand>.source-logo{width:449px;height:140px}.selected-brand>.manager-wordmark{filter:drop-shadow(0 2px 3px #a2c3ff18)}
.selected-brand>.dragon-wordmark{width:465px;height:120px}.selected-brand .demo-name{font-size:93px;font-weight:720;letter-spacing:-.045em;color:#edf2ed;line-height:1}.selected-brand .demo-name small{display:block;font-size:17px;font-weight:400;letter-spacing:.27em;margin-top:14px;color:#b7c7dd}
.collection-genre{font-size:14px;letter-spacing:.035em;color:#b9c5bd;margin:0 0 13px}.collection-tagline{font-size:21px;line-height:1.4;font-weight:350;color:#eee9dc;max-width:430px;margin:0}.collection-open{display:flex;align-items:center;gap:20px;margin-top:34px;font-size:21px;font-weight:350;padding:7px 0;transition:color .2s,transform .2s}.collection-open .key{width:46px;height:35px;transition:box-shadow .3s,background .3s}.collection-open:hover .key,.collection-open:focus-visible .key{box-shadow:0 0 17px #eddfb830;background:#e9edd912}.collection-open:hover{transform:translateX(3px);color:#fff}
.case-stack{position:absolute;inset:0;pointer-events:none;z-index:5}.closed-case{position:absolute;inset:0;left:225px;top:15px;width:1672px;height:941px;transform-origin:0 0;transform:translate3d(0,calc(var(--index) * 82px),0) scale(.85);transition:transform .48s cubic-bezier(.22,.7,.2,1),filter .48s,opacity .5s;pointer-events:none;isolation:isolate}
.closed-case.is-selected{transform:translate3d(-24px,calc(var(--index) * 82px - 5px),0) scale(.85);filter:drop-shadow(0 0 2px rgba(var(--game-glow),.12))}.case-shell{position:absolute;inset:0;width:1672px;height:941px;pointer-events:none}
.case-cover{position:absolute;left:0;top:0;width:400px;height:565px;transform-origin:0 0;overflow:hidden;background:#10251c;pointer-events:none}
.case-cover:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 3px #0009;background:linear-gradient(125deg,#ffebbd0b,transparent 35%,#0002 100%);pointer-events:none}
.cover-publisher{position:absolute;inset:0 0 auto;height:43px;background:#0a1011;display:flex;gap:14px;align-items:center;padding:0 15px;z-index:3;font-size:14px;letter-spacing:.06em;color:#eeeedd;font-weight:400}
.publisher-mark{display:inline-block;width:29px;height:30px;flex:none;background:url('original-case-assets/repo-brand.png') -54.15px -22.99px /136.8px 85.5px no-repeat;mix-blend-mode:screen}
.publisher-wordmark{display:block;width:124px;height:13px;background:url('original-case-assets/repo-brand.png') -106.7px -140.4px/336.96px 210.6px no-repeat;mix-blend-mode:screen}
.cover-moratales .cover-map{position:absolute;left:-110px;top:43px;height:522px;width:auto;filter:brightness(.92)}.cover-moratales .cover-tint{position:absolute;inset:43px 0 0;background:linear-gradient(180deg,#123424e0,transparent 38%)}.cover-moratales>.cover-logo{position:absolute;left:-13px;top:40px;width:426px}
.cover-manager{background:#e6e8e5}.cover-manager>.cover-art{position:absolute;left:-522px;top:138px;width:930px;height:auto}.cover-manager>.cover-logo{position:absolute;left:20px;top:59px;width:360px;height:99px}.cover-manager .cover-edition{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-size:10px;letter-spacing:.2em;color:#17293b}
.cover-dragonbound>.cover-art{position:absolute;left:-43px;top:43px;height:522px;width:auto}.cover-dragonbound .cover-tint{position:absolute;inset:43px 0 0;background:linear-gradient(#182b35bb,transparent 45%)}.cover-dragonbound>.cover-logo{position:absolute;left:18px;top:68px;width:364px;height:106px}
.cover-demos{background:linear-gradient(140deg,#235aa0,#172f5a 72%);color:#eff3ee}.demo-cover-kicker{position:absolute;left:29px;top:87px;font-size:11px;letter-spacing:.2em}.demo-cover-title{position:absolute;left:24px;top:110px;font-size:85px;font-weight:750;letter-spacing:-.045em;line-height:1}.demo-cover-edition{position:absolute;left:29px;top:211px;font-size:19px;letter-spacing:.09em}.demo-cover-footer{position:absolute;left:29px;bottom:26px;font-size:10px;letter-spacing:.2em;z-index:2}
.printed-disc{position:absolute;right:-57px;bottom:19px;width:305px;height:305px;border-radius:50%;background:repeating-radial-gradient(circle,transparent 0 2px,#ffffff0a 2px 3px),conic-gradient(from 24deg,#d7ddd8,#c4d4e6,#f1edd2,#aec1d2,#eeccd3,#a5c0c8,#eee9cf,#b5c5d6,#d7ddd8);box-shadow:inset 0 0 0 2px #e3e8e9,inset 0 0 0 7px #173559,0 10px 25px #071d3666}.printed-disc:before{content:"";position:absolute;inset:106px;border-radius:50%;background:#193965;box-shadow:0 0 0 10px #bccad1,0 0 0 12px #718c9c}.printed-disc:after{content:"01";position:absolute;inset:116px;font-size:33px;display:grid;place-items:center;font-weight:600;color:#f0efde}
.case-spine{position:absolute;left:0;top:0;width:1000px;height:94px;transform-origin:0 0;background:#111a19;overflow:hidden;pointer-events:none}
.case-spine:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffde0d,transparent 20%,#0002 100%);box-shadow:inset 0 1px 0 #ffffeb24,inset 0 -1px 0 #0009;pointer-events:none}
.spine-publisher{position:absolute;inset:0 auto 0 0;width:108px;background:#0b1010;border-right:1px solid #a8a68a30;display:grid;place-items:center;z-index:3}.spine-publisher .publisher-mark{width:58px;height:59px;background-size:273.6px 171px;background-position:-108.3px -45.98px}
.spine-logo{position:absolute;left:125px;top:-14px;width:350px;z-index:2}.spine-logo.source-logo{top:4px;width:334px;height:85px}.spine-logo.dragon-wordmark{left:133px;top:4px;width:359px;height:80px}
.spine-picture{position:absolute;inset:0 0 0 461px;background-repeat:no-repeat;mask-image:linear-gradient(90deg,transparent,#000 27%)}
.spine-moratales .spine-picture{background-image:url('original-case-assets/moratales-cover-source.png');background-size:680px auto;background-position:54% 59%}
.spine-manager{background:#101c2a}.spine-manager .spine-picture{background-image:url('original-case-assets/manager-menu.png');background-size:830px auto;background-position:right 40%;filter:url(#remove-white)}
.spine-dragonbound{background:#1c2326}.spine-dragonbound .spine-picture{background-image:url('original-case-assets/dragonbound-menu.png');background-size:715px auto;background-position:left 78%}
.spine-demos{background:linear-gradient(90deg,#1b427b,#17345e 75%)}.spine-demo-name{position:absolute;left:135px;top:14px;font-size:54px;letter-spacing:.015em;font-weight:700}.spine-demo-edition{position:absolute;left:416px;top:32px;font-size:24px;letter-spacing:.1em;border-left:1px solid #fff4;padding-left:24px}.spine-demos .printed-disc{width:209px;height:209px;right:-17px;bottom:-98px;box-shadow:inset 0 0 0 2px #d4dce0,inset 0 0 0 5px #213c57}.spine-demos .printed-disc:before{inset:69px;box-shadow:0 0 0 8px #bac9d1,0 0 0 10px #728a98}.spine-demos .printed-disc:after{display:none}
.case-edge-light{position:absolute;inset:0;width:1672px;height:941px;fill:none;stroke:#e5f4d6;stroke-width:1.6;opacity:0;filter:drop-shadow(0 0 6px #ecedc866);transition:opacity .45s;pointer-events:none}.is-selected .case-edge-light{opacity:.58}
.case-select{position:absolute;inset:0;width:1672px;height:941px;clip-path:polygon(731px 252px,1590px 308px,1602px 326px,1600px 425px,1486px 678px,432px 582px,416px 565px,416px 473px);pointer-events:auto;cursor:pointer;background:transparent!important;outline:none!important}
.case-select:focus-visible~.case-edge-light{opacity:1;stroke-width:2.5}
.collection-footer{position:absolute;left:72px;right:72px;bottom:54px;display:flex;justify-content:space-between;align-items:center;z-index:9;font-size:17px;font-weight:350;color:#c1c7c0}.collection-navigation{display:flex;align-items:center;gap:8px}.collection-navigation button{width:25px;height:28px;display:grid;place-items:center;color:#dbe4d6;border-radius:5px}.collection-navigation button:hover{background:#fff1}.collection-navigation svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.35}.collection-navigation>span{margin-left:9px}.collection-navigation .collection-enter{margin-left:30px;color:#8f9e99;font-size:13px;display:flex;align-items:center;gap:9px}.collection-navigation kbd{border:1px solid #84958a6b;border-radius:4px;width:24px;height:22px;display:grid;place-items:center;font:inherit}.collection-position{display:flex;gap:11px;align-items:center;font-size:17px;letter-spacing:.04em;font-variant-numeric:tabular-nums}.collection-position>span:last-child,.count-slash{color:#7e8b85}
.collection-toast{position:absolute;left:72px;bottom:115px;font-size:14px;color:#ccd9ce;opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s;max-width:455px;line-height:1.6;pointer-events:none}.collection-toast.visible{opacity:1;transform:none}
.home-mode.opening .collection-copy{opacity:0;transform:translateX(-16px)}.opening .closed-case:not(.is-selected){opacity:.3}.opening .closed-case.is-selected{transform:translate3d(-108px,calc(var(--index) * 82px - 80px),0) scale(.91) rotate(-2deg);opacity:0;transition:transform .8s cubic-bezier(.25,.5,.2,1),opacity .35s .27s}
.home-mode .collection-copy.changing .selected-brand{animation:title-in .3s ease}.home-mode .collection-copy.changing .collection-tagline{animation:title-in .4s ease}@keyframes title-in{from{opacity:.35;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px){.collection-preview .dashboard.home-mode{width:700px;height:1420px}.home-mode .brand{left:33px;top:35px}.home-mode .account{right:34px;top:49px;gap:20px;font-size:21px}.home-mode .account .divider{display:none}.home-mode .account button{gap:10px}.home-mode .collection-copy{left:43px;top:205px;width:615px}.home-mode .collection-eyebrow{font-size:17px}.home-mode .selected-brand{height:171px;width:560px}.home-mode .selected-brand>img{width:595px;left:-47px;top:-19px}.home-mode .selected-brand>.source-logo{width:505px;height:140px}.home-mode .collection-genre{font-size:20px}.home-mode .collection-tagline{font-size:28px;max-width:610px}.home-mode .collection-open{font-size:26px;margin-top:28px;gap:21px}.home-mode .collection-open .key{width:51px;height:38px}.home-mode .case-stack{transform-origin:0 0;transform:translate(-316px,487px) scale(.62);width:1672px;height:941px}.home-mode .stack-shadow{left:34px;top:991px;width:644px;height:153px}.home-mode .home-backdrop:after{background:radial-gradient(ellipse at 61% 77%,#b8a27a22,transparent 39%)}.home-mode .home-halo{background:radial-gradient(ellipse at 65% 50%,rgba(var(--game-glow),.14),transparent 69%)}.home-mode .collection-footer{left:44px;right:44px;bottom:125px;font-size:22px}.home-mode .collection-navigation button{width:34px;height:37px}.home-mode .collection-navigation svg{width:25px;height:25px}.home-mode .collection-enter{display:none}.home-mode .collection-position{font-size:23px}.home-mode .collection-toast{left:44px;right:44px;bottom:53px;font-size:20px;max-width:none}.home-mode #atmosphere{width:700px;height:1420px}.home-mode .ambient-wash{inset:0}}
@media(prefers-reduced-motion:reduce){.home-halo,.home-mode .collection-copy.changing .selected-brand,.home-mode .collection-copy.changing .collection-tagline{animation:none}.closed-case,.open-scene,.collection-scene,.stage,.vignette,.case-edge-light,.collection-copy,.collection-toast{transition:none!important}}