@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#100d16;--panel:#19151f;--panel2:#211b2a;--line:#42364f;--gold:#c6a45b;--gold2:#e3c77f;--purple:#b78af0;--purple2:#8157c4;--ink:#f2ecf5;--muted:#aaa0b4;--radius:26px;--round:999px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.topbar{height:82px;border-bottom:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;padding:0 6.2%;position:sticky;top:0;background:#100d16ed;backdrop-filter:blur(18px);z-index:5}.brand{display:flex;gap:10px;align-items:center;font-weight:800;letter-spacing:.07em;font-size:13px}.brand-mark{width:38px;height:38px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;overflow:hidden;background:#211b2a;box-shadow:0 0 20px #b78af022}.brand-mark img{width:100%;height:100%;object-fit:contain}.brand small{display:block;text-align:left;font:8px 'DM Mono',monospace;letter-spacing:.055em;white-space:nowrap;color:var(--gold);margin-top:4px}.topbar nav{display:flex;gap:34px;font-size:13px;color:#c4bbc9}.topbar nav a:hover,footer>a:hover{color:var(--gold2)}.top-actions{display:flex;gap:12px;align-items:center}.language select{color:var(--ink);background:var(--panel);border:1px solid var(--line);border-radius:var(--round);padding:9px 12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:13px 20px;border:1px solid transparent;border-radius:var(--round);font-size:12px;font-weight:800;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px)}.primary{color:#17111e;background:linear-gradient(110deg,var(--gold2),var(--purple));box-shadow:0 8px 30px #b78af022}.ghost,.outline{border-color:#746044;color:var(--ink);background:transparent}.hero{min-height:610px;padding:82px 10% 65px;display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:40px;overflow:hidden;border-bottom:1px solid #ffffff10}.eyebrow{font:10px 'DM Mono',monospace;letter-spacing:.18em;color:var(--gold2)}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--purple);box-shadow:0 0 12px var(--purple);margin-right:8px}.hero h1{font-size:clamp(52px,7vw,88px);line-height:.99;letter-spacing:-.065em;margin:24px 0}.hero h1 em{font-style:normal;color:var(--purple)}.lead{font-size:15px;line-height:1.8;color:#b8afc0;max-width:460px;margin:0 0 28px}.hero-meta{display:flex;gap:40px;margin-top:44px;font:14px 'DM Mono',monospace;color:var(--gold2)}.hero-meta small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em;margin-top:6px}.hero-art{height:420px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{height:360px;width:360px;background:radial-gradient(circle,#58398466,transparent 68%)}.orb-two{height:260px;width:260px;border:1px solid #c6a45b55;box-shadow:inset 0 0 70px #b78af011}.cover-frame{width:255px;height:325px;padding:9px;border:1px solid var(--gold);border-radius:34px;transform:rotate(5deg);background:#17111d;box-shadow:0 30px 80px #0008,0 0 38px #c6a45b1b;z-index:1}.cover-placeholder{height:100%;border-radius:26px;border:1px solid #ffffff20;background:radial-gradient(ellipse at 50% 30%,#654592,#231a32 60%,#15111a);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.cover-placeholder:after{content:"";position:absolute;inset:0;background:linear-gradient(150deg,transparent 42%,#c6a45b30)}.cover-placeholder img{width:145px;height:145px;object-fit:contain;filter:drop-shadow(0 12px 24px #08050c);z-index:1}.cover-placeholder span{font-size:25px;font-weight:800;letter-spacing:.1em;text-align:center;color:var(--gold2);line-height:1.05;z-index:1}.cover-placeholder small{position:absolute;bottom:24px;font:9px 'DM Mono';letter-spacing:.2em;z-index:1}.float-tag{position:absolute;top:55px;right:2%;padding:10px 15px;border-radius:var(--round);border:1px solid var(--line);background:var(--panel);font:9px 'DM Mono';letter-spacing:.1em;color:var(--gold2);z-index:2}.float-tag b{color:var(--purple);margin-left:8px}.vertical-label{position:absolute;right:0;bottom:40px;writing-mode:vertical-rl;font:8px 'DM Mono';letter-spacing:.16em;color:#8f829b}.section{padding:88px 8%}.section-head{display:flex;justify-content:space-between;align-items:end}.section h2,.newsletter h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.05em;margin:10px 0 0}.search{width:min(300px,42vw);border:1px solid var(--line);border-radius:var(--round);display:flex;align-items:center;gap:10px;padding:10px 14px;color:var(--gold)}.search input{background:transparent;border:0;outline:0;color:var(--ink);width:100%;font-size:12px}.search input::placeholder{color:#8c8294}.search kbd{font:9px 'DM Mono';white-space:nowrap;border:1px solid #ffffff20;padding:3px 6px;border-radius:6px;color:var(--muted)}.filters{display:flex;gap:10px;align-items:center;margin:28px 0 22px}.filter{border:1px solid transparent;border-radius:var(--round);background:transparent;color:var(--muted);padding:8px 15px;font-size:11px;cursor:pointer}.filter.active{border-color:#b78af066;background:#251d30;color:var(--purple)}.filter b{font:9px 'DM Mono';margin-left:5px}.catalog-note{margin-left:18px;margin-right:auto;font:9px 'DM Mono';letter-spacing:.13em;color:#81768b}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.game-card{background:var(--panel);border:1px solid #ffffff12;border-radius:var(--radius);padding:12px;transition:.25s}.game-card:hover{border-color:#c6a45b88;transform:translateY(-4px);box-shadow:0 20px 55px #0003}.game-art{width:100%;height:275px;border:1px solid #c6a45b88;border-radius:22px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;cursor:pointer}.gladiatus{background:radial-gradient(ellipse at 50% 80%,#bf7950,#583b3c 45%,#211b31 80%)}.rogue{background:radial-gradient(ellipse at 50% 80%,#a33743,#45213c 48%,#191525 82%)}.game-art:before{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#100d16cc,transparent 72%)}.art-badge{position:absolute;top:14px;left:16px;padding:7px 11px;border-radius:var(--round);background:#100d16a8;border:1px solid #c6a45b88;color:var(--gold2);font:8px 'DM Mono';letter-spacing:.08em}.swords,.moon{font-size:62px;color:var(--gold2);text-shadow:0 0 40px #c6a45b99;z-index:1}.moon{color:#d7bbff}.art-title{z-index:1;text-align:center;font-size:37px;line-height:.9;letter-spacing:.08em;font-weight:800;margin-top:12px;text-shadow:0 4px 22px #100d16}.art-title i{font-style:normal;color:var(--gold2)}.art-bottom{position:absolute;bottom:17px;z-index:1;font:9px 'DM Mono';letter-spacing:.18em;color:#e9d9b7}.game-info{display:flex;align-items:center;justify-content:space-between;padding:18px 10px 10px}.game-type{color:var(--purple);font:9px 'DM Mono';letter-spacing:.12em;margin:0 0 7px}.game-info h3{font-size:18px;margin:0 0 5px}.version{font-size:11px;color:var(--muted);margin:0}.arrow{width:40px;height:40px;border:1px solid #c6a45b66;border-radius:50%;background:transparent;color:var(--gold2);font-size:18px;cursor:pointer}.arrow:hover{background:var(--gold);color:#17111e}.empty{padding:40px;color:var(--muted);text-align:center}.hidden{display:none!important}.promise{background:linear-gradient(120deg,#191421,#18131e);border-block:1px solid #ffffff10;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px}.promise-items article{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #ffffff12}.promise-items article:last-child{border:0}.promise-items article>span{font:11px 'DM Mono';color:var(--gold)}.promise-items h3{margin:0 0 6px;font-size:15px}.promise-items p{margin:0;color:var(--muted);font-size:12px;line-height:1.65}.newsletter{margin:70px 8%;padding:48px 6%;border:1px solid var(--gold);border-radius:36px;background:radial-gradient(ellipse at 85% 40%,#5a3c763d,transparent 40%),#19151f;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:hidden}.newsletter .button{z-index:1}.newsletter-mark{position:absolute;right:24%;font-size:160px;font-weight:800;color:#b78af00b;pointer-events:none}footer{padding:28px 6%;border-top:1px solid #ffffff12;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font:9px 'DM Mono';letter-spacing:.08em}dialog{border:1px solid var(--gold);border-radius:30px;background:var(--panel);color:var(--ink);padding:32px;max-width:620px;width:calc(100% - 32px);box-shadow:0 30px 120px #000b}dialog::backdrop{background:#08060bc9;backdrop-filter:blur(7px)}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:var(--gold2);font-size:27px;cursor:pointer}dialog h2{font-size:28px;margin:8px 0}dialog p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.detail-top{display:flex;gap:24px;align-items:center}.detail-art{flex:0 0 190px;height:250px;border:1px solid var(--gold);border-radius:24px;display:grid;place-items:center;background:radial-gradient(circle,#644588,#1a1421);font-size:32px;color:var(--gold2);text-align:center;font-weight:800}.detail-copy h2{margin-top:5px}.detail-copy .button{margin-top:12px}.detail-actions{display:flex;gap:10px;flex-wrap:wrap}.compat{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.chip{border:1px solid #806b42;border-radius:var(--round);padding:7px 11px;color:var(--gold2);font:9px 'DM Mono'}.feature-list{padding-left:18px;color:#cbc2d2;font-size:12px;line-height:1.9}.sr{color:var(--muted);font-size:10px}
@media(max-width:760px){.topbar{padding:0 5%;height:70px}.topbar nav{display:none}.brand{font-size:10px}.brand-mark{width:34px;height:34px}.top-actions{gap:6px}.button{padding:10px 13px;font-size:10px}.hero{grid-template-columns:1fr;padding:65px 7% 35px;gap:5px}.hero-art{height:330px}.cover-frame{width:205px;height:260px}.cover-placeholder img{width:110px;height:110px}.hero h1{font-size:60px}.section{padding:62px 6%}.section-head{align-items:start;gap:20px;flex-direction:column}.search{width:100%}.catalog-note{font-size:7px}.game-grid{grid-template-columns:1fr}.game-art{height:230px}.promise{grid-template-columns:1fr;gap:28px}.newsletter{margin:45px 5%;padding:34px 7%;gap:20px;align-items:start;flex-direction:column}.newsletter-mark{right:10%;font-size:110px}footer{gap:18px;flex-wrap:wrap}.detail-top{flex-direction:column;align-items:stretch}.detail-art{height:190px;flex-basis:auto}}

