/* Original Hyris artwork on a brush-edged presentation scroll. */
.hyris-site:has(.presentation-page)::before{background:#161c20 url('presentation/ink-landscape-v2.png') center top/cover no-repeat}
.hyris-site:has(.presentation-page)::after{background:linear-gradient(180deg,rgba(12,12,10,.38),rgba(12,12,10,.7))}
.hyris-site:has(.presentation-page) .wrapper{width:min(1210px,calc(100% - 48px));padding-top:32px}
.presentation-page{grid-template-columns:180px minmax(0,960px);gap:0 34px;color:#c9beaa}
.presentation-toc{width:180px;padding:24px 12px;background:rgba(15,21,22,.88);border-color:#7a6b4b55;backdrop-filter:blur(12px);box-shadow:0 20px 50px #0005}
.presentation-toc nav a{font-size:11px;padding-block:11px}
.presentation-heading{min-height:610px;display:flex;flex-direction:column;justify-content:center;gap:8px;padding:70px 60px 90px;text-align:center;border:0;background:linear-gradient(180deg,rgba(12,18,21,.15),rgba(12,18,21,.4) 60%,rgba(12,18,21,0));box-shadow:none}
.presentation-heading img{width:260px;filter:drop-shadow(0 12px 25px #0009)}
.presentation-heading span{color:#c9b38a;font-size:10px;letter-spacing:.36em}
.presentation-heading h1{font-family:Georgia,serif!important;font-size:clamp(38px,4.2vw,64px);font-weight:400!important;line-height:1.1!important;letter-spacing:-.035em!important;color:#f6edda!important;margin:18px auto;max-width:680px;text-shadow:0 3px 30px #0009}
.presentation-heading p{max-width:540px;margin:auto;color:#d1c9b9;line-height:1.85;font-size:14px}
.presentation-heading:after{left:calc(50% - 50px);right:auto;width:100px;bottom:50px;background:linear-gradient(90deg,transparent,#d7bf88,transparent)}
.presentation-flow{overflow:visible;border:0;background:none;box-shadow:none}
.presentation-section,.presentation-system-section:nth-of-type(even){isolation:isolate;border:0;background:none;margin-top:-12px;padding:90px 60px;color:#c9beaa}
.presentation-section:before{content:'';position:absolute;inset:0 -12px;z-index:-1;pointer-events:none;background:url('presentation/charcoal-grain.svg'),radial-gradient(ellipse at 7% 25%,#53432b30,transparent 40%),radial-gradient(ellipse at 90% 60%,#0009,transparent 65%),linear-gradient(120deg,#161612ee,#25211bf5 50%,#121310ee);mask:url('presentation/paper-edge-mask.svg') center/100% 100% no-repeat}
.presentation-section:nth-child(even):before{background:url('presentation/charcoal-grain.svg'),radial-gradient(ellipse at 90% 40%,#58442b25,transparent 65%),linear-gradient(110deg,#11120ff2,#211f19f5,#141411ee)}
.presentation-section:before{mask-image:url('presentation/paper-edge-mask.svg'),linear-gradient(transparent,#000 65px,#000 calc(100% - 55px),transparent);mask-size:100% 100%;mask-composite:intersect}
.presentation-section h2{font-family:Georgia,serif!important;font-size:clamp(32px,3.2vw,45px)!important;font-weight:400!important;line-height:1.2!important;letter-spacing:-.03em!important;color:#eadbbd!important}
.presentation-section h2 i{color:#9d623f;font-size:24px}
.presentation-section p{color:#b8af9e;font-family:inherit;font-size:14px;line-height:1.85}
.presentation-kicker{color:#c3a16b;font-size:10px;letter-spacing:.25em}
.presentation-section-heading{margin:0 auto 65px;text-align:center;max-width:600px}
.presentation-section-heading>p{margin-inline:auto;color:#a99d87}
.presentation-section-heading:after{content:'';display:block;width:95px;height:2px;margin:28px auto 0;background:linear-gradient(90deg,transparent,#9f7c4b,transparent)}
.presentation-concept{min-height:660px;display:flex;align-items:center;padding-right:43%;overflow:visible}
.presentation-copy{position:relative;z-index:2}
.presentation-character{width:45%;right:0;bottom:8px;filter:drop-shadow(-16px 18px 14px #493e3b55)}
.presentation-concept:after{display:none}
.presentation-class-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.presentation-class-card{border:0;background:transparent;box-shadow:none;text-align:center;overflow:visible}
.presentation-class-card>img{height:290px;background:radial-gradient(ellipse at 50% 80%,#b9a27955,transparent 68%);mask:url('presentation/brush-mask.svg') center/100% 100% no-repeat}
.presentation-class-card>div{min-height:0;padding:18px 22px 22px;border:0}
.presentation-class-card h3,.presentation-balance h3{color:#e4d2ad!important;font-family:Georgia,serif!important;font-weight:400!important;font-size:25px!important}
.presentation-class-card p{color:#aea28d;font-size:12px;line-height:1.75}
.presentation-balance{margin-top:42px;background:#b7a58515;border:0;border-block:1px solid #8e795d33;padding:25px 20px}
.presentation-balance p{color:#b5a993}
.presentation-balance>span{color:#8e6a40;border-color:#8e795d55}
.presentation-system-grid{gap:68px}
.presentation-system-grid .presentation-system-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:0;border:0;overflow:visible;background:none;box-shadow:none;padding:0 0 46px;gap:28px}
.presentation-system-grid .presentation-system-card:after{content:'';position:absolute;bottom:0;left:12%;width:76%;height:1px;background:linear-gradient(90deg,transparent,#9c876450,transparent);pointer-events:none}
.presentation-system-grid .presentation-system-card:hover{box-shadow:none}
.presentation-system-grid .presentation-system-media{grid-column:auto;grid-row:auto;order:0;align-self:center;position:relative;width:100%;max-width:100%;border:0;box-shadow:0 12px 25px #392c2020;mask:url('presentation/brush-mask.svg') center/100% 100% no-repeat}
.presentation-system-grid .presentation-system-content{order:1;grid-column:auto;grid-row:auto;width:100%;padding:0 20px!important;text-align:center}
.presentation-system-summary h3{color:#ead8b4!important;font-family:Georgia,serif!important;font-size:32px!important;line-height:1.2!important;font-weight:400!important;letter-spacing:-.025em!important}
.presentation-system-summary small{color:#b59663;font-size:9px;letter-spacing:.25em}
.presentation-system-summary p{max-width:590px;margin-inline:auto;color:#bcb09a;font-size:14px}
.presentation-system-details{border-top:1px solid #9f876733;text-align:left;max-width:640px;margin:24px auto 0;padding-top:20px}
.presentation-system-details li{color:#b8ad99;line-height:1.8;font-family:inherit;font-size:12px}
.presentation-system-details li:before{color:#a16a40}
.presentation-system-details>strong,.presentation-system-details>h4{color:#c8a570!important}
.presentation-detail-title{color:#c8a570}
.presentation-system-media p{color:#b9ad95}
.presentation-system-details li strong{color:#dfcdab!important}
.presentation-system-details li span{color:#aea18a!important}
.presentation-system-grid .presentation-dungeon-media{width:571px;height:404px}
.presentation-system-grid .presentation-challenge-media,.presentation-system-grid .presentation-global-ranking-media{width:458px;height:384px}
.presentation-system-grid .presentation-enchant-bot-media{width:322px;height:342px}
.presentation-system-grid .presentation-rank-media{width:238px;height:346px}
.presentation-rank-milestones section{background:#c8b48b18;border-color:#9f876733}
.presentation-rank-milestones strong{color:#d2b37d}
.presentation-rank-milestones span,.presentation-rank-milestones b{color:#c5b699}
.presentation-opening{min-height:480px;text-align:center;padding:90px 40px}
.presentation-opening time{color:#e1c58d!important;font-family:Georgia,serif!important;font-weight:400!important;font-size:58px}
.presentation-actions{justify-content:center;margin-top:32px}
.presentation-actions a{background:#302b24;color:#ebdcc0!important;border-color:#9d835e;padding:15px 30px}
.presentation-actions a:hover{background:#4b3f2f}
.presentation-edge-lights{opacity:.7}
.presentation-motes{position:fixed;inset:var(--topbar-height) 0 0;z-index:1;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.presentation-motes i{position:absolute;left:var(--mote-x);bottom:-20px;width:var(--mote-size);height:var(--mote-size);border-radius:50%;background:#e1bb74;box-shadow:0 0 8px 2px #c59b4f55;opacity:0;animation:hyris-presentation-mote var(--mote-time) var(--mote-delay) linear infinite}
.presentation-motes i:nth-child(5n){border-radius:1px;background:#c99b50;filter:blur(.5px)}
.presentation-motes i:nth-child(7n){background:#d8d0b6;box-shadow:0 0 12px #d4c6a866}
@keyframes hyris-presentation-mote{0%{transform:translate3d(0,0,0) rotate(0deg);opacity:0}15%{opacity:.5}55%{opacity:.25}85%{opacity:.4}100%{transform:translate3d(var(--mote-drift),-105vh,0) rotate(180deg);opacity:0}}
@media(max-width:600px){.presentation-motes i:nth-child(n+15){display:none}}
@media(prefers-reduced-motion:reduce){.presentation-motes{display:none}}
.presentation-brush-reveal{animation:hyris-brush-reveal 1.7s cubic-bezier(.2,.65,.3,1) both}
.presentation-system-media img.presentation-art-loading{opacity:0}
.presentation-system-media img.presentation-art-reveal{animation:hyris-brush-reveal 1.5s cubic-bezier(.2,.65,.3,1) both}
.scene-animated>.presentation-system-media,.scene-animated>.presentation-system-content{opacity:1;translate:none;transition:none}
.scene-animated:not(.scene-visible)>.presentation-system-media{opacity:0}
.presentation-system-grid .scene-visible>.presentation-system-media:not(.ink-complete){mask-image:url('presentation/brush-mask.svg'),url('presentation/ink-reveal-sheet.svg');mask-size:100% 100%,800% 500%;mask-repeat:no-repeat;mask-position:center,0% 0%;mask-composite:intersect;animation:hyris-ink-opening 1.6s step-end both}
.presentation-system-media img.presentation-art-reveal{animation:none}
.scene-visible .presentation-ui-sweep{animation-delay:1.3s;animation-duration:2.6s}
.presentation-ui-sweep{position:absolute;inset:-30%;z-index:20;pointer-events:none;background:linear-gradient(110deg,transparent 38%,rgba(247,224,171,.05) 43%,rgba(255,241,204,.48) 49%,rgba(255,248,228,.7) 50%,rgba(255,227,164,.12) 55%,transparent 62%);mix-blend-mode:screen;opacity:0;transform:translateX(-100%)}
.scene-visible .presentation-ui-sweep{animation:hyris-ui-sweep 2.3s .65s ease-in-out both}
.scene-visible .presentation-ui-sweep.image-loaded{animation:hyris-ui-sweep-loaded 2.3s .2s ease-in-out both}
@keyframes hyris-ui-sweep{0%{opacity:0;transform:translateX(-100%)}20%{opacity:.65}70%{opacity:.65}100%{opacity:0;transform:translateX(100%)}}
@keyframes hyris-ui-sweep-loaded{0%{opacity:0;transform:translateX(-100%)}20%{opacity:.65}70%{opacity:.65}100%{opacity:0;transform:translateX(100%)}}
@keyframes hyris-brush-reveal{from{opacity:.15;clip-path:polygon(0 0,100% 0,100% 6%,87% 3%,72% 9%,59% 4%,44% 10%,30% 3%,15% 8%,0 4%)}to{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,87% 100%,72% 100%,59% 100%,44% 100%,30% 100%,15% 100%,0 100%)}}
@media(min-width:1500px){.hyris-site:has(.presentation-page) .wrapper{width:1240px}.presentation-page{grid-template-columns:190px 960px;column-gap:48px}}
@media(max-width:1100px){.hyris-site:has(.presentation-page) .wrapper{width:calc(100% - 32px)}.presentation-page{grid-template-columns:155px minmax(0,1fr);column-gap:24px}.presentation-toc{width:155px}.presentation-section{padding-inline:35px}.presentation-concept{padding-right:44%}.presentation-system-grid{gap:50px}}
@media(max-width:900px){.presentation-page{display:block}.presentation-toc{position:relative;top:auto;width:100%;max-height:none;margin-bottom:18px;padding:12px 18px}.presentation-toc>strong,.presentation-toc-group .presentation-toc-subnav,.presentation-home-link{display:none}.presentation-toc nav{display:flex;flex-wrap:wrap;gap:3px 12px}.presentation-toc nav a{border:0;padding:8px;font-size:11px}.presentation-toc nav a span{display:none}.presentation-heading{min-height:520px;padding:50px 30px 80px}.presentation-section{padding:65px 36px}.presentation-concept{padding-right:45%;min-height:600px}.presentation-toc-group{display:contents}}
@media(max-width:600px){.hyris-site:has(.presentation-page) .wrapper{width:calc(100% - 24px);padding-top:20px}.presentation-heading{min-height:460px;padding:30px 16px 70px}.presentation-heading img{display:block;width:200px}.presentation-heading h1{font-size:38px}.presentation-heading p{font-size:12px}.presentation-section{padding:60px 22px}.presentation-section:before{inset:0 -6px}.presentation-section-heading{margin-bottom:40px}.presentation-concept{min-height:720px;display:block;padding:60px 25px 350px}.presentation-character{width:270px;max-width:80%;right:50%;bottom:0;transform:translateX(50%)}.presentation-class-grid{gap:14px}.presentation-class-card>img{height:195px}.presentation-class-card>div{padding:15px 5px}.presentation-class-card h3{font-size:22px!important}.presentation-class-card p{font-size:11px}.presentation-system-grid .presentation-system-content{padding:0!important}.presentation-system-grid .presentation-system-media{max-width:100%}.presentation-system-summary h3{font-size:27px!important}.presentation-system-grid .presentation-dungeon-media,.presentation-system-grid .presentation-challenge-media,.presentation-system-grid .presentation-global-ranking-media{height:auto;min-height:0;aspect-ratio:571/404}.presentation-system-grid .presentation-challenge-media,.presentation-system-grid .presentation-global-ranking-media{aspect-ratio:458/384}.presentation-system-media .presentation-dungeon-window,.presentation-system-media .presentation-challenge-window,.presentation-system-media .presentation-global-ranking-window{width:100%;height:100%;object-fit:contain}.presentation-opening time{font-size:40px}}
@media(prefers-reduced-motion:reduce){.presentation-brush-reveal,.presentation-art-reveal,.presentation-ui-sweep,.presentation-system-media{animation:none!important}.presentation-system-grid .scene-visible>.presentation-system-media{mask-image:url('presentation/brush-mask.svg');mask-size:100% 100%}}
@media(max-width:900px){.presentation-toc{overflow:visible}.presentation-toc nav{width:100%;min-width:0;overflow:visible;flex-wrap:wrap;white-space:normal}.presentation-toc nav a{flex:0 1 auto}.presentation-toc nav a.presentation-toc-parent{padding:8px}}