:root{--ink:#f8f6ff;--muted:#c8c4e8;--base:#0f1029;--panel:#211c48;--panel2:#2e245c;--edge:#6c5689;--mint:#2cdec2;--cobalt:#6577ff;--orchid:#e462c5;--gold:#e4c183;--menu:224px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--base);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 5% 22%,#21366390,transparent 38%),radial-gradient(ellipse at 75% 55%,#4d19574f,transparent 35%),#0f1029;line-height:1.65}body[data-light=jade]{--cobalt:#43c9c0;--panel:#133f48;--panel2:#205064}body[data-light=orchid]{--cobalt:#ce65c2;--panel:#392044;--panel2:#4e285b}body[data-light=aurora]{--cobalt:#50cbeb;--panel:#293759;--panel2:#41406f}a{color:inherit;text-underline-offset:4px}button,input,select,textarea{font:inherit}button,.button{appearance:none;display:inline-flex;justify-content:center;align-items:center;gap:8px;min-height:45px;padding:9px 23px;background:linear-gradient(150deg,#d2fff0 0%,#2be3be 15%,#06aeaa 65%,#378bc2);border:1px solid #afffee;border-radius:10px;color:#051c23;font-weight:800;cursor:pointer;text-decoration:none;box-shadow:inset 0 3px #e4fff7aa,inset 0 -4px #056c7c77,0 4px 0 #082730,0 6px 15px #0004;transition:filter .18s,transform .18s}button:hover,.button:hover{filter:brightness(1.12);transform:translateY(-1px)}button:active,.button:active{transform:translateY(2px);box-shadow:inset 0 2px #fff5,0 1px #082730}.quiet,.secondary{color:var(--ink);background:linear-gradient(#704b9d,#473267);border-color:#bb96d4;box-shadow:inset 0 2px #e8b6ff55,inset 0 -3px #19122e88,0 3px #121226}button:disabled{cursor:default;opacity:.45;transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #fff3a6;outline-offset:4px}h1,h2,h3{font-weight:850;line-height:1.15;letter-spacing:-.025em}h1{font-size:clamp(30px,3.3vw,52px);margin:10px 0 20px}h2{font-size:clamp(21px,2vw,30px);margin:0 0 16px}h3{font-size:20px;margin:26px 0 9px}p{color:var(--muted);margin:0 0 18px}img{max-width:100%;display:block;object-fit:cover}small{font-size:12px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:white;color:black;padding:12px}.skip:focus{top:8px}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.page-main{margin-right:var(--menu);min-height:100vh}.mobile-header,.menu-close,.menu-scrim{display:none}.side-menu{position:fixed;right:0;top:12px;bottom:12px;width:var(--menu);z-index:40;padding:24px 17px 18px 21px;overflow-y:auto;scrollbar-width:thin;background:radial-gradient(ellipse at 0 0,#b75fce99,transparent 45%),linear-gradient(155deg,#31376f 4%,#613683 52%,#186c78 100%);border-left:3px solid #b5acfa;box-shadow:inset 5px 0 #fff2,-10px 0 30px #060619aa;border-radius:38px 0 0 38px}.side-brand img{object-fit:contain;width:100%;height:63px}.account-stack{display:grid;gap:11px;margin:17px 0 22px}.account-stack .button{padding:7px 10px;min-height:40px;border-radius:22px;font-size:14px}.side-menu nav{display:grid;gap:3px}.side-menu nav>a{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:750;min-height:43px;padding:6px 9px;border-radius:9px;font-size:13px;line-height:1.3}.side-menu nav>a:hover,.side-menu nav>a[aria-current]{background:linear-gradient(90deg,#ffffff23,#ffffff05);box-shadow:inset 3px 0 #78ffe3}.nav-icon{width:25px;color:#ffe2a2;font-size:23px;line-height:1;text-shadow:0 3px #563465,0 0 8px #ef8bdc88;text-align:center}.menu-base{display:grid;grid-template-columns:1fr 1fr;gap:8px;font-size:11px;margin-top:20px;padding-top:17px;border-top:1px solid #fff3}.menu-base>span{grid-column:1/-1;color:#e4dcfa}.member-name{text-align:center;font-size:16px;font-weight:800;overflow-wrap:anywhere}.side-balance{text-align:center;text-decoration:none}.side-balance strong{display:block;font-size:25px;color:#c2ffeb}.side-balance small{display:block}.hero{position:relative;min-height:460px;isolation:isolate;overflow:hidden;background:#192240}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#10102d 0%,transparent 25%),radial-gradient(ellipse at center,#19225399 0%,transparent 47%)}.hero-copy{width:38%;min-width:310px;max-width:490px;margin:0 auto;text-align:center;position:relative;padding:17px 10px 40px}.hero-logo{width:285px;height:96px;object-fit:contain;margin:0 auto 0}.hero h1{font-size:clamp(27px,2.5vw,41px);text-shadow:0 3px 4px #070819;margin:2px 0 17px}.welcome-widget{border:1px solid #c8ac76;border-radius:13px;background:linear-gradient(150deg,#31516bdb,#221b4eee);padding:15px 20px;box-shadow:inset 0 0 0 3px #dfb97633,0 8px 30px #0006;backdrop-filter:blur(8px);max-width:330px;margin:auto}.welcome-widget>span{display:block;font-size:10px;letter-spacing:.13em;color:#d3e8e9;font-weight:800}.welcome-widget>strong{display:block;font-size:41px;font-weight:900;line-height:1.15;color:#ffdf8d;text-shadow:0 3px #493449}.welcome-widget>small{display:block;color:#e4dfef;margin-bottom:12px}.welcome-widget .button{width:100%;font-size:13px}.guest-link{display:block;font-size:11px;margin-top:12px}.boundary{display:flex;align-items:center;justify-content:center;text-align:center;min-height:37px;padding:6px 12px;background:#19152d;border-top:1px solid #534868;border-bottom:1px solid #534868;color:#e5dfef;font-size:11px;letter-spacing:.02em}.content{max-width:1400px;margin:auto;padding:30px 38px 55px}.search-strip{display:flex;justify-content:center;gap:10px;width:min(700px,100%);margin:0 auto 30px;position:relative;align-items:center}.search-strip input{background:#0a0b1c;border:2px solid #a7acc4;border-radius:30px;padding:12px 60px 12px 20px;width:100%;height:46px;color:#f5f3ff;min-width:0}.search-strip button{position:absolute;right:149px;min-height:34px;width:36px;padding:0;border-radius:50%;font-size:25px;line-height:1}.world-button{flex-shrink:0;width:137px;text-align:center;border:2px solid #c6a3ef;padding:7px 10px;color:white;background:linear-gradient(145deg,#8154c3,#3a235e);font-size:12px;font-weight:800;text-decoration:none;border-radius:8px;box-shadow:inset 0 0 0 3px #ffffff20,0 4px #080d1e}.promo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:0 0 32px}.promo-card{position:relative;overflow:hidden;display:block;text-decoration:none;border:1px solid #b89d70;border-radius:12px;box-shadow:inset 0 0 0 2px #8f6d4433,0 9px 20px #0004;background:var(--panel)}.promo-card .chapter-art{width:100%;height:auto;aspect-ratio:1.7;object-fit:cover}.promo-card>div{padding:18px 18px 22px}.promo-card h2{font-size:20px}.promo-card p{font-size:13px}.promo-card span{font-size:12px;font-weight:850;color:#9dffe4}.promo-card:hover{border-color:#fff0b0}.panel{background:linear-gradient(135deg,#ffffff07,transparent 65%),var(--panel);border:1px solid var(--edge);border-radius:13px;padding:26px;box-shadow:inset 0 2px #ffffff0d,0 10px 20px #05081244;margin-bottom:24px}.two-col{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px;align-items:start}.two-col .panel{min-width:0}.actions,.text-links{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.actions .button{font-size:13px}.trail-module{display:grid;grid-template-columns:1.15fr 1fr;padding:0;overflow:hidden;gap:15px}.trail-module>div{padding:30px}.trail-module>.chapter-art{height:100%;width:100%;object-fit:cover}.eyebrow{display:block;color:#a9ffe4;font-size:10px;letter-spacing:.16em;font-weight:850;margin-bottom:12px}.trail-count{display:block;font-size:29px;color:#f9d990;margin:20px 0 18px}.trail-stops{display:flex;flex-wrap:wrap;gap:10px}.trail-stops .button{min-height:36px;font-size:11px;padding:6px 14px}.article{max-width:1000px;margin:0 auto 28px}.article>section+section{margin-top:32px;padding-top:24px;border-top:1px solid #ffffff12}.article p{font-size:15px;max-width:75ch;line-height:1.85}.article h2{font-size:25px}.chapter-header{min-height:320px;position:relative;display:flex;align-items:center;isolation:isolate;overflow:hidden;background:#24213f}.chapter-header>img{position:absolute;right:0;top:0;width:67%;height:100%;object-position:center;z-index:-2}.chapter-header:after{position:absolute;inset:0;content:"";background:linear-gradient(90deg,#12152dfa 0%,#181c39ed 25%,#15132c88 58%,#17102c11 100%);z-index:-1}.chapter-header>div{width:65%;padding:44px 42px}.chapter-header h1{font-size:clamp(28px,3vw,45px);max-width:13ch}.chapter-header p{font-size:14px;max-width:43ch}.breadcrumb{font-size:11px;color:#b5ffeb;text-decoration:none}.category-bar{display:flex;justify-content:center;gap:30px;margin:0 0 30px}.category-bar>a{display:grid;justify-items:center;gap:6px;text-decoration:none;font-size:11px;text-align:center}.hex-icon{display:grid;place-items:center;font-size:29px;height:61px;width:61px;background:linear-gradient(130deg,#e7d6ff 0%,#7657dc 17%,#31155f 49%,#9260cc 80%);clip-path:polygon(25% 2%,75% 2%,100% 50%,75% 98%,25% 98%,0 50%);filter:drop-shadow(0 4px 5px #0008);color:#b7ffe9;text-shadow:0 3px #372158}.empty-hall{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:28px;margin-bottom:32px;border:1px solid #665271;background:#1d1b3d;border-radius:13px;overflow:hidden}.empty-hall>div{padding:24px 24px 24px 0}.empty-hall img{width:100%;height:100%;min-height:260px;object-fit:cover}.credit-total{font-size:clamp(34px,4vw,55px);display:block;line-height:1.2;color:#b5ffdf;margin:12px 0}.form-panel{max-width:580px;margin:0 auto 32px}form>label{display:block;color:#ece6ff;font-size:13px;font-weight:650;margin:0 0 17px}label>input:not([type=checkbox]),label>select,label>textarea{display:block;margin-top:7px;width:100%;min-height:47px;background:#0e102a;border:1px solid #8c7ba9;border-radius:7px;color:#fff;padding:11px 13px;font-size:14px;color-scheme:dark}label>input[type=date]{max-width:100%}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;line-height:1.65}.check input{width:18px;height:18px;flex-shrink:0;margin:4px 0 0;accent-color:#34dfc0}.form-panel>p{font-size:12px;margin-top:22px}.text-links{font-size:12px;gap:15px}.honey{position:absolute;left:-9999px;width:1px;height:1px}.notice{border:1px solid #6cbdad;padding:15px 20px;background:#163c42;margin:0 0 25px;border-radius:9px;color:#ddfff4}.finish-grid,.achievement-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.finish{overflow:hidden;text-align:center}.lantern-object{margin:0 auto 22px;width:91px;height:116px;display:grid;place-items:center;font-size:54px;background:linear-gradient(120deg,#e3ddff 0%,#526bc5 18%,#211c66 55%,#a0afff);clip-path:polygon(20% 8%,80% 8%,100% 50%,76% 89%,50% 100%,24% 89%,0 50%);color:#ffe8a4;text-shadow:0 3px 2px #6a416e;box-shadow:inset 0 0 20px white}.jade .lantern-object{background:linear-gradient(120deg,#e2fff9,#48bbaf 20%,#106875 55%,#a0fff1)}.orchid .lantern-object{background:linear-gradient(120deg,#ffdbef,#c467b2 20%,#612f7c 55%,#f1c1fc)}.aurora .lantern-object{background:linear-gradient(120deg,#f0ebff,#6fd9cb 20%,#b24ca1 55%,#99b9ff)}.steps{display:grid;gap:14px;padding-left:23px}.achievement-mark{font-size:42px;color:#f3d48d}.profile-heading h2{font-size:35px;overflow-wrap:anywhere}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th{font-size:10px;letter-spacing:.03em;text-transform:uppercase;color:#bfc5e0}td,th{padding:12px 7px;border-bottom:1px solid #ffffff18}td:first-child{color:#c0ffe9}td{white-space:nowrap}.history-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:15px;font-size:11px}.history-controls button{font-size:10px;min-height:34px;padding:6px 10px}.route-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.care-button{background:linear-gradient(#c7d5ff,#a7afea);border-color:white;color:#202043}.site-footer{padding:10px 38px 32px;border-top:1px solid #625073;background:#0c1027}.footer-lead{position:relative;min-height:215px;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;margin:0 -38px 28px;background:#111c32}.footer-lead>img{position:absolute;inset:0;width:100%;height:100%;z-index:-2}.footer-lead:after{content:"";position:absolute;inset:0;background:linear-gradient(#10172f55,#0c1027ed);z-index:-1}.footer-lead>div{padding:25px}.footer-lead div img{object-fit:contain;margin:0 auto 8px}.footer-lead p{font-size:17px;margin-bottom:8px}.footer-lead a{font-size:12px;color:#beffe9}.footer-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-links h2{font-size:13px;margin:0 0 14px;color:white}.footer-links a{display:block;font-size:11px;text-decoration:none;color:#c7c4dc;padding:3px 0}.footer-links a:hover{text-decoration:underline}.footer-bottom{display:flex;gap:18px;align-items:center;border-top:1px solid #ffffff20;padding-top:24px;margin-top:26px}.age-mark{display:grid;place-items:center;border:2px solid #b0adc8;border-radius:50%;width:46px;height:46px;flex-shrink:0;font-size:17px;font-weight:850}.footer-bottom p{font-size:10px;margin:0;max-width:77ch}.footer-bottom a{font-size:11px;overflow-wrap:anywhere}.site-footer>small{display:block;color:#b1abc9;margin-top:20px;font-size:10px}.cookie-note{position:fixed;bottom:14px;left:14px;z-index:50;width:315px;background:#252043f2;border:1px solid #8d80ab;border-radius:12px;padding:15px 17px;box-shadow:0 10px 30px #0007;backdrop-filter:blur(12px)}.cookie-note p{font-size:11px;margin:0 0 10px}.cookie-note form{display:flex;gap:16px;align-items:center}.cookie-note button{min-height:33px;font-size:10px;padding:5px 12px}.cookie-note a{font-size:10px}.help-orb{position:fixed;bottom:22px;right:calc(var(--menu) + 15px);z-index:30;display:grid;place-items:center;width:43px;height:43px;border:2px solid #bbffe8;border-radius:50%;background:linear-gradient(#8666b9,#34235c);box-shadow:inset 0 3px #fff3,0 5px 14px #0008;color:#fff7c6;font-size:22px;font-weight:900;text-decoration:none}.game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px}.game-card{aspect-ratio:2/3;border:2px solid #d2b270;border-radius:5px;position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #fff1b333,0 5px 15px #070515}.game-card:before,.game-card:after{position:absolute;content:"";inset:4px;border-top:1px solid #f6e0a1;border-bottom:1px solid #f6e0a1;pointer-events:none}.game-card img{width:100%;height:100%;object-fit:cover}.game-card .card-actions{position:absolute;bottom:0;left:0;right:0;display:flex;gap:5px;padding:9px;background:linear-gradient(transparent,#11102df2 35%)}
@media(min-width:1500px){:root{--menu:244px}.hero{min-height:520px}.hero-copy{padding-top:34px}.hero h1{font-size:44px}.side-menu nav>a{min-height:47px;font-size:14px}.game-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media(max-width:1100px){:root{--menu:205px}.content{padding:24px}.hero{min-height:420px}.hero-copy{min-width:290px}.hero-logo{width:230px;height:82px}.hero h1{font-size:29px}.hero-scene{object-position:center}.promo-grid{gap:13px}.promo-card>div{padding:16px 13px}.promo-card h2{font-size:17px}.two-col{grid-template-columns:1fr}.trail-module>div{padding:23px}.chapter-header>div{padding:35px 25px;width:75%}.side-menu{padding-left:16px;padding-right:13px}.footer-links{gap:15px}.footer-bottom{flex-wrap:wrap}.site-footer{padding-right:25px;padding-left:25px}.footer-lead{margin-right:-25px;margin-left:-25px}.game-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.empty-hall{grid-template-columns:1fr}.empty-hall>div{padding:24px}.empty-hall img{height:230px;min-height:0}}@media(max-width:760px){:root{--menu:0px}.page-main{margin-right:0;padding-top:67px}.mobile-header{display:flex;position:fixed;left:0;top:0;width:100%;height:67px;padding:6px 15px;background:#181a3bf2;backdrop-filter:blur(15px);border-bottom:1px solid #6c5d88;align-items:center;justify-content:space-between;z-index:42}.mobile-header img{width:172px;height:54px;object-fit:contain}.menu-toggle{min-height:35px;font-size:11px;padding:5px 18px}.side-menu{top:0;bottom:0;right:-300px;width:275px;transition:right .25s;border-radius:23px 0 0 23px;padding-top:16px;z-index:60}.side-menu.open{right:0}.menu-close{display:block;position:absolute;right:9px;top:9px;min-height:30px;padding:3px 9px;font-size:10px}.side-brand{display:block;margin-top:25px}.side-menu nav>a{font-size:14px;min-height:45px}.menu-scrim:not([hidden]){display:block;position:fixed;inset:0;background:#050819bb;z-index:55}.hero{min-height:590px}.hero-scene{object-fit:cover;object-position:center;width:170%;max-width:none;left:-35%;height:330px}.hero:after{background:linear-gradient(0deg,#17142f 5%,#151c3d55 50%,transparent 90%)}.hero-copy{width:100%;max-width:none;padding:20px 20px 25px;min-width:0;display:flex;flex-direction:column;align-items:center}.hero-logo{width:250px;height:82px}.hero h1{font-size:29px;text-shadow:0 3px 8px #000;margin-top:4px}.welcome-widget{margin-top:151px;width:300px;padding:14px 20px}.welcome-widget>strong{font-size:39px}.boundary{font-size:9px;padding:8px 10px;min-height:36px}.content{padding:24px 16px 35px}.search-strip{margin-bottom:23px;gap:8px}.search-strip input{font-size:12px;padding-left:14px;padding-right:44px}.world-button{width:105px;font-size:10px;padding:9px 6px}.search-strip button{right:116px;width:31px;min-height:31px;font-size:22px}.promo-grid{grid-template-columns:1fr;gap:18px}.promo-card{display:grid;grid-template-columns:46% 1fr;min-height:170px}.promo-card .chapter-art{height:100%;aspect-ratio:auto}.promo-card>div{padding:18px 15px}.promo-card h2{font-size:19px}.promo-card p{font-size:12px;margin-bottom:12px}.trail-module{grid-template-columns:1fr;gap:0}.trail-module>div{padding:23px}.trail-module>.chapter-art{height:210px;order:-1}.panel{padding:21px;margin-bottom:20px}.chapter-header{min-height:300px}.chapter-header>img{width:100%;opacity:.78;object-position:center}.chapter-header:after{background:linear-gradient(90deg,#17172bea,#18173099 60%,#12162a55)}.chapter-header>div{padding:33px 22px;width:94%}.chapter-header h1{font-size:32px}.chapter-header p{font-size:13px;max-width:36ch}.chapter-header h1{margin-top:14px}.category-bar{gap:18px}.hex-icon{width:52px;height:53px;font-size:26px}.category-bar strong{font-size:9px}.empty-hall{gap:0}.empty-hall img{height:200px}.empty-hall>div{padding:24px 20px}.finish-grid,.achievement-grid{grid-template-columns:1fr;gap:0}.finish{display:grid;grid-template-columns:80px 1fr;column-gap:20px;text-align:left}.finish .lantern-object{width:70px;height:96px;grid-row:1/5;font-size:40px;margin:0}.finish h2{font-size:22px}.finish p{font-size:13px}.finish form{grid-column:2}.finish button{font-size:12px;min-height:39px;padding:7px 15px}.route-list{grid-template-columns:1fr}.site-footer{padding:0 20px 25px}.footer-lead{margin:0 -20px 24px;min-height:240px}.footer-links{grid-template-columns:1fr 1fr;gap:25px 18px}.footer-links h2{font-size:12px}.footer-links a{font-size:11px;padding:5px 0}.footer-bottom{gap:14px}.footer-bottom p{flex:1;min-width:200px;font-size:10px}.footer-bottom a{margin-left:60px}.cookie-note{bottom:10px;left:10px;width:calc(100% - 77px);max-width:340px;padding:12px 15px}.help-orb{bottom:18px;right:12px;width:43px;height:43px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}td,th{font-size:10px;padding:11px 4px}h2{font-size:24px}.article p{font-size:14px}.actions{gap:9px}.actions .button{font-size:12px;padding:8px 16px}}
@media(prefers-reduced-motion:no-preference){body[data-motion=ambient] .hero-scene{animation:lantern-water 18s ease-in-out infinite alternate}@keyframes lantern-water{from{filter:brightness(1) saturate(1)}to{filter:brightness(1.06) saturate(1.08)}}}body[data-motion=calm] *,body[data-motion=calm] *:before,body[data-motion=calm] *:after{animation:none!important;scroll-behavior:auto!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Original portrait game shelf, with controls outside the title artwork. */
.catalogue{margin-bottom:38px}.catalogue-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 20px}.catalogue-heading h2{font-size:23px;margin:0}.catalogue-heading>span{font-size:11px;color:#d5ceeb}.game-grid{gap:22px 16px}.game-card{aspect-ratio:auto;border:0;border-radius:0;background:none;box-shadow:none;overflow:visible}.game-card:before,.game-card:after{content:none}.cover-wrap{aspect-ratio:2/3;position:relative;border-radius:7px;border:1px solid #dfb86d;overflow:hidden;box-shadow:0 8px 20px #0007}.game-cover-link{display:block;width:100%;height:100%}.game-cover-link img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.game-card:hover .game-cover-link img{transform:scale(1.025)}.game-badge{position:absolute;top:7px;right:7px;border:1px solid #aaffd9;border-radius:4px;background:#092a2cd9;color:#c4ffe9;padding:3px 6px;font-size:8px;line-height:1.3;font-weight:800;box-shadow:0 2px 8px #0006}.game-card .card-actions{padding:22px 7px 9px;gap:5px;align-items:center;background:linear-gradient(transparent,#070c24f2 30%);opacity:0;transition:opacity .15s}.game-card:hover .card-actions,.game-card:focus-within .card-actions{opacity:1}.card-actions .button,.card-actions button{font-size:10px;min-height:34px;padding:5px 8px;border-radius:7px;flex:1}.card-caption{padding:11px 1px 0;line-height:1.3}.card-caption a{font-weight:800;font-size:12px;color:#fff;text-decoration:none;display:block;overflow-wrap:anywhere;text-shadow:0 1px 2px #000}.card-caption small{display:block;font-size:9px;color:#cbc7e0;margin-top:5px}.game-detail-hero{display:grid;grid-template-columns:minmax(180px,290px) 1fr;gap:35px;align-items:center;margin-bottom:30px}.game-detail-hero>img{width:100%;border:1px solid #f0c880;border-radius:9px;height:auto;box-shadow:0 10px 30px #0007}.game-detail-hero h2{font-size:clamp(25px,4vw,48px);margin:12px 0 22px}.game-detail-hero p{font-size:14px}.paytable-scroll{overflow-x:auto;max-width:100%}.chapter-list{display:flex;flex-wrap:wrap;gap:12px 30px;padding-left:20px;font-size:13px;color:#b7ffe6}details{border-top:1px solid #fff2;margin:20px 0;padding:15px 0}summary{cursor:pointer;color:#b8ffe5;font-weight:750}.preview-dialog{padding:0;width:min(1160px,calc(100vw - 32px));max-width:none;height:min(820px,calc(100dvh - 32px));max-height:calc(100dvh - 32px);border:1px solid #b3b1ff;border-radius:19px;background:#0b1022;color:white;overflow:hidden;box-shadow:0 30px 140px #000c}.preview-dialog[open]{display:flex;flex-direction:column}.preview-dialog::backdrop{background:#050717dd;backdrop-filter:blur(9px)}.preview-dialog>header{height:50px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 15px;border-bottom:1px solid #ffffff2a}.preview-dialog>header strong{font-size:14px}.preview-dialog>header button{min-height:31px;padding:4px 15px;font-size:10px}.preview-stage{position:relative;min-height:0;flex:1;display:flex}.preview-stage iframe{width:100%;height:100%;min-height:0;flex:1;border:0}.preview-loading{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:radial-gradient(ellipse,#282344,#0b1022);gap:15px}.preview-loading img{max-width:150px;max-height:35vh;border-radius:8px}.preview-loading p{font-size:13px;padding:0 20px;text-align:center}.preview-open{overflow:hidden}[hidden]{display:none!important}
@media(hover:none){.game-card .card-actions{opacity:1}}@media(max-width:760px){.game-grid{gap:20px 12px}.game-card .card-actions{opacity:1}.card-actions .button,.card-actions button{font-size:9px;padding:5px;min-height:31px}.game-badge{font-size:7px;top:5px;right:5px;padding:3px 4px}.catalogue-heading{align-items:flex-start;gap:10px}.catalogue-heading h2{font-size:20px}.catalogue-heading>span{font-size:9px;white-space:nowrap;padding-top:5px}.card-caption a{font-size:12px}.card-caption small{font-size:8px}.game-detail-hero{grid-template-columns:130px 1fr;gap:17px;align-items:start}.game-detail-hero h2{font-size:23px;margin:5px 0 13px}.game-detail-hero .eyebrow{font-size:8px}.game-detail-hero p{font-size:11px}.game-detail-hero .actions{gap:8px}.game-detail-hero .button,.game-detail-hero button{font-size:10px;padding:6px 10px;min-height:35px}.preview-dialog{width:calc(100vw - 10px);height:calc(100dvh - 10px);max-height:calc(100dvh - 10px);border-radius:12px}.preview-dialog>header{height:42px;padding:0 10px}.preview-dialog>header strong{font-size:12px}.paytable-scroll table{font-size:10px}.chapter-list{font-size:11px;gap:8px 24px}}