/* Website skin using the active game's GUI Pro: Super Casual assets.
   Sprite borders follow the Unity 9-slice metadata. A one-pixel centre strip
   prevents zero-sized CSS border-image centres on minimal source textures. */
@font-face{font-family:'Sen';font-style:normal;font-weight:400;font-display:swap;src:url('/fonts/sen-regular.ttf') format('truetype')}
@font-face{font-family:'Sen';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/sen-semibold.ttf') format('truetype')}
@font-face{font-family:'Sen';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/sen-extrabold.ttf') format('truetype')}
@font-face{font-family:'Cairo';font-style:normal;font-weight:900;font-display:swap;src:url('/fonts/cairo-black.ttf') format('truetype')}
:root{--bg:#081b33;--bg-2:#0c2649;--panel:#15355b;--text:#f7fbff;--muted:#c2d4e6;--gold:#ffdc30;--gold-deep:#ffbc2a;--line:#6db7ef40;--display:'Sen',system-ui,sans-serif;--body:'Sen',system-ui,sans-serif;--radius:16px;--game-outline:#04192d}
body{font-size:16px;line-height:1.8}
h1,h2,h3{font-family:var(--display);font-weight:800;font-style:normal;letter-spacing:-.045em;text-wrap:balance}
h2{font-size:clamp(36px,4vw,58px);line-height:1.1}
h3{font-size:36px;line-height:1.14}
h2 em{font-style:normal;font-weight:800;color:var(--gold)}
.hero h1,h2,h3,.brand,.button,.realm-tabs button,.home-tabs button,.nav-cta{paint-order:stroke fill;text-shadow:0 3px 0 var(--game-outline);-webkit-text-stroke:1px var(--game-outline)}
.eyebrow{font-size:11px;letter-spacing:.13em;font-weight:800;color:#a4ffff}
.chapter>span,.realm-tabs button>span,.home-tabs button>span,.realm-index,.boss-watermark,.screen-rail figcaption>span,#year{font-family:'Cairo',var(--body);font-weight:900}
.chapter>span{font-size:15px}
.brand,.foot .brand{font:800 20px/1.15 var(--display);letter-spacing:-.035em;text-transform:uppercase}
.brand img{border:2px solid #04192d;border-radius:10px;box-shadow:0 3px 0 #04192d}
.nav{background:linear-gradient(#081b33ed,#081b3370);border-bottom:1px solid #73c4ff35;gap:22px}
.desktop-nav{gap:24px}.desktop-nav a{font-size:13px;font-weight:800;letter-spacing:0;color:#f1f7ff}.desktop-nav a:hover{color:var(--gold)}
.nav-cta{padding:13px 20px 16px;min-height:48px;border:0;position:relative;isolation:isolate;color:#fff;font-size:12px;font-weight:800;letter-spacing:0}
.nav-cta span{margin-left:10px}
.button,.nav-cta,.menu-toggle,.gallery-controls button,.dialog-close,.realm-tabs button,.home-tabs button{isolation:isolate;position:relative;background:transparent;border:0;box-shadow:none;border-radius:0}
.button::before,.nav-cta::before,.menu-toggle::before,.gallery-controls button::before,.dialog-close::before,.realm-tabs button::before,.home-tabs button::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-style:solid;border-color:transparent;border-width:28px 16px 20px;border-image:url('/img/game-ui/button-sky.png') 83 39 57 39 fill / 28px 16px 20px / 0 stretch}
.button{font-family:var(--display);font-weight:800;font-size:15px;letter-spacing:0;min-height:62px;padding:16px 26px 20px;gap:18px;color:white}
.button-gold::before,.nav-cta::before{border-image-source:url('/img/game-ui/button-yellow.png')}
.button-outline{color:white;background:transparent}.button-gold:hover,.button-outline:hover{background:transparent;filter:brightness(1.09);transform:translateY(-2px)}
.button:active,.nav-cta:active,.gallery-controls button:active{transform:translateY(2px);filter:brightness(.98)}
.menu-toggle{width:48px;height:48px;padding:15px}.menu-toggle span{height:2px;box-shadow:0 1px 0 #04192d}
.menu-toggle::before{border-image-width:20px 14px 16px}
.mobile-menu{background:#0c2649;border-bottom:3px solid #04192d;border-radius:0 0 20px 20px}.mobile-menu a{font-weight:800;font-size:16px}
.hero{background:#16344b}.hero-landscape{filter:saturate(.9)}.hero-shade{background:linear-gradient(180deg,#06162680,#06162615 28%,#06162659 63%,#081b33 100%),radial-gradient(ellipse at 50% 38%,#0c264933,#0c264925 55%,#071a3670)}
.hero-content{max-width:1180px}.hero .eyebrow{font-size:11px;letter-spacing:.13em;color:#d5f9ff}.hero h1{font:800 clamp(64px,8.5vw,126px)/1 var(--display);letter-spacing:-.065em;text-transform:uppercase;color:#fff;-webkit-text-stroke:3px #04192d;text-shadow:0 7px 0 #04192d,0 12px 30px #04192d99}.hero h1 span{color:#ffdc30}.hero-sigil{margin-top:24px;margin-bottom:24px;width:54px}.hero-sigil img{filter:drop-shadow(0 3px 0 #04192d)}
.hero-subtitle{font:800 clamp(24px,2.4vw,34px)/1.2 var(--display);letter-spacing:-.035em;color:#fff;text-shadow:0 3px 0 #04192d}.hero-description{font-size:15px;line-height:1.7;color:#ecf5ff}.hero-actions{margin-top:30px}.hero-bottom{color:#b3cde2;font-size:10px}.hero-bottom a{font-weight:800;color:#ffdc30}
.chapter-band{background:#0c2649;font:800 14px/1.4 var(--display);letter-spacing:.02em;color:#d8f5ff;border-color:#1d4970}.chapter-band b{color:#ffdc30}
.story{background:radial-gradient(ellipse at 25% 50%,#125fa444,transparent 54%)}.story-copy h2{font-size:clamp(36px,3.8vw,54px)}.story-copy>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted)}.arch-lines{border-color:#55aef766}.arch-lines::before{border-color:#55aef733}.arch-lines::after{background:#0b2440;color:#ffdc30}.art-caption span:first-child{font-weight:800;font-size:11px;color:#a4ffff}.art-caption span:last-child{font:400 14px var(--body);color:#c2d4e6}.small-rule{background:#ffbc2a}.text-link{font-size:14px;font-weight:800;letter-spacing:0;color:#ffdc30}
.section-heading>p,.section-heading>div+div{font-size:15px;line-height:1.8;max-width:355px}.realms{background:#071a2d}
.realm-tabs{gap:14px;padding-bottom:20px}.realm-tabs button{font:800 17px/1.2 var(--display);color:#fff;min-height:75px;padding:20px 22px 24px;display:flex;align-items:center;gap:13px;border:0}.realm-tabs button::before{border-image-source:url('/img/game-ui/button-dark.png');border-image-width:33px 21px 25px}.realm-tabs button[aria-selected=true]{border:0;color:white}.realm-tabs button[aria-selected=true]::before{border-image-source:url('/img/game-ui/button-yellow.png')}.realm-tabs button>span{font-size:19px;margin:0;color:#d5f9ff;opacity:1}.realm-tabs button[aria-selected=true]>span{color:white}.realm-tabs button:hover{color:white;filter:brightness(1.12)}
.realm-vignette{background:linear-gradient(90deg,#071a2dae,transparent 70%),linear-gradient(0deg,#071a2d 1%,#071a2dc2 15%,transparent 75%)}.realm-content h3{font-size:clamp(40px,4.4vw,64px);color:#fff}.realm-content>div>p:not(.eyebrow){font-size:15px;line-height:1.8;color:#e2edf8}.realm-resources{color:#d9efff;font-size:13px;letter-spacing:0;gap:20px}.realm-resources img{box-sizing:content-box;padding:5px;background:url('/img/game-ui/item-slot-blue.png') center/100% 100% no-repeat;width:30px;height:30px}.realm-index{font-size:120px;color:#a4ffff44}
.home{background:#0c2649;color:white;--muted:#c2d4e6;--gold:#ffdc30;--line:#6db7ef40}.home::before{display:none}.home .eyebrow{color:#a4ffff}.home h2 em{color:#ffdc30}.home-explorer{position:relative;isolation:isolate;gap:35px;border:0;padding:42px 32px;margin-top:15px;grid-template-columns:230px 1fr}
.home-explorer::before{content:'';position:absolute;inset:0;z-index:-1;border:25px solid transparent;border-image:url('/img/game-ui/panel-blue.png') 59 52 64 53 fill / 25px / 0 stretch;filter:drop-shadow(0 8px 0 #04192d55);pointer-events:none}
.home-tabs{gap:12px;padding:0}.home-tabs button{font-size:14px;font-weight:800;color:white;border:0;min-height:64px;padding:16px 18px 21px;gap:10px}.home-tabs button::before{border-image-source:url('/img/game-ui/button-dark.png');border-image-width:25px 17px 21px}.home-tabs button[aria-selected=true]{color:white;border:0}.home-tabs button[aria-selected=true]::before{border-image-source:url('/img/game-ui/button-yellow.png')}.home-tabs button>span{font-size:17px;color:white;opacity:1}.home-tabs button>b{display:none}.home-tabs button:hover{color:white;filter:brightness(1.1)}
.home-panel{gap:30px;grid-template-columns:1fr 215px;min-height:515px}.folio-label{font:800 11px/1.5 var(--body);letter-spacing:.06em;color:#a4ffff}.home-copy h3{font-size:34px;line-height:1.2;color:white;margin:16px 0}.home-copy p{color:#f0f8ff;font-size:15px;line-height:1.8}.specimen-row{gap:12px;flex-wrap:wrap}.specimen-row img{width:64px;height:64px;padding:8px;background:url('/img/game-ui/item-slot-gold.png') center/100% 100% no-repeat;filter:drop-shadow(0 3px 0 #04192d33)}.specimen-row>span{font:900 22px 'Cairo',var(--body);color:#fff;text-shadow:0 2px 0 #04192d}.image-note{font:600 13px var(--body);color:#e1f5ff}.phone-display>img{border-color:#04192d;box-shadow:10px 15px 25px #04192d55}.phone-display figcaption{font:800 10px/1.5 var(--body);color:#d5f9ff;letter-spacing:.04em}
.encounter{background:radial-gradient(ellipse at 70% 60%,#923d3329,transparent 55%),#081b33}.encounter-copy>p:not(.eyebrow){color:#c2d4e6;font-size:16px;line-height:1.8}.boss-token{font:800 21px var(--body);color:#ffdc30}.boss-token img{width:64px;height:64px;padding:8px;background:url('/img/game-ui/item-slot-gold.png') center/100% 100% no-repeat}.boss-token small{color:#a4ffff;font-size:10px}.boss-watermark{color:#44a5ed0c;font-size:380px}.encounter-caption{background:#081b33cc;color:#c2e8ff;font-size:9px}.screens{background:#0c2649}.gallery-controls span{font-size:11px;color:#c2d4e6}.gallery-controls button{min-width:48px;height:48px;font-family:var(--body);font-size:22px;font-weight:800;text-shadow:0 2px 0 #04192d;padding-bottom:6px}.gallery-controls button::before{border-image-width:22px 15px 18px}.gallery-controls button:hover:not(:disabled){background:transparent;filter:brightness(1.1)}.screen-rail button{border:3px solid #04192d;box-shadow:0 5px 0 #04192d,0 0 0 2px #258eed;border-radius:18px}.screen-rail button>span{background:#087cec;border:2px solid #04192d;border-radius:9px;color:white;font-weight:800}.screen-rail figcaption{color:#e1f5ff;font-size:13px;font-weight:600}.screen-rail figcaption>span{font-size:14px;color:#ffdc30}.screen-rail{scrollbar-color:#1c7bf7 #081b33}
.play-background{background:linear-gradient(#081b33 0%,#081b33dc 30%,#081b33bb 65%,#081b33 100%),url('/img/worlds/cobaltruins-wide.webp') center/cover no-repeat}.play-icon{border:3px solid #04192d;box-shadow:0 4px 0 #04192d,0 0 0 2px #278fff}.play-inner>p:not(.eyebrow){font-size:16px;color:#d5e9f9}.store-status{background:#071a2d;border:2px solid #253e5e;border-radius:14px;box-shadow:0 4px 0 #04192d}.store-status strong{font-weight:800;font-size:22px}.store-status small{font-weight:800;color:#a4ffff;font-size:9px}.platform-note{font-size:11px;color:#aabed7}.questions>.eyebrow{font-size:12px}.questions details{border:0;position:relative;isolation:isolate;margin-bottom:14px;padding-inline:24px}.questions details::before{content:'';position:absolute;inset:0;z-index:-1;border:17px solid transparent;border-image:url('/img/game-ui/panel-blue.png') 59 52 64 53 fill / 17px / 0 stretch;pointer-events:none}.questions details:last-child{border:0}.questions summary{font-weight:800;font-size:16px;padding-block:23px;color:white;text-shadow:0 2px 0 #04192d}.questions summary>span{font-weight:800;color:#ffdc30}.questions details>p{color:white;font-size:15px;line-height:1.8}.foot{background:#061427;border-color:#173959}.back-top{color:#ffdc30;font-size:12px}.footer-bottom{font-size:12px;color:#b0c6db}.footnote{color:#89a3be;font-size:11px}.footer-bottom a:hover{color:#ffdc30}
.media-dialog{background:transparent;border:0;isolation:isolate;padding:65px 22px 23px;box-shadow:none;overflow-y:auto;border-radius:28px}.media-dialog::before{content:'';position:absolute;inset:0;z-index:-1;border:28px solid transparent;border-image:url('/img/game-ui/panel-blue.png') 59 52 64 53 fill / 28px / 0 stretch;pointer-events:none}.media-dialog::backdrop{background:#04101eea}.dialog-close{top:11px;right:13px;width:44px;height:44px;font-size:0;background:url('/img/game-ui/close.png') center/20px no-repeat;filter:drop-shadow(0 2px 0 #04192d)}.dialog-close::before{border-image-width:18px 13px 17px}.dialog-caption{font-weight:800;font-size:12px;color:white;text-shadow:0 2px 0 #04192d}.dialog-content img{max-height:calc(100svh - 190px)}
/* Keep longer privacy text plain and comfortable to read. */
.privacy-page{--body:'Sen',system-ui,sans-serif;--display:'Sen',system-ui,sans-serif;font-size:17px}.privacy-page h1,.privacy-page h2{text-shadow:none;-webkit-text-stroke:0;font-weight:800;letter-spacing:-.035em}.privacy-page .brand{font-size:18px}.privacy-main p,.privacy-main li{color:#cbdced}
@media(max-width:1100px){.brand{font-size:18px}.desktop-nav{gap:17px}.desktop-nav a{font-size:12px}.nav-cta{font-size:11px;padding-inline:15px}.home-explorer{grid-template-columns:185px 1fr;gap:25px;padding:32px 25px}.home-panel{grid-template-columns:1fr 185px;gap:25px}.home-copy h3{font-size:29px}.home-tabs button{font-size:12px;padding-inline:14px}}
@media(max-width:850px){.home-explorer{display:block;padding:28px}.home-tabs{gap:12px}.home-tabs button{font-size:13px}.home-panel{grid-template-columns:1fr 205px;gap:35px}.home-copy h3{font-size:32px}.story-copy h2{font-size:38px}.realm-tabs button{font-size:15px;padding-inline:16px;gap:8px}.hero h1{-webkit-text-stroke:2px #04192d}.brand{font-size:19px}}
@media(max-width:600px){h2{font-size:34px;line-height:1.14}.chapter{font-size:9px;letter-spacing:.09em;gap:10px}.chapter>span{font-size:14px}.brand,.foot .brand{font-size:18px}.hero .eyebrow{font-size:9px;letter-spacing:.1em}.hero h1{font-size:clamp(41px,11.9vw,70px);letter-spacing:-.065em;line-height:1.1;white-space:nowrap;-webkit-text-stroke:1.6px #04192d;text-shadow:0 4px 0 #04192d,0 8px 15px #04192d80}.hero-subtitle{font-size:24px;max-width:300px}.hero-description{font-size:15px;line-height:1.7}.hero-sigil{width:48px;margin:25px auto 20px}.hero-actions{gap:12px}.hero-actions .button{font-size:14px;width:270px;min-height:61px}.hero-bottom{font-size:9px}.hero-shade{background:linear-gradient(180deg,#06162690,#0c26492b 26%,#0c264955 58%,#081b33 100%)}.chapter-band{font-size:12px;letter-spacing:0;gap:13px}.chapter-band b{font-size:12px}.story-copy h2{font-size:34px}.story-copy>p:not(.eyebrow){font-size:16px}.section-heading>p,.section-heading>div+div{font-size:15px}.realm-tabs{gap:8px;padding-bottom:15px}.realm-tabs button{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:88px;padding:14px 7px 18px;gap:5px;font-size:12px;line-height:1.15}.realm-tabs button::before{border-image-width:30px 14px 24px}.realm-tabs button>span{font-size:15px;margin:0}.realm-content h3{font-size:36px}.realm-content .eyebrow{font-size:9px}.realm-content>div>p:not(.eyebrow){font-size:15px}.realm-resources{font-size:12px;gap:14px}.home-explorer{padding:25px 18px 32px;margin-inline:-8px}.home-tabs{gap:7px;margin-bottom:28px}.home-tabs button{display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;padding:14px 5px 19px;gap:4px;font-size:11px;min-height:84px}.home-tabs button::before{border-image-width:28px 13px 23px}.home-tabs button>span{font-size:15px}.home-tabs button[aria-selected=true]{border:0}.home-panel{display:flex;gap:30px}.home-copy h3{font-size:29px}.home-copy p{font-size:16px;line-height:1.75}.folio-label{font-size:10px}.specimen-row{gap:10px}.specimen-row img{width:54px;height:54px;padding:7px}.image-note{font-size:13px}.phone-display figcaption{font-size:9px}.encounter-copy .eyebrow{font-size:9px}.encounter-copy>p:not(.eyebrow){font-size:16px}.encounter-copy h2{font-size:39px}.boss-token small{font-size:9px}.encounter-caption{font-size:8px}.gallery-controls span{font-size:11px}.play h2{font-size:40px}.play .eyebrow{font-size:9px}.play-inner>p:not(.eyebrow){font-size:15px}.platform-note{font-size:9px}.platform-note i{margin-inline:6px}.questions .eyebrow{font-size:10px}.questions details{padding-inline:20px}.questions summary{font-size:15px;line-height:1.6;padding-block:21px;gap:12px}.questions details>p{font-size:15px}.back-top{font-size:10px}.footer-bottom{font-size:12px}.footnote{font-size:11px}.media-dialog{padding:64px 15px 22px}.dialog-caption{font-size:11px}.privacy-page .brand{font-size:15px}}
@media(max-width:360px){.home-tabs button{font-size:10px}.hero-actions .button{width:255px}.hero .eyebrow{font-size:8px}.chapter-band{font-size:11px;gap:11px}.realm-tabs button{font-size:11px}.realm-resources{gap:8px;font-size:11px}.specimen-row{gap:8px}.specimen-row img{width:48px;height:48px;padding:6px}}
/* Plain dark ink matches the game's text treatment on its bright panels. */
.home-copy p,.image-note,.phone-display figcaption,.questions details>p{color:#04192d}
.folio-label{color:#033f72}
.questions summary{paint-order:stroke fill;-webkit-text-stroke:1px #04192d}
.dialog-close{position:absolute;top:11px;right:13px;background:none}
.dialog-close::after{content:'';position:absolute;inset:0;background:url('/img/game-ui/close.png') center/20px no-repeat;pointer-events:none}