:root{--ink:#080d1a;--panel:#101827;--gold:#e7c079;--white:#f8f5ef;--muted:#a9b0be;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--ink);color:var(--white);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.12}em{font-style:normal;color:var(--gold)}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}.skip{position:fixed;top:-90px;left:20px;background:var(--gold);color:var(--ink);padding:10px;z-index:99}.skip:focus{top:10px}.site-header{height:104px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;position:relative;z-index:5;border-bottom:1px solid var(--line);background:#080d1af5}.brand{width:180px;display:flex;align-items:center;flex-direction:column}.brand img{width:176px}.brand>span{font-size:9px;letter-spacing:.6em;padding-left:.6em;line-height:1;margin-top:-2px;color:var(--gold)}nav{display:flex;gap:38px;align-items:center;font-size:14px}nav a:hover,.text-link:hover{color:var(--gold)}.nav-cta{border:1px solid #e7c07965;padding:11px 20px;border-radius:3px;color:var(--gold)}.nav-cta span{margin-left:25px}.menu-toggle{display:none}.hero{position:relative;min-height:640px;display:grid;grid-template-columns:1.08fr 1fr;padding:80px 6% 34px;align-items:center;overflow:hidden}.hero-backdrop{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 80% 45%,#28367950,transparent 57%),linear-gradient(90deg,#080d1af9 10%,#080d1acd 55%,#080d1aa0),url('assets/palace.webp') center/cover;opacity:.8}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;color:var(--gold);line-height:1.5;margin-bottom:24px;display:flex;align-items:center;gap:13px}.gold-line{width:28px;height:1px;background:var(--gold)}h1{font-size:clamp(52px,5.5vw,86px);font-weight:650;letter-spacing:-.06em;line-height:1.06}.hero-description{max-width:455px;color:#bbc1cf;margin-top:28px;font-size:17px;line-height:1.8}.actions{display:flex;align-items:center;gap:28px;margin-top:34px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:30px;font-size:14px;font-weight:700;border:0;border-radius:3px;padding:17px 23px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.gold{background:var(--gold);color:#111624}.gold:hover{background:#f3d6a2}.text-link{font-size:13px}.text-link span{margin-left:9px}.hero-foot{display:flex;align-items:center;gap:20px;font-size:9px;letter-spacing:.13em;color:#aab1c2;margin-top:76px}.hero-rule{width:70px;height:1px;background:var(--line)}.hero-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0}.kraken{width:125%;max-width:none;position:relative;z-index:1;filter:drop-shadow(0 30px 50px #0007);animation:float 7s ease-in-out infinite;transform:translateY(-13px)}.orbit{position:absolute;border:1px solid #e7c07920;border-radius:100%;width:90%;aspect-ratio:1;top:1%}.orbit-two{width:75%;top:9%;border-style:dashed;border-color:#8aa4ee22}.art-star{position:absolute;color:var(--gold);font-size:22px}.star-one{right:10%;top:10%}.star-two{left:13%;bottom:20%}.art-caption{position:absolute;bottom:4%;text-align:center}.art-caption span{display:block;font-size:9px;letter-spacing:.25em;color:var(--gold);margin-bottom:6px}.art-caption strong{font-size:14px;font-weight:400;letter-spacing:.02em}.category-strip{display:flex;align-items:center;justify-content:space-around;gap:24px;padding:25px 6%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:#c7cbd4;font-size:10px;letter-spacing:.19em}.category-strip i{color:var(--gold);font-size:14px}.section{padding:100px 6%}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:38px}.section-heading>p{max-width:330px;color:var(--muted);font-size:15px;line-height:1.9;margin-bottom:4px}h2{font-size:clamp(34px,3.4vw,51px);font-weight:600;letter-spacing:-.045em}.filters{display:flex;gap:12px;margin:34px 0 28px;border-bottom:1px solid var(--line);padding-bottom:20px}.filters button{background:transparent;border:1px solid var(--line);border-radius:3px;padding:9px 19px;color:#c4c8d1;font-size:12px}.filters button.active{background:var(--gold);border-color:var(--gold);color:var(--ink)}.filters span{opacity:.7;margin-left:12px}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px 28px}.game-card{background:transparent;border:0;text-align:left;padding:0;min-width:0}.game-art{aspect-ratio:1.2;display:grid;place-items:center;padding:18px 30px;background:radial-gradient(ellipse at 50% 65%,#343051, #151c2e 65%);border:1px solid #ffffff0b;border-radius:7px;overflow:hidden;transition:background .25s}.game-art img{height:100%;max-height:315px;object-fit:contain;width:100%;transition:transform .35s}.game-card:hover .game-art img{transform:scale(1.045)}.game-card:nth-child(2) .game-art{background:radial-gradient(ellipse at 50% 65%,#124259,#111c2d 65%)}.game-card:nth-child(3) .game-art{background:radial-gradient(ellipse at 50% 65%,#2b463b,#141f26 65%)}.game-caption{padding:17px 2px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.game-caption small{font-size:9px;letter-spacing:.16em;color:var(--muted)}.game-caption h3{font-size:17px;letter-spacing:-.02em;margin-top:7px}.round-arrow{display:grid;place-items:center;border:1px solid var(--line);width:32px;height:32px;border-radius:50%;color:var(--gold);flex-shrink:0}.collection-note{font-size:12px;color:#9ca5b6;margin-top:28px}.platform{display:grid;grid-template-columns:1fr 1fr;gap:9%;background:#f1eee7;color:#172333}.platform .eyebrow{color:#886331}.platform h2 em{color:#657384}.platform-intro>p:last-child{max-width:340px;margin-top:26px;color:#657180;font-size:15px}.platform-details article{display:flex;gap:23px;padding:0 0 32px;margin-bottom:30px;border-bottom:1px solid #1b30461f}.platform-details article:last-child{margin-bottom:0;padding-bottom:0;border:0}.feature-number{font-size:12px;color:#947043;padding-top:3px}.platform-details h3{font-size:22px;letter-spacing:-.03em;margin-bottom:13px}.platform-details p{color:#5b6675;font-size:14px;line-height:1.9}.feature-tag{display:inline-block;font-size:9px;letter-spacing:.14em;color:#7a623e;margin-top:17px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.steps article{padding-top:25px;border-top:1px solid #e7c07965}.steps article>span{color:var(--gold);font-size:10px;letter-spacing:.13em}.steps h3{font-size:25px;margin:24px 0 16px;letter-spacing:-.04em}.steps p{font-size:14px;color:var(--muted);max-width:310px;line-height:1.9}.contact{display:grid;grid-template-columns:1fr 1.1fr;gap:10%;background:#111a2b;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.contact h2{font-size:clamp(46px,4.5vw,66px)}.contact-copy>p:not(.eyebrow){color:var(--muted);font-size:15px;margin-top:25px;line-height:1.9}.contact-channel{display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding-top:28px;margin-top:45px;max-width:350px}.telegram-icon{border:1px solid var(--line);width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--gold)}.contact-channel strong{font-size:14px;font-weight:500}.contact-channel div>span{display:block;font-size:12px;color:var(--muted);margin-top:4px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:11px;letter-spacing:.015em;color:#d4d8e1;margin-bottom:19px}input,select,textarea{width:100%;display:block;border:1px solid #ffffff26;background:#0c1423;color:var(--white);padding:13px 14px;font-size:13px;border-radius:3px;margin-top:8px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--gold)}input::placeholder,textarea::placeholder{color:#7f8a9f}textarea{resize:vertical;min-height:100px}.form-note{font-size:11px;line-height:1.7;color:#adb6c8;margin-bottom:18px}.submit{width:100%}.submit:disabled{opacity:.6;transform:none}.faq{display:grid;grid-template-columns:1fr 1.1fr;gap:10%}.faq h2{font-size:37px}.faq .eyebrow{font-size:10px}.faq-list details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:14px;padding:23px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{color:var(--gold);font-size:23px;font-weight:400}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{font-size:13px;color:var(--muted);line-height:1.9;padding:0 20px 23px 0}.faq-list a{text-decoration:underline;color:var(--gold)}footer{border-top:1px solid var(--line);padding:45px 6% 23px;display:grid;grid-template-columns:190px 1fr auto;gap:30px;align-items:center}footer .brand{width:145px}footer p{font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:22px;font-size:11px;align-items:center}.footer-links button{background:transparent;border:0;padding:0;font-size:11px}.footer-links a:hover,.footer-links button:hover{color:var(--gold)}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:21px;margin-top:14px;color:#7f8a9f;font-size:10px}dialog{background:#101a2b;color:var(--white);border:1px solid #e7c07955;border-radius:8px;max-width:800px;width:calc(100% - 36px);padding:30px;max-height:90vh;overflow:auto}dialog::backdrop{background:#020511d9;backdrop-filter:blur(8px)}#game-dialog[open]{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;align-items:center}#game-dialog>img{width:100%}.close-dialog{position:absolute;right:12px;top:8px;background:transparent;border:0;font-size:29px;color:var(--gold);line-height:1;padding:5px}.dialog-copy{padding:15px 0}.dialog-copy h2{font-size:32px;margin-bottom:20px}.dialog-copy>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:20px}.dialog-copy .eyebrow{font-size:9px}.dialog-copy .dialog-note{font-size:11px!important}#privacy-dialog{max-width:600px;padding:35px}.game-card[hidden]{display:none}@keyframes float{50%{transform:translateY(-24px)}}
@media(min-width:1600px){.site-header,.section,footer{padding-left:max(6%,calc((100vw - 1420px)/2));padding-right:max(6%,calc((100vw - 1420px)/2))}.hero{padding-left:max(6%,calc((100vw - 1420px)/2));padding-right:max(6%,calc((100vw - 1420px)/2))}}
@media(max-width:1000px){nav{gap:22px}.hero{min-height:580px;padding-top:65px}.hero h1{font-size:59px}.hero-foot{margin-top:50px;font-size:8px;gap:12px}.hero-rule{width:25px}.actions{gap:17px}.text-link{font-size:12px}.button{padding:15px 18px;gap:16px}.game-art{padding:12px}.game-caption h3{font-size:15px}.section{padding-top:75px;padding-bottom:75px}.section-heading{gap:35px}.platform,.contact,.faq{gap:6%}.footer-links{gap:12px}footer{grid-template-columns:150px 1fr}footer .footer-links{grid-column:1/-1;justify-content:flex-end}.category-strip{font-size:8px;gap:15px}.orbit{top:14%}.orbit-two{top:20%}}
@media(max-width:700px){html{scroll-padding-top:25px}.site-header{height:85px;padding:0 6%}.brand{width:145px}.brand img{width:143px}.menu-toggle{display:flex;gap:15px;align-items:center;background:none;border:1px solid var(--line);padding:8px 12px;border-radius:3px;font-size:12px}nav{display:none;position:absolute;top:84px;left:0;right:0;padding:22px 6%;background:#101827;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:16px}nav.open{display:flex}.nav-cta{display:flex;justify-content:space-between}.hero{grid-template-columns:1fr;padding:45px 6% 28px;min-height:0}.hero h1{font-size:clamp(44px,10vw,65px)}.eyebrow{font-size:9px;margin-bottom:22px}.hero-description{font-size:15px;max-width:400px;margin-top:22px}.hero-art{min-height:310px;max-width:420px;width:100%;margin:auto;grid-row:2}.kraken{width:106%;transform:none;animation:none}.orbit{width:74%;top:5%}.orbit-two{width:62%;top:12%}.star-one{top:9%;right:16%}.star-two{bottom:15%}.art-caption{bottom:0}.hero-foot{margin-top:35px}.actions{gap:23px;margin-top:25px}.category-strip{display:grid;grid-template-columns:1fr 1fr;text-align:center;font-size:8px;gap:16px;padding:23px 6%}.category-strip i{display:none}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:28px}h2{font-size:36px}.section-heading>p{margin-top:23px;max-width:420px;font-size:14px}.filters{gap:8px;margin-top:26px}.filters button{padding:9px 12px;font-size:11px}.filters span{margin-left:7px}.game-grid{grid-template-columns:1fr 1fr;gap:25px 14px}.game-art{padding:7px;aspect-ratio:1}.game-caption{padding-top:12px;gap:6px}.game-caption h3{font-size:13px;line-height:1.4;margin-top:4px}.game-caption small{font-size:7px;letter-spacing:.09em}.round-arrow{width:25px;height:25px;font-size:13px}.collection-note{font-size:10px}.platform,.contact,.faq{grid-template-columns:1fr;gap:40px}.platform h2{font-size:42px}.platform-intro>p:last-child{max-width:400px}.platform-details article{gap:20px}.platform-details h3{font-size:21px}.steps{grid-template-columns:1fr;gap:28px;margin-top:35px}.steps h3{margin:16px 0 10px}.steps p{max-width:420px}.contact h2{font-size:49px}.contact-channel{margin-top:30px}.form-row{gap:12px}.faq h2{font-size:33px}.faq{gap:10px}footer{grid-template-columns:1fr;gap:20px;padding:35px 6% 22px}footer .footer-links{justify-content:flex-start;flex-wrap:wrap;gap:22px}.footer-bottom{gap:18px;font-size:9px}#game-dialog[open]{grid-template-columns:1fr;gap:5px}#game-dialog>img{max-width:220px;margin:auto}.dialog-copy h2{font-size:28px}.dialog-copy{padding:10px 0}.dialog-copy .eyebrow{margin-bottom:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Keep portrait and square game art fully visible within the shared card size. */
.game-art{position:relative}.game-art img{position:absolute;inset:0;width:100%;height:100%;max-height:none;padding:18px;object-fit:contain}
@media(max-width:700px){.game-art img{padding:7px}.actions{flex-wrap:wrap}.form-row>*{min-width:0}}
/* Accepted animated live-lobby Kraken. */
.kraken-stage{width:116%;max-width:none;flex-shrink:0;aspect-ratio:2.64/1.47;position:relative;z-index:1;transform:translateY(-13px)}
.kraken-poster,.kraken-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.kraken-canvas{opacity:0;pointer-events:none}.kraken-stage.ready .kraken-canvas{opacity:1}.kraken-stage.ready .kraken-poster{opacity:0}.catalog-invite{display:flex;align-items:center;justify-content:space-between;margin-top:32px}.catalog-invite .collection-note{margin:0}.catalog-button{border:1px solid #e7c07965;color:var(--gold)}nav a[aria-current=page]{color:var(--gold)}.catalog-page .games{padding-top:65px}.catalog-page h1{font-size:clamp(45px,5vw,70px)}.catalog-search{max-width:430px;font-size:12px;color:var(--muted);margin-top:35px}.catalog-search input{font-size:15px;padding:15px 18px}.catalog-empty{padding:55px 20px;text-align:center;color:var(--muted);border:1px solid var(--line)}.catalog-empty[hidden]{display:none}.catalog-contact{padding:35px 6%;border-top:1px solid var(--line);background:var(--panel);display:flex;align-items:center;justify-content:space-between;gap:20px}.catalog-contact p{font-size:23px;letter-spacing:-.03em}
@media(max-width:700px){.kraken-stage{width:106%;transform:none}.hero-art{min-height:340px}.art-caption{bottom:29px}.catalog-invite{gap:20px;align-items:flex-start;flex-direction:column}.catalog-page .games{padding-top:45px}.catalog-contact{flex-direction:column;align-items:flex-start;padding:30px 6%}.catalog-contact p{font-size:21px}.catalog-page .section-heading>p{margin-top:25px}}
/* Full live-lobby collection: compact browsing, lazy art, category counts. */
.filters{flex-wrap:wrap}.catalog-page .game-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px}.catalog-page .game-caption h3{font-size:15px;line-height:1.4}.catalog-page .game-art{aspect-ratio:1}.catalog-results{margin:0 0 24px}.catalog-source-note{color:var(--muted);font-size:11px;margin-top:35px}.catalog-page .game-art img{padding:12px}
@media(max-width:1000px){.catalog-page .game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.catalog-page .game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.catalog-page .game-caption h3{font-size:13px}.catalog-page .game-art img{padding:7px}}
.game-card{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.game-art{width:100%;flex-shrink:0}