.published-art{position:relative;background-color:#1b1322;background-image:linear-gradient(135deg,#37234b,#100d16)}.published-art .art-badge,.published-art .art-title,.published-art .art-bottom{position:relative;z-index:1}.published-art .art-title{max-width:90%;text-align:center;text-shadow:0 3px 18px #000}.public-version-list{display:grid;gap:12px;margin:16px 0}.public-version-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--gold);border-radius:20px;background:#100d1680}.public-version-card>div:first-child{display:grid;gap:5px}.public-version-card small{color:var(--muted);font-size:11px}.public-version-card .version-preview-actions{display:flex;gap:8px}.public-version-card .button{white-space:nowrap}@media(max-width:720px){.public-version-card{align-items:stretch;flex-direction:column}.public-version-card .version-preview-actions{flex-wrap:wrap}.public-version-card .button{flex:1}}


.game-cover-image{width:100%;height:100%;object-fit:cover;border-radius:22px}
.detail-top{align-items:flex-start}
.detail-copy{min-width:0}
.detail-copy>p{max-width:680px}
.detail-media{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:26px}
.game-media{min-width:0;border:1px solid var(--gold);border-radius:24px;padding:18px;background:#100d1680}
.game-media h3{color:var(--gold2);font-size:14px;margin:0 0 14px}
.media-preview,.media-shot{position:relative;display:block;width:100%;overflow:hidden;border:1px solid var(--gold);border-radius:18px;background:#100d16;padding:0;cursor:pointer}
.media-preview{aspect-ratio:16/9}
.media-preview img,.media-shot img{width:100%;height:100%;display:block;object-fit:cover}
.preview-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#17111ddd;color:white;font-size:26px;padding-left:4px}
.public-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.media-shot{aspect-ratio:16/9}
.media-frame{display:block;width:min(88vw,920px);aspect-ratio:16/9;border:0;border-radius:18px}
.media-large{display:block;max-width:88vw;max-height:82vh;object-fit:contain;border:1px solid var(--gold);border-radius:20px}
.media-dialog-content{display:grid;place-items:center;min-height:180px}
#mediaDialog{max-width:min(1000px,94vw);padding:24px}
#mediaDialog .close{z-index:1}
.media-empty{min-height:110px;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:12px}
@media(max-width:760px){.detail-media{grid-template-columns:1fr}.public-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
#gameDialog{max-height:90vh;overflow:auto}
#gameDialog .detail-top{display:grid;grid-template-columns:minmax(130px,180px) minmax(0,1fr);gap:22px;align-items:start}
#gameDialog .detail-copy{min-width:0;flex:1;overflow-wrap:anywhere}
#gameDialog .public-version-card{align-items:stretch;flex-direction:column;min-width:0}
#gameDialog .public-version-card .version-preview-actions{flex-wrap:wrap}
#gameDialog .public-version-card .button{flex:1;white-space:normal}
@media(max-width:760px){#gameDialog .detail-top{grid-template-columns:1fr}#gameDialog .detail-art{height:190px}}