:root{color-scheme:dark;--bg:#0b0808;--bg-soft:#120d0c;--panel:#17100f;--panel-2:#1d1411;--text:#fff7eb;--muted:#a89b93;--subtle:#776a63;--line:rgba(255,214,177,.105);--gold:#ffcf83;--orange:#ff742f;--red:#f04427;--green:#94e6b1;--radius:22px;--max:1240px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:96px}
body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 82% 5%,rgba(112,34,15,.26),transparent 34%),radial-gradient(ellipse at 7% 40%,rgba(94,25,18,.15),transparent 32%),linear-gradient(180deg,#100b0a 0%,#0b0808 44%,#090707 100%);color:var(--text);font-family:Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body:before{position:fixed;inset:0;z-index:-1;content:"";pointer-events:none;opacity:.12;background-image:radial-gradient(rgba(255,216,166,.5) .6px,transparent .6px);background-size:9px 9px;mask-image:linear-gradient(to bottom,black,transparent 68%)}
a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ffc77d;outline-offset:4px}::selection{background:rgba(255,119,48,.48);color:#fff}
[hidden]{display:none!important}
.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}
.ambient{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.13}.ambient-one{width:370px;height:370px;top:440px;left:-230px;background:#e54b21}.ambient-two{width:310px;height:310px;top:1050px;right:-200px;background:#f3a23d}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(255,226,198,.085);background:rgba(13,9,8,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}
.header-inner{width:min(1360px,calc(100% - 48px));height:78px;margin:auto;display:flex;align-items:center;gap:38px}
.brand{display:inline-flex;align-items:center;gap:10px;min-width:195px}
.brand-mark{display:grid;place-items:center;width:43px;height:47px;overflow:hidden}.brand-mark img{width:47px;height:51px;object-fit:contain;filter:drop-shadow(0 0 12px rgba(255,106,40,.36))}
.brand-copy,.footer-brand span{display:flex;flex-direction:column;line-height:.95}.brand-copy strong,.footer-brand strong{font-family:"Russo One",Impact,sans-serif;font-size:19px;font-weight:400;letter-spacing:.1em}.brand-copy small,.footer-brand small{margin-top:6px;color:#ffb35b;font-size:8px;font-weight:800;letter-spacing:.48em}
.main-nav{display:flex;align-items:center;gap:30px;flex:1}.main-nav a{color:#a89a92;font-size:12px;font-weight:700;transition:color .2s;white-space:nowrap}.main-nav a:hover,.main-nav a.active{color:#fff3df}.main-nav a.active:after{content:"";display:block;width:17px;height:2px;margin:7px auto -9px;border-radius:3px;background:var(--orange);box-shadow:0 0 12px rgba(255,116,47,.8)}
.header-actions{display:flex;align-items:center;gap:12px}.demo-pill{display:flex;align-items:center;gap:8px;padding:10px 13px;border:1px solid rgba(139,229,169,.22);border-radius:999px;background:rgba(45,111,70,.12);color:#bde8c9;font-size:9px;font-weight:800;letter-spacing:.13em;white-space:nowrap}.demo-pill i,.coming-soon i{width:6px;height:6px;background:#8de5a8;border-radius:50%;box-shadow:0 0 0 4px rgba(141,229,168,.1),0 0 11px rgba(141,229,168,.65)}
.icon-button{width:40px;height:40px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;background:#1a110f;cursor:pointer;font-size:21px;color:#e7cdb8;transition:background .2s,border-color .2s}.icon-button:hover{border-color:rgba(255,193,125,.35);background:#261712}
.hero{min-height:566px;padding-top:56px;padding-bottom:34px;display:grid;grid-template-columns:1.06fr .94fr;align-items:center;gap:10px;position:relative;isolation:isolate}.hero-copy{position:relative;z-index:4;padding:12px 0 24px}.eyebrow,.section-kicker{display:flex;align-items:center;gap:10px;color:#ffb976;font-size:9px;font-weight:800;letter-spacing:.25em}.eyebrow-line{width:25px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--red),#ffca7f);box-shadow:0 0 10px rgba(255,105,39,.7)}
h1{margin:24px 0 19px;font-family:"Russo One",Impact,sans-serif;font-size:clamp(46px,5.55vw,75px);font-weight:400;line-height:1.08;letter-spacing:-.027em}h1 .text-fire{color:transparent;background:linear-gradient(100deg,#fff1c5 2%,#ffb45a 40%,#ff522b 78%,#ce281f 100%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 7px 22px rgba(234,63,27,.21))}.text-outline{font-size:.59em;letter-spacing:.035em;color:#e9d8c5;-webkit-text-stroke:.3px #e9d8c5}
.hero-description{max-width:470px;margin:0;color:#b6a8a0;font-size:14px;line-height:1.85}.hero-buttons{display:flex;flex-wrap:wrap;gap:11px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:17px;min-height:48px;padding:0 20px;border:1px solid transparent;border-radius:12px;font-size:10px;font-weight:900;letter-spacing:.08em;transition:transform .2s,box-shadow .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(110deg,#ffe3a0 0%,#ffab51 38%,#f35a30 100%);color:#27100a;box-shadow:0 12px 30px rgba(222,66,28,.17),inset 0 1px 0 rgba(255,255,255,.45)}.button-primary:hover{box-shadow:0 16px 34px rgba(222,66,28,.27)}.button-primary span{font-size:16px}.button-ghost{border-color:rgba(255,228,203,.15);background:rgba(255,255,255,.025);color:#e2d2c4}.button-ghost:hover{border-color:rgba(255,193,125,.35);background:rgba(255,255,255,.045)}.play-mark{font-size:10px;color:#ffba7a}.hero-footnote{display:flex;align-items:center;gap:8px;margin-top:24px;color:#82756c;font-size:10px}.footnote-icon{color:#ffb86e;font-size:15px}
.hero-visual{position:relative;min-width:0;height:490px;display:flex;align-items:center;justify-content:center;margin-right:-10px}.hero-sunburst{position:absolute;top:13%;left:8%;width:77%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,130,45,.22) 0%,rgba(201,44,20,.09) 38%,transparent 70%);filter:blur(12px)}.hero-ring{position:absolute;aspect-ratio:1;border:1px solid rgba(255,176,97,.15);border-radius:50%;transform:rotate(-17deg) scaleY(.66)}.ring-one{width:92%;box-shadow:0 0 70px rgba(233,71,29,.045)}.ring-two{width:71%;border-style:dashed;border-color:rgba(255,164,75,.13);transform:rotate(25deg) scaleY(.74)}.hero-phoenix{position:relative;z-index:1;width:min(100%,455px);height:465px;object-fit:contain;filter:drop-shadow(0 14px 42px rgba(255,86,25,.14));transform:translateY(-9px);animation:phoenix-float 7s ease-in-out infinite}.hero-stamp{position:absolute;z-index:2;top:47px;right:21px;width:65px;height:65px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,204,139,.32);border-radius:50%;background:linear-gradient(145deg,rgba(72,25,14,.85),rgba(27,13,10,.9));box-shadow:0 8px 35px rgba(0,0,0,.3),inset 0 0 19px rgba(255,108,42,.12);transform:rotate(9deg)}.hero-stamp span{font-size:8px;font-weight:900;letter-spacing:.2em;color:#ffc27d}.hero-stamp b{font-family:"Russo One",sans-serif;font-size:19px;font-weight:400;line-height:1.15}.hero-stamp i{position:absolute;right:8px;bottom:7px;font-style:normal;font-size:9px;color:#ff8140}
.featured-game{position:absolute;z-index:5;right:2px;bottom:13px;width:min(390px,92%);min-height:106px;padding:12px;display:flex;align-items:center;gap:13px;border:1px solid rgba(255,197,139,.25);border-radius:18px;background:linear-gradient(115deg,rgba(37,23,17,.94),rgba(21,14,12,.94));box-shadow:0 19px 55px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.045);backdrop-filter:blur(16px);transition:transform .2s,border-color .2s}.featured-game:hover{transform:translateY(-3px);border-color:rgba(255,181,99,.54)}.featured-game>img{width:74px;height:74px;flex:0 0 74px;object-fit:cover;border-radius:11px;border:1px solid rgba(255,182,95,.4)}.featured-copy{display:flex;flex-direction:column;gap:5px;min-width:0}.featured-copy small{font-size:8px;color:#ffb36e;font-weight:900;letter-spacing:.16em}.featured-copy strong{font-family:"Russo One",sans-serif;font-size:15px;font-weight:400;letter-spacing:.04em}.featured-copy em{color:#a99587;font-size:9px;font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.featured-arrow{margin-left:auto;align-self:flex-start;display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border-radius:9px;background:rgba(255,118,54,.13);color:#ffad6c;font-size:18px}
.stats-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:2px;margin-bottom:79px;border:1px solid rgba(255,211,174,.105);border-radius:18px;background:linear-gradient(100deg,rgba(35,20,15,.68),rgba(21,14,12,.75));box-shadow:0 18px 50px rgba(0,0,0,.13)}.stat-item{min-height:90px;display:flex;align-items:center;gap:14px;padding:18px 25px;position:relative}.stat-item+.stat-item:before{content:"";position:absolute;left:0;top:25%;height:50%;width:1px;background:rgba(255,220,183,.1)}.stat-icon{display:grid;place-items:center;width:37px;height:37px;flex:0 0 37px;border-radius:11px;border:1px solid rgba(255,179,104,.17);background:rgba(255,113,44,.065);color:#ffb36b;font-size:19px}.stat-item>div{display:flex;flex-direction:column;gap:4px}.stat-item strong{font-family:"Russo One",sans-serif;font-size:21px;font-weight:400;letter-spacing:.02em}.stat-item small{color:#83766d;font-size:8px;font-weight:800;letter-spacing:.11em;white-space:nowrap}.stat-status .status-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#9ce8b3;box-shadow:0 0 12px rgba(156,232,179,.7)}.stat-status strong{font-size:17px;color:#a5e9b9}
.catalog-section{padding-top:2px;margin-bottom:92px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:29px}.section-kicker{font-size:9px;color:#e79a59;letter-spacing:.24em}.section-heading h2,.platform-heading h2{margin:10px 0 7px;font-family:"Russo One",Impact,sans-serif;font-size:clamp(29px,3.3vw,42px);font-weight:400;letter-spacing:-.018em}.section-heading h2 span,.platform-heading h2 span{color:#ffb56d}.section-heading p,.platform-heading p{margin:0;color:#918178;font-size:12px;line-height:1.8}.catalog-count{display:flex;flex-direction:column;align-items:flex-end;gap:2px;padding-bottom:3px}.catalog-count strong{font-family:"Russo One",sans-serif;font-size:29px;font-weight:400;color:#ffd196}.catalog-count span{color:#87796f;font-size:8px;font-weight:800;letter-spacing:.15em}
.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:19px}.filter-list{display:flex;align-items:center;gap:7px;overflow-x:auto;padding:3px 1px 7px;scrollbar-width:thin;scrollbar-color:#503126 transparent}.filter-chip{min-height:38px;display:inline-flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 14px;border:1px solid rgba(255,221,193,.1);border-radius:10px;background:rgba(255,255,255,.018);color:#a99a8f;font-size:10px;font-weight:800;cursor:pointer;transition:all .2s}.filter-chip:hover{border-color:rgba(255,180,108,.3);color:#ffead9}.filter-chip.active{border-color:rgba(255,161,83,.36);background:linear-gradient(110deg,rgba(255,139,65,.2),rgba(170,44,25,.12));color:#ffe5bf;box-shadow:inset 0 0 17px rgba(255,133,54,.045)}.filter-chip span{color:#ffbd80;font-size:9px}.catalog-tools{display:flex;align-items:center;gap:8px}.search-box{height:39px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid rgba(255,221,193,.1);border-radius:10px;background:rgba(255,255,255,.025);color:#c3a998}.search-box>span{font-size:22px;line-height:1;transform:rotate(-15deg)}.search-box input{width:127px;max-width:18vw;min-width:85px;border:0;outline:none;background:transparent;color:#fff0e1;font-size:10px}.search-box input::placeholder{color:#74665f}.search-box kbd{display:grid;place-items:center;min-width:17px;height:20px;padding:0 4px;border:1px solid rgba(255,231,211,.13);border-radius:4px;color:#8b7970;font-size:10px}.favorites-filter{height:39px;display:flex;align-items:center;gap:7px;padding:0 11px;border:1px solid rgba(255,221,193,.1);border-radius:10px;background:rgba(255,255,255,.025);color:#a99a8f;font-size:10px;font-weight:800;white-space:nowrap;cursor:pointer}.favorites-filter>span:first-child{font-size:17px}.favorites-filter[aria-pressed="true"]{border-color:rgba(255,153,111,.38);background:rgba(255,87,54,.1);color:#ffc09e}.favorite-count{min-width:17px;height:17px;display:grid;place-items:center;padding:0 4px;border-radius:5px;background:rgba(255,255,255,.075);font-size:9px;color:#d5c1b4}
.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px}.game-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(255,215,185,.1);border-radius:17px;background:linear-gradient(180deg,rgba(29,19,16,.98),rgba(18,12,11,.99));box-shadow:0 12px 35px rgba(0,0,0,.19);transition:transform .22s,border-color .22s,box-shadow .22s}.game-card:hover{transform:translateY(-5px);border-color:rgba(255,165,95,.36);box-shadow:0 20px 44px rgba(0,0,0,.32),0 0 24px rgba(255,111,44,.055)}.game-card-featured{border-color:rgba(255,158,74,.25)}.game-card-featured:before{position:absolute;z-index:2;top:0;left:13%;right:13%;height:1px;content:"";background:linear-gradient(90deg,transparent,#ffcf83,transparent);opacity:.7}
.game-art{position:relative;isolation:isolate;aspect-ratio:1.12/1;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(119,53,28,.4),rgba(27,15,12,.95) 70%)}.game-art:after{position:absolute;z-index:1;inset:0;content:"";pointer-events:none;background:linear-gradient(180deg,rgba(5,4,4,.12) 0%,transparent 44%,rgba(8,5,4,.27) 100%)}.game-art>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .5s,filter .3s}.game-card:hover .game-art>img{transform:scale(1.045);filter:saturate(1.08)}.game-card:nth-child(2) .game-art>img,.game-card:nth-child(3) .game-art>img,.game-card:nth-child(4) .game-art>img,.game-card:nth-child(5) .game-art>img,.game-card:nth-child(6) .game-art>img{object-fit:cover}.game-card:nth-child(7) .game-art>img{object-fit:contain;padding:16px}.game-ribbon{position:absolute;z-index:3;top:13px;left:13px;padding:6px 8px;border:1px solid rgba(255,219,180,.17);border-radius:6px;background:rgba(24,13,9,.72);backdrop-filter:blur(8px);color:#f7d4ac;font-size:7px;font-weight:900;letter-spacing:.12em}.ribbon-new{border-color:rgba(255,178,102,.3);background:rgba(135,49,21,.68);color:#ffd79b}.ribbon-gold{color:#f9cc7c}.favorite-button{position:absolute;z-index:4;top:10px;right:10px;width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(255,229,205,.18);border-radius:10px;background:rgba(11,7,6,.61);backdrop-filter:blur(8px);color:#ead7c7;font-size:20px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s}.favorite-button:hover{transform:scale(1.05);border-color:rgba(255,186,125,.45)}.favorite-button[aria-pressed="true"]{border-color:rgba(255,125,86,.55);background:rgba(130,38,25,.8);color:#ffb394}.favorite-button[aria-pressed="true"]:after{content:"";position:absolute;width:4px;height:4px;right:5px;top:5px;border-radius:50%;background:#ff9a76}.art-link{position:absolute;z-index:2;inset:0}.art-play{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-40%);padding:10px 13px;border:1px solid rgba(255,220,184,.38);border-radius:9px;background:rgba(29,13,8,.82);box-shadow:0 8px 30px rgba(0,0,0,.35);color:#ffe0b6;font-size:9px;font-weight:900;letter-spacing:.11em;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s}.game-card:hover .art-play,.game-card:focus-within .art-play{opacity:1;transform:translate(-50%,-50%)}.game-info{padding:14px 14px 15px}.game-type{display:flex;align-items:center;gap:6px;color:#c18d6b;font-size:8px;font-weight:900;letter-spacing:.12em}.type-dot{width:6px;height:6px;border-radius:50%;background:#ff9953;box-shadow:0 0 9px currentColor}.type-slot{color:#ff9953}.type-cards{color:#8aabd9;background:#8aabd9}.type-arcade{color:#c09bff;background:#c09bff}.type-crash{color:#f2a1ce;background:#f2a1ce}.type-plinko{color:#7bd6e7;background:#7bd6e7}.game-version{margin-left:auto;color:#66534a;font-size:7px;letter-spacing:.1em}.game-info h3{margin:9px 0 6px;font-family:"Russo One",Impact,sans-serif;font-size:17px;font-weight:400;letter-spacing:.015em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-info p{min-height:34px;margin:0;color:#928178;font-size:10px;line-height:1.7}.game-launch{height:38px;margin-top:14px;padding:0 11px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,197,143,.14);border-radius:9px;background:rgba(255,255,255,.025);color:#e6c6a5;font-size:9px;font-weight:900;letter-spacing:.06em;transition:background .2s,border-color .2s,color .2s}.game-launch span{font-size:15px;color:#eaa36a}.game-launch:hover{border-color:rgba(255,156,80,.43);background:linear-gradient(110deg,rgba(255,134,61,.19),rgba(180,43,24,.13));color:#fff1dd}.game-launch:hover span{color:#ffbd84}
.empty-state{padding:60px 20px;text-align:center;border:1px dashed rgba(255,208,168,.16);border-radius:18px;background:rgba(255,255,255,.012)}.empty-state>span{display:block;color:#f5b16f;font-size:34px}.empty-state strong{display:block;margin-top:10px;font-family:"Russo One",sans-serif;font-size:22px;font-weight:400}.empty-state p{margin:8px 0 20px;color:#948277;font-size:12px}.empty-state .button{cursor:pointer}
.platform-section{margin-bottom:81px;padding:28px;border:1px solid rgba(255,211,175,.1);border-radius:23px;background:radial-gradient(ellipse at 94% 3%,rgba(137,50,24,.17),transparent 35%),linear-gradient(120deg,rgba(28,18,14,.85),rgba(18,12,11,.94));box-shadow:0 22px 70px rgba(0,0,0,.14)}.platform-topline{display:flex;align-items:center;justify-content:space-between;gap:15px}.coming-soon{display:flex;align-items:center;gap:9px;color:#9ac4a4;font-size:8px;font-weight:900;letter-spacing:.15em}.coming-soon i{width:5px;height:5px}.platform-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:8px;margin-bottom:24px}.platform-heading h2{font-size:clamp(27px,3.2vw,39px);margin-top:7px}.platform-heading p{max-width:690px;font-size:11px}.platform-symbol{display:grid;place-items:center;width:60px;height:60px;flex:0 0 60px;border:1px solid rgba(255,171,100,.18);border-radius:18px;background:rgba(255,108,44,.055);color:#ffb775;font-size:31px;transform:rotate(10deg)}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.roadmap-card{min-width:0;padding:18px;border:1px solid rgba(255,214,180,.085);border-radius:15px;background:rgba(8,6,6,.23)}.roadmap-icon{display:grid;place-items:center;width:35px;height:35px;margin-bottom:18px;border-radius:10px;border:1px solid rgba(255,162,89,.16);background:rgba(255,110,44,.08);color:#ffc17f;font-size:19px}.roadmap-status{display:block;margin-bottom:8px;color:#b7835c;font-size:7px;font-weight:900;letter-spacing:.16em}.roadmap-card h3{margin:0 0 7px;font-size:14px;font-weight:800}.roadmap-card p{margin:0;color:#8f7d71;font-size:10px;line-height:1.75}.development-note{display:flex;align-items:flex-start;gap:11px;margin-top:17px;padding:13px 15px;border:1px solid rgba(143,177,153,.13);border-radius:11px;background:rgba(69,118,80,.06)}.note-symbol{display:grid;place-items:center;width:20px;height:20px;flex:0 0 20px;border-radius:50%;background:rgba(141,229,168,.12);color:#9bdfae;font-size:11px;font-weight:900}.development-note p{margin:1px 0 0;color:#9c988b;font-size:10px;line-height:1.75}.development-note strong{color:#d9d3c6}
.site-footer{border-top:1px solid rgba(255,224,195,.075);background:rgba(8,6,6,.28)}.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:15px}.footer-brand{display:flex;align-items:center;gap:8px}.footer-brand img{width:31px;height:34px;object-fit:contain}.footer-brand strong{font-size:13px}.footer-brand small{margin-top:4px;font-size:6px}.footer-inner>p{margin:0;color:#74665e;font-size:8px;font-weight:800;letter-spacing:.18em}.back-to-top{color:#c0a08a;font-size:8px;font-weight:900;letter-spacing:.15em}.back-to-top:hover{color:#ffbd80}.footer-bottom{padding:14px 20px;border-top:1px solid rgba(255,224,195,.045);text-align:center;color:#564941;font-size:7px;letter-spacing:.14em}
@keyframes phoenix-float{0%,100%{transform:translateY(-9px)}50%{transform:translateY(0)}}
.pseudo-fullscreen{position:fixed;inset:0;z-index:9999;overflow:auto;background:#0b0808}

@media(max-width:1120px){.header-inner{gap:23px}.brand{min-width:177px}.main-nav{gap:20px}.hero{grid-template-columns:1.05fr .95fr;min-height:515px}.hero-visual{height:455px}.hero-phoenix{height:430px}.stat-item{padding-inline:16px}.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.catalog-toolbar{align-items:flex-start;flex-direction:column}.catalog-tools{align-self:flex-end;margin-top:-49px}}
@media(max-width:820px){.wrap{width:calc(100% - 36px)}.header-inner{width:calc(100% - 30px);height:69px;gap:12px}.brand{min-width:auto;flex:1}.brand-mark{width:37px;height:40px}.brand-mark img{width:41px;height:45px}.brand-copy strong{font-size:17px}.main-nav{display:none}.header-actions{gap:8px}.demo-pill{font-size:8px;padding:9px 10px}.hero{padding-top:35px;grid-template-columns:1fr .8fr;min-height:475px;gap:0}.hero-copy{padding-top:4px}.eyebrow{font-size:8px;letter-spacing:.17em}.hero-description{font-size:12px;max-width:390px}.hero-visual{height:410px;margin-right:-9px}.hero-phoenix{height:395px;width:115%;max-width:none;transform:translateX(5px)}.hero-stamp{right:5px;top:25px;width:55px;height:55px}.hero-stamp b{font-size:16px}.featured-game{right:0;bottom:2px;width:100%;min-height:86px;padding:9px;gap:9px}.featured-game>img{width:56px;height:56px;flex-basis:56px}.featured-copy small{font-size:7px}.featured-copy strong{font-size:12px}.featured-copy em{font-size:8px}.featured-arrow{width:27px;height:27px;flex-basis:27px}.stats-row{margin-bottom:62px}.stat-item{gap:9px;padding:15px 12px}.stat-icon{width:31px;height:31px;flex-basis:31px;font-size:16px}.stat-item strong{font-size:18px}.stat-item small{font-size:7px;letter-spacing:.05em;white-space:normal}.stat-status strong{font-size:15px}.catalog-section{margin-bottom:66px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.catalog-tools{margin-top:0;align-self:stretch;justify-content:space-between;width:100%}.search-box{flex:1}.search-box input{width:100%;max-width:none}.platform-section{padding:22px;margin-bottom:60px}.roadmap-grid{gap:9px}.roadmap-card{padding:13px}.roadmap-card h3{font-size:12px}.roadmap-card p{font-size:9px}}
@media(max-width:560px){.wrap{width:calc(100% - 26px)}.header-inner{width:calc(100% - 22px);height:62px}.brand-mark{width:32px;height:36px}.brand-mark img{width:36px;height:39px}.brand-copy strong{font-size:15px}.brand-copy small{font-size:6px;margin-top:5px}.demo-pill{padding:8px 8px;font-size:7px;letter-spacing:.08em}.demo-pill i{width:5px;height:5px}.icon-button{width:35px;height:35px;border-radius:11px;font-size:19px}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:33px;padding-bottom:20px}.hero-copy{padding:0;z-index:3}.eyebrow{font-size:7px;letter-spacing:.14em}.eyebrow-line{width:17px}.hero h1{margin:18px 0 13px;font-size:clamp(43px,12.8vw,65px);line-height:1.01}.text-outline{font-size:.56em}.hero-description{font-size:11px;line-height:1.75;max-width:410px}.hero-buttons{gap:8px;margin-top:19px}.button{min-height:43px;padding:0 14px;font-size:9px;border-radius:10px}.button-primary{gap:10px}.button-ghost{gap:9px}.hero-footnote{font-size:9px;margin-top:16px}.hero-visual{height:330px;width:min(100%,390px);align-self:center;margin:0 auto 0}.hero-phoenix{height:326px;width:100%;transform:translateY(-2px)}.hero-ring{width:90%}.ring-two{width:70%}.hero-stamp{right:18px;top:14px;width:48px;height:48px}.hero-stamp span{font-size:6px}.hero-stamp b{font-size:14px}.hero-stamp i{font-size:7px;right:6px;bottom:4px}.featured-game{width:min(365px,95%);right:0;bottom:0;min-height:79px;padding:8px;border-radius:14px}.featured-game>img{width:51px;height:51px;flex-basis:51px}.featured-copy{gap:4px}.featured-copy small{font-size:6px;letter-spacing:.12em}.featured-copy strong{font-size:11px}.featured-copy em{font-size:7px}.featured-arrow{width:25px;height:25px;flex-basis:25px}
.stats-row{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:8px;margin-bottom:53px;border-radius:14px}.stat-item{min-height:69px;padding:12px 14px;gap:10px}.stat-item:nth-child(3):before{display:none}.stat-item:nth-child(3),.stat-item:nth-child(4){border-top:1px solid rgba(255,220,183,.08)}.stat-icon{width:29px;height:29px;flex-basis:29px;border-radius:9px;font-size:15px}.stat-item strong{font-size:17px}.stat-item small{font-size:7px;line-height:1.4}.catalog-section{margin-bottom:53px}.section-heading{align-items:flex-end;gap:10px;margin-bottom:19px}.section-heading .section-kicker{font-size:7px;letter-spacing:.15em}.section-heading h2{font-size:29px;margin-top:8px}.section-heading p{font-size:10px}.catalog-count strong{font-size:23px}.catalog-count span{max-width:70px;text-align:right;font-size:6px;letter-spacing:.1em}.catalog-toolbar{gap:10px;margin-bottom:14px}.filter-list{width:calc(100vw - 26px);margin-right:-13px;gap:6px;padding-bottom:5px}.filter-chip{min-height:34px;padding:0 10px;font-size:9px;border-radius:8px}.filter-chip span{font-size:8px}.catalog-tools{gap:6px}.search-box{height:36px;gap:5px;padding:0 8px}.search-box>span{font-size:19px}.search-box input{font-size:9px;min-width:50px}.search-box kbd{display:none}.favorites-filter{height:36px;padding:0 8px;font-size:9px;gap:5px}.favorites-filter>span:first-child{font-size:15px}.favorite-count{min-width:15px;height:15px;font-size:8px}.game-grid{gap:9px}.game-card{border-radius:12px}.game-art{aspect-ratio:.98/1}.game-ribbon{top:7px;left:7px;padding:5px 6px;font-size:6px;letter-spacing:.07em}.favorite-button{top:6px;right:6px;width:27px;height:27px;border-radius:8px;font-size:17px}.game-card:nth-child(7) .game-art>img{padding:12px}.game-info{padding:10px 9px 10px}.game-type{font-size:7px;gap:5px;letter-spacing:.08em}.type-dot{width:5px;height:5px}.game-version{font-size:6px;letter-spacing:.04em}.game-info h3{font-size:clamp(11px,3.3vw,15px);margin:8px 0 5px}.game-info p{font-size:9px;line-height:1.55;min-height:42px}.game-launch{height:34px;padding:0 8px;margin-top:10px;font-size:8px;letter-spacing:.02em}.game-launch span{font-size:13px}.art-play{display:none}
.platform-section{padding:16px;border-radius:17px;margin-bottom:47px}.platform-topline{align-items:flex-start;flex-direction:column;gap:11px}.platform-topline .section-kicker{font-size:7px}.coming-soon{font-size:7px}.platform-heading{margin:12px 0 18px;gap:8px}.platform-heading h2{font-size:27px;line-height:1.1}.platform-heading p{font-size:10px;line-height:1.7}.platform-symbol{width:42px;height:42px;flex-basis:42px;font-size:22px;border-radius:13px}.roadmap-grid{grid-template-columns:1fr;gap:8px}.roadmap-card{display:grid;grid-template-columns:36px 1fr;column-gap:10px;align-items:center;padding:12px}.roadmap-icon{grid-row:1/3;margin:0;width:32px;height:32px;font-size:16px}.roadmap-status{grid-column:2;margin:0 0 4px;font-size:6px}.roadmap-card h3{grid-column:2;margin:0 0 4px;font-size:12px}.roadmap-card p{grid-column:2;font-size:9px;line-height:1.6}.development-note{padding:10px;gap:8px}.development-note p{font-size:9px}.footer-inner{min-height:72px}.footer-brand img{width:26px;height:29px}.footer-brand strong{font-size:11px}.footer-brand small{font-size:5px}.footer-inner>p{font-size:6px;letter-spacing:.1em;text-align:center}.back-to-top{font-size:7px;letter-spacing:.08em}.footer-bottom{font-size:6px;line-height:1.7;letter-spacing:.08em;padding:12px 15px}}
@media(max-width:360px){.hero h1{font-size:41px}.hero-buttons{flex-direction:column;align-items:flex-start}.button{min-width:185px}.featured-copy strong{font-size:10px}.stats-row .stat-item{padding-inline:9px}.stat-item small{font-size:6px}.game-grid{gap:7px}.game-info{padding-inline:7px}.game-type{font-size:6px}.game-version{font-size:5px}.game-info h3{font-size:11px}.game-info p{font-size:8px}.game-launch{font-size:7px}.platform-heading h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Phoenix lobby refinement: calm hero, clean cards and horizontal category shelves */
.header-actions .demo-pill{display:none}
.hero{grid-template-columns:1fr;min-height:0;padding-top:48px;padding-bottom:4px;text-align:center;gap:0}
.hero-copy{padding:8px 0 0;display:flex;flex-direction:column;align-items:center}
.hero h1{margin:18px 0 12px}
.hero-description{max-width:620px;font-size:13px}
.hero-visual{height:clamp(260px,32vw,420px);width:min(100%,780px);margin:-6px auto 0;grid-row:2}
.hero-phoenix{height:100%;width:min(100%,650px);object-fit:contain;transform:translateY(8px);filter:drop-shadow(0 12px 38px rgba(255,86,25,.22))}
.hero-sunburst{top:10%;left:15%;width:70%}
.hero-ring{opacity:.5}
.featured-game{right:50%;transform:translateX(50%);bottom:0;width:min(300px,80%);min-height:74px;padding:8px 12px;border-radius:13px}
.featured-game:hover{transform:translateX(50%) translateY(-3px)}
.featured-game>img{width:48px;height:48px;flex-basis:48px}
.featured-copy{align-items:flex-start}.featured-copy strong{font-size:13px}
.featured-copy small,.featured-copy em,.featured-arrow{display:none}
.catalog-section{padding-top:35px;margin-bottom:70px}
.catalog-toolbar{margin-bottom:26px}
.game-grid{display:block}
.game-shelf{margin:0 0 34px;min-width:0}
.shelf-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}
.shelf-heading h3{margin:0;font-size:clamp(19px,2vw,25px);font-weight:800;letter-spacing:-.03em}
.shelf-controls{display:flex;gap:7px}
.shelf-controls button{width:34px;height:34px;border-radius:50%;border:1px solid rgba(255,205,153,.18);background:#1b110e;color:#ffd19a;font-size:23px;line-height:1;cursor:pointer}
.shelf-controls button:hover{background:#321a12;border-color:#b85c32}
.game-rail{display:flex;gap:15px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#69301e transparent;padding:2px 2px 13px}
.game-card{flex:0 0 clamp(210px,23%,270px);scroll-snap-align:start;display:flex;flex-direction:column}
.game-card[hidden]{display:none!important}
.game-art{aspect-ratio:1.15/1;position:relative}
.game-art>img{width:100%;height:100%;object-fit:cover}
.game-info{padding:13px;display:flex;flex-direction:column;gap:9px}
.game-info h3{margin:0;font-size:16px}
.game-launch,.game-demo{width:100%;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:.03em}
.game-launch{margin:0;background:linear-gradient(110deg,#ffe3a0,#ffab51 48%,#f35a30);color:#27100a;border:0}
.game-launch span{font-size:14px}
.game-demo{border:1px solid rgba(255,204,157,.16);background:rgba(255,255,255,.025);color:#e9c7a9}
.game-demo:hover{border-color:rgba(255,172,104,.5);background:rgba(255,110,44,.08)}
.game-info p,.game-type,.game-ribbon,.favorite-button,.art-play{display:none!important}
.platform-section{display:none!important}
.stats-row{display:none!important}
@media(max-width:820px){.hero{padding-top:32px}.hero-visual{height:clamp(240px,54vw,350px)}.featured-game{bottom:0}.catalog-section{padding-top:27px}.game-card{flex-basis:clamp(190px,42vw,245px)}.game-rail{gap:11px}}
@media(max-width:560px){.hero{padding-top:26px}.eyebrow{justify-content:center}.hero h1{font-size:clamp(39px,11vw,56px);margin:15px 0 10px}.hero-description{font-size:11px;line-height:1.7;max-width:350px}.hero-visual{height:280px;width:100%;margin-top:0}.hero-phoenix{width:100%;height:100%}.hero-ring{width:88%}.featured-game{width:min(270px,78%);min-height:62px}.featured-game>img{width:40px;height:40px;flex-basis:40px}.featured-copy strong{font-size:11px}.catalog-section{padding-top:24px}.section-heading{align-items:flex-start}.section-heading h2{font-size:27px}.catalog-count{display:none}.catalog-toolbar{gap:10px}.filter-list{flex-wrap:nowrap;overflow-x:auto}.catalog-tools{display:flex}.game-card{flex-basis:68vw;max-width:255px}.game-art{aspect-ratio:1.08/1}.game-info{padding:11px;gap:8px}.game-info h3{font-size:15px}.game-launch,.game-demo{height:37px;font-size:10px}.game-shelf{margin-bottom:25px}.shelf-heading h3{font-size:19px}.shelf-controls button{width:31px;height:31px}}

/* Refined Phoenix lobby: compact hero, responsive game shelves, tap-to-reveal controls. */
:root{--max:1240px;--line:rgba(255,214,177,.12)}
html{scroll-padding-top:82px}
.wrap{width:min(var(--max),calc(100% - 52px))}
.site-header{background:rgba(12,8,7,.9)}
.header-inner{width:min(1320px,calc(100% - 48px));height:72px;gap:34px}
.brand{min-width:180px}
.header-actions{margin-left:auto;gap:8px}
.language-picker{position:relative;z-index:60}
.language-trigger{display:flex;align-items:center;gap:8px;min-height:39px;padding:0 12px;border:1px solid rgba(255,209,158,.17);border-radius:12px;background:rgba(255,255,255,.035);color:#f5dfc7;font-size:11px;font-weight:850;letter-spacing:.06em;cursor:pointer;transition:border-color .2s,background .2s}
.language-trigger:hover,.language-trigger[aria-expanded="true"]{border-color:rgba(255,176,103,.48);background:rgba(255,115,46,.09)}
.language-globe{color:#ffbd7a;font-size:17px;line-height:1}
.language-chevron{color:#aa8c76;font-size:14px;transform:translateY(-2px)}
.language-menu{position:absolute;top:calc(100% + 8px);right:0;width:174px;padding:6px;border:1px solid rgba(255,205,158,.18);border-radius:14px;background:rgba(22,14,11,.98);box-shadow:0 16px 40px rgba(0,0,0,.4);backdrop-filter:blur(18px)}
.language-menu button{width:100%;display:flex;align-items:center;gap:9px;padding:11px 10px;border:0;border-radius:9px;background:transparent;color:#d8c5b5;text-align:left;font-size:12px;cursor:pointer}
.language-menu button:hover,.language-menu button.is-current{background:rgba(255,133,58,.12);color:#ffe1b9}
.language-menu button b{margin-left:auto;color:#a98060;font-size:10px;letter-spacing:.08em}
.hero{min-height:0;display:flex;flex-direction:column;align-items:center;gap:0;padding-top:27px;padding-bottom:0;text-align:center;isolation:isolate}
.hero-copy{z-index:3;width:100%;display:flex;flex-direction:column;align-items:center;padding:0}
.eyebrow{justify-content:center;font-size:9px;letter-spacing:.22em}
.hero h1{margin:13px 0 8px;font-size:clamp(35px,4.2vw,57px);line-height:1.01;letter-spacing:-.035em}
.hero h1 .text-fire{filter:drop-shadow(0 5px 15px rgba(234,63,27,.18))}
.hero-description{max-width:520px;margin:0;color:#b8a69a;font-size:13px;line-height:1.6}
.hero-visual{isolation:isolate;width:min(100%,720px);height:clamp(160px,20vw,250px);margin:-1px auto -3px;overflow:hidden;justify-content:center;align-items:flex-start}
.hero-sunburst{top:5%;left:20%;width:60%;opacity:.8}
.hero-ring{opacity:.3}
.hero-phoenix{z-index:1;width:min(100%,430px);height:100%;object-fit:contain;object-position:center top;transform:translateY(13px);filter:drop-shadow(0 8px 27px rgba(255,86,25,.17));animation:phoenix-rise 7s ease-in-out infinite}
@keyframes phoenix-rise{0%,100%{transform:translateY(16px) scale(.985)}50%{transform:translateY(3px) scale(1)}}
/* The old featured-game strip duplicated Phoenix Slots and is intentionally gone. */
.featured-game,.hero-buttons,.hero-footnote,.hero-stamp,.stats-row,.platform-section{display:none!important}
.catalog-section{padding-top:4px;margin-bottom:60px}
.section-heading{margin-bottom:18px;align-items:flex-end}
.section-kicker{font-size:9px;letter-spacing:.2em}
.section-heading h2{margin:8px 0 5px;font-size:clamp(25px,3vw,35px);line-height:1.1;letter-spacing:-.035em}
.section-heading h2 span{color:var(--gold)}
.section-heading p{margin:0;color:#927f73;font-size:12px;line-height:1.5}
.catalog-toolbar{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-bottom:19px}
.filter-list{width:100%;max-width:100%;margin:0;padding:2px 1px 4px;gap:7px;scrollbar-width:none}
.filter-list::-webkit-scrollbar{display:none}
.filter-chip{min-height:35px;padding:0 13px;border-radius:10px;font-size:10px;letter-spacing:.005em}
.catalog-tools{width:100%;align-self:stretch;margin:0;display:flex;justify-content:stretch}
.search-box{width:100%;height:40px;padding:0 12px;border-radius:11px}
.search-box>span{font-size:21px}
.search-box input{width:100%;max-width:none;min-width:0;font-size:12px}
.search-box kbd{display:none}
.game-grid{display:block;min-width:0}
.game-shelf{margin:0 0 30px;min-width:0}
.shelf-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.shelf-heading h3{margin:0;color:#fff4e7;font-size:clamp(18px,2vw,23px);font-weight:800;letter-spacing:-.035em}
.shelf-controls{display:flex;gap:7px;flex:0 0 auto}
.shelf-controls button{width:34px;height:34px;display:grid;place-items:center;padding:0;border:1px solid rgba(255,205,153,.17);border-radius:50%;background:rgba(255,255,255,.025);color:#ffd19a;font-size:22px;line-height:1;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.shelf-controls button:hover{transform:translateY(-1px);background:#321a12;border-color:#b85c32}
.game-rail{display:flex;align-items:stretch;gap:13px;min-width:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#542619 transparent;padding:2px 2px 10px}
.game-rail::-webkit-scrollbar{height:4px}
.game-rail::-webkit-scrollbar-thumb{border-radius:6px;background:#542619}
.game-card{flex:0 0 clamp(178px,18vw,224px);min-width:0;overflow:hidden;scroll-snap-align:start;border:1px solid rgba(255,215,185,.13);border-radius:15px;background:linear-gradient(180deg,rgba(28,18,15,.98),rgba(15,10,9,.99));box-shadow:0 8px 26px rgba(0,0,0,.16);transition:border-color .2s,box-shadow .2s}
.game-card:hover,.game-card.is-open{border-color:rgba(255,165,95,.43);box-shadow:0 12px 30px rgba(0,0,0,.27),0 0 22px rgba(255,111,44,.055)}
.game-card:hover{transform:none}
.game-card-featured{border-color:rgba(255,158,74,.28)}
.game-card-featured:before{display:none}
.game-art{position:relative;isolation:isolate;width:100%;aspect-ratio:1.13/1;overflow:hidden;background:#180e0a}
.game-art:after{z-index:1;background:linear-gradient(180deg,rgba(5,4,4,.02) 0%,transparent 46%,rgba(8,5,4,.22) 100%)}
.game-art>img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;transition:transform .35s,filter .35s}
.game-card:hover .game-art>img,.game-card.is-open .game-art>img{transform:scale(1.025);filter:saturate(1.06)}
.game-card:nth-child(7) .game-art>img{object-fit:cover;padding:0}
.art-link{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:transparent;cursor:pointer;color:transparent;outline-offset:-4px}
.art-link:after{content:'↗';position:absolute;right:10px;bottom:10px;width:29px;height:29px;display:grid;place-items:center;border:1px solid rgba(255,221,188,.25);border-radius:9px;background:rgba(18,10,7,.7);color:#ffe0b4;font-size:17px;line-height:1;opacity:.9;backdrop-filter:blur(8px);transition:background .2s,transform .2s}
.art-link:hover:after,.art-link:focus-visible:after,.game-card.is-open .art-link:after{background:rgba(160,58,23,.88);transform:scale(1.04)}
.game-info{display:flex;flex-direction:column;gap:0;padding:11px 11px 12px}
.game-info h3{margin:0;min-height:22px;font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:750;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff1e3}
.game-launch,.game-demo{display:none;width:100%;height:36px;min-height:36px;align-items:center;justify-content:center;gap:7px;margin:0;padding:0 8px;border-radius:9px;font-size:11px;font-weight:850;letter-spacing:0;text-align:center}
.game-card.is-open .game-launch,.game-card.is-open .game-demo{display:flex}
.game-card.is-open .game-launch{margin-top:10px;border:0;background:linear-gradient(110deg,#ffe3a0,#ffab51 48%,#f35a30);color:#28110a;box-shadow:0 5px 15px rgba(222,66,28,.12)}
.game-card.is-open .game-demo{margin-top:7px;border:1px solid rgba(255,204,157,.17);background:rgba(255,255,255,.025);color:#e9c7a9}
.game-card.is-open .game-demo:hover{border-color:rgba(255,172,104,.5);background:rgba(255,110,44,.08)}
.game-launch span,.game-demo span{font-size:inherit;color:inherit}
.game-info p,.game-type,.game-version,.game-ribbon,.favorite-button,.art-play{display:none!important}
.empty-state{padding:35px 15px;text-align:center}
.empty-state>span{display:block;color:#ffb36b;font-size:29px}
.empty-state strong{display:block;margin:8px 0;font-size:18px}
.empty-state p{color:#a89b93;font-size:12px}
.empty-state .button{margin-top:8px}
.site-footer{margin-top:10px}
.footer-inner{min-height:66px}
.footer-bottom{padding:12px 16px;font-size:8px;letter-spacing:.1em}

@media(min-width:1000px){
  .hero{padding-top:23px}
  .hero-visual{height:245px}
  .game-card{flex-basis:clamp(190px,17vw,224px)}
  .game-rail{gap:15px}
}
@media(max-width:820px){
  .wrap{width:calc(100% - 34px)}
  .header-inner{width:calc(100% - 30px);height:64px;gap:12px}
  .brand{flex:1;min-width:0;gap:7px}
  .brand-mark{width:34px;height:37px}
  .brand-mark img{width:38px;height:40px}
  .brand-copy strong{font-size:15px}
  .brand-copy small{font-size:6px}
  .main-nav{display:none}
  .language-trigger{min-height:36px;padding:0 10px;border-radius:10px}
  .hero{padding-top:21px}
  .hero h1{font-size:clamp(32px,7.3vw,46px);margin:11px 0 7px}
  .hero-description{max-width:400px;font-size:12px}
  .hero-visual{height:clamp(158px,36vw,220px);margin-top:0}
  .hero-phoenix{width:min(100%,350px);transform:translateY(12px)}
  .catalog-section{padding-top:0;margin-bottom:36px}
  .section-heading{margin-bottom:14px}
  .section-heading h2{font-size:27px}
  .section-heading p{font-size:11px}
  .catalog-toolbar{gap:8px;margin-bottom:16px}
  .filter-list{gap:6px}
  .filter-chip{min-height:34px;padding:0 11px;font-size:10px}
  .search-box{height:39px}
  .game-shelf{margin-bottom:22px}
  .shelf-heading{margin-bottom:8px}
  .shelf-controls button{width:31px;height:31px;font-size:21px}
  .game-rail{gap:11px;padding-bottom:8px}
  .game-card{flex:0 0 clamp(155px,25vw,190px);border-radius:13px}
  .game-art{aspect-ratio:1.02/1}
  .game-info{padding:9px 9px 10px}
  .game-info h3{font-size:13px;min-height:20px}
  .game-launch,.game-demo{height:34px;min-height:34px;font-size:10px}
  .footer-inner{min-height:61px}
}
@media(max-width:480px){
  .wrap{width:calc(100% - 26px)}
  .header-inner{width:calc(100% - 22px);height:59px}
  .brand-mark{width:30px;height:32px}
  .brand-mark img{width:34px;height:35px}
  .brand-copy strong{font-size:13px;letter-spacing:.09em}
  .brand-copy small{font-size:5px;margin-top:4px}
  .language-trigger{gap:6px;min-height:34px;padding:0 9px;font-size:10px}
  .language-globe{font-size:15px}
  .language-menu{width:160px}
  .hero{padding-top:18px}
  .eyebrow{gap:7px;font-size:7px;letter-spacing:.17em}
  .eyebrow-line{width:17px}
  .hero h1{font-size:clamp(31px,8.7vw,39px);margin:10px 0 7px;line-height:1.03}
  .hero-description{max-width:335px;font-size:11px;line-height:1.5}
  .hero-visual{height:166px;width:100%;margin-top:0}
  .hero-phoenix{width:100%;height:100%;transform:translateY(11px);object-position:center top}
  .hero-sunburst{left:12%;width:76%}
  .catalog-section{margin-bottom:25px}
  .section-kicker{font-size:7px;letter-spacing:.16em}
  .section-heading{margin-bottom:12px}
  .section-heading h2{font-size:25px;margin-top:6px}
  .section-heading p{font-size:10px;max-width:300px}
  .catalog-toolbar{gap:7px;margin-bottom:13px}
  .filter-list{width:calc(100vw - 26px);margin-right:-13px;gap:5px;padding:2px 13px 5px 1px;overflow-x:auto;overscroll-behavior-x:contain}
  .filter-chip{min-height:32px;padding:0 10px;border-radius:9px;font-size:9px}
  .search-box{height:36px;padding:0 10px}
  .search-box>span{font-size:19px}
  .search-box input{font-size:11px}
  .game-shelf{margin-bottom:19px}
  .shelf-heading h3{font-size:18px}
  .shelf-controls{gap:5px}
  .shelf-controls button{width:29px;height:29px;font-size:19px}
  .game-rail{gap:9px;padding:2px 1px 7px}
  .game-card{flex:0 0 clamp(145px,43vw,169px);border-radius:12px}
  .game-art{aspect-ratio:.98/1}
  .game-info{padding:8px 8px 9px}
  .game-info h3{font-size:12px;min-height:19px}
  .art-link:after{right:7px;bottom:7px;width:25px;height:25px;border-radius:8px;font-size:15px}
  .game-card.is-open .game-launch{margin-top:8px}
  .game-card.is-open .game-demo{margin-top:6px}
  .game-launch,.game-demo{height:32px;min-height:32px;font-size:9px}
  .footer-inner{min-height:57px;gap:8px}
  .footer-brand img{width:23px;height:25px}
  .footer-brand strong{font-size:10px}
  .footer-brand small{font-size:4px;margin-top:3px}
  .footer-inner>p{font-size:6px;letter-spacing:.08em}
  .back-to-top{font-size:6px;letter-spacing:.06em}
  .footer-bottom{font-size:6px;letter-spacing:.06em;padding:10px 8px}
}
@media(max-width:350px){
  .brand-copy{display:none}
  .hero h1{font-size:30px}
  .game-card{flex-basis:142px}
  .filter-chip{padding-inline:8px}
}
@media(hover:none){.game-card:hover{transform:none}.game-card:hover .game-art>img{transform:none;filter:none}}
@media(prefers-reduced-motion:reduce){.hero-phoenix{animation:none!important}}
@media(min-width:900px){
  .catalog-toolbar{flex-direction:row;align-items:center;justify-content:space-between}
  .catalog-tools{width:min(280px,26%);flex:0 0 min(280px,26%)}
  .hero-visual{height:218px}
}
.art-link:after{content:'+'}
.game-card.is-open .art-link:after{content:'−'}
 .game-card[data-game="plinko"] .game-art>img{object-fit:cover;padding:0;background:#100c17;object-position:center}

/* Final mobile polish: keep the document inside the viewport while allowing each game rail to scroll. */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: clip !important;
  overscroll-behavior-x: none;
}
body { position: relative; }
.site-header { width: 100%; max-width: 100%; }
.header-inner, .wrap, .catalog-section, .game-grid, .game-shelf, .game-rail { min-width: 0; max-width: 100%; }
.game-rail { width: 100%; overscroll-behavior-x: contain; }
.ambient-two { right: 0; transform: translateX(58%); }

/* A compact, deliberately styled language selector. */
.language-trigger {
  min-height: 39px;
  gap: 8px;
  padding: 0 13px;
  border: 1px solid rgba(255, 190, 124, .44);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(64, 34, 20, .98), rgba(23, 14, 11, .98));
  box-shadow: inset 0 1px 0 rgba(255, 235, 203, .12), 0 5px 18px rgba(0, 0, 0, .25), 0 0 18px rgba(255, 117, 47, .07);
  color: #ffe5c4;
}
.language-trigger:hover, .language-trigger[aria-expanded="true"] {
  border-color: rgba(255, 203, 145, .72);
  background: linear-gradient(135deg, rgba(93, 43, 22, .98), rgba(34, 17, 12, .98));
  box-shadow: inset 0 1px 0 rgba(255, 235, 203, .16), 0 7px 22px rgba(0, 0, 0, .32), 0 0 20px rgba(255, 117, 47, .12);
}
.language-globe { color: #ffc27e; font-size: 15px; }
.language-chevron { transition: transform .18s ease; }
.language-trigger[aria-expanded="true"] .language-chevron { transform: rotate(180deg); }
.language-menu { border-color: rgba(255, 190, 124, .3); }

/* The phoenix must have room for its full flame: no masking or clipping at the bottom. */
.hero-visual {
  overflow: visible !important;
  height: clamp(205px, 30vw, 300px) !important;
  margin: 0 auto 5px !important;
  isolation: isolate;
}
.hero-phoenix {
  display: block;
  height: 100% !important;
  max-height: 100%;
  width: min(100%, 430px) !important;
  object-fit: contain !important;
  object-position: center center !important;
  transform: translateY(0);
  mask-image: none !important;
  -webkit-mask-image: none !important;
  animation: phoenix-rise 7s ease-in-out infinite;
}
.hero-sunburst { pointer-events: none; }
.hero-ring { pointer-events: none; }

/* Game actions live on the cover. Opening a cover dims the artwork and reveals two clear choices. */
.game-card .game-art { overflow: hidden; }
.game-card .game-art::before {
  position: absolute;
  z-index: 1;
  inset: 0;
  content: "";
  background: linear-gradient(180deg, rgba(7, 4, 3, .12), rgba(7, 4, 3, .58));
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s ease;
}
.game-card .game-art > img {
  transition: transform .28s ease, filter .28s ease;
}
.game-card.is-open .game-art > img {
  transform: scale(1.035);
  filter: brightness(.52) saturate(.78) contrast(1.02);
}
.game-card.is-open .game-art::before { opacity: 1; }
.game-card .art-link {
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.game-card .art-link::after {
  content: '+';
  position: absolute;
  right: 9px;
  bottom: 9px;
  top: auto;
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 223, 191, .28);
  border-radius: 10px;
  background: rgba(21, 11, 7, .72);
  color: #ffe1b7;
  font-size: 18px;
  line-height: 1;
  opacity: .97;
  backdrop-filter: blur(8px);
  transition: background .2s ease, transform .2s ease;
}
.game-card.is-open .art-link::after {
  content: '×';
  top: 9px;
  bottom: auto;
  background: rgba(109, 43, 22, .88);
  transform: none;
}
.game-card .art-link:hover::after,
.game-card .art-link:focus-visible::after { background: rgba(151, 57, 24, .94); }
.game-card .game-info { padding: 10px 10px 11px; }
.game-card .game-info h3 { margin: 0; min-height: 21px; font-size: 14px; }
.game-card .game-launch,
.game-card .game-demo {
  display: none;
  position: absolute;
  z-index: 4;
  left: 10px;
  right: 10px;
  width: auto;
  height: 36px;
  min-height: 36px;
  margin: 0;
  padding: 0 8px;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
  font-size: 11px;
  font-weight: 850;
  letter-spacing: 0;
  white-space: nowrap;
  box-shadow: 0 5px 18px rgba(0, 0, 0, .24);
}
.game-card .game-launch { bottom: 52px; border: 0; background: linear-gradient(110deg, #ffe3a0, #ffab51 48%, #f35a30); color: #28110a; }
.game-card .game-demo { bottom: 11px; border: 1px solid rgba(255, 215, 177, .35); background: rgba(25, 14, 10, .9); color: #ffe6cc; }
.game-card.is-open .game-launch,
.game-card.is-open .game-demo { display: flex; }
.game-card.is-open .game-launch:hover { filter: brightness(1.06); }
.game-card.is-open .game-demo:hover { border-color: rgba(255, 190, 124, .7); background: rgba(74, 34, 19, .96); }
.game-card .game-launch span,
.game-card .game-demo span { color: inherit; font-size: inherit; }

@media (min-width: 821px) {
  .hero-visual { height: clamp(240px, 26vw, 340px) !important; }
  .game-card .game-art { aspect-ratio: 1.06 / 1; }
  .game-card .game-launch, .game-card .game-demo { left: 14px; right: 14px; height: 39px; min-height: 39px; }
  .game-card .game-launch { bottom: 59px; }
  .game-card .game-demo { bottom: 13px; }
}
@media (max-width: 820px) {
  .header-inner { width: calc(100% - 28px); }
  .hero-visual { height: clamp(205px, 51vw, 245px) !important; width: 100% !important; }
  .hero-phoenix { width: min(100%, 350px) !important; }
  .catalog-toolbar { min-width: 0; }
  .filter-list {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 3px 0 6px !important;
    overflow-x: auto;
    overscroll-behavior-x: contain;
  }
  .game-card { flex-basis: clamp(158px, 27vw, 205px); }
}
@media (max-width: 480px) {
  .header-inner { width: calc(100% - 26px); }
  .language-trigger { min-height: 36px; padding: 0 11px; gap: 7px; }
  .hero { padding-top: 21px !important; }
  .hero-visual { height: 215px !important; width: 100% !important; margin: 0 auto 5px !important; }
  .hero-phoenix { width: min(100%, 330px) !important; height: 100% !important; }
  .catalog-section { padding-top: 0 !important; }
  .game-rail { gap: 9px; padding: 2px 1px 9px; }
  .game-card { flex: 0 0 clamp(150px, 43vw, 176px); border-radius: 13px; }
  .game-card .game-art { aspect-ratio: 1 / 1; }
  .game-card .game-launch, .game-card .game-demo { left: 8px; right: 8px; height: 34px; min-height: 34px; border-radius: 9px; font-size: 10px; }
  .game-card .game-launch { bottom: 49px; }
  .game-card .game-demo { bottom: 9px; }
  .game-card .art-link::after { right: 7px; bottom: 7px; width: 27px; height: 27px; }
  .game-card.is-open .art-link::after { top: 7px; bottom: auto; }
  .game-card .game-info { padding: 8px 8px 9px; }
  .game-card .game-info h3 { font-size: 12px; min-height: 19px; }
}
@media (max-width: 350px) {
  .game-card { flex-basis: 143px; }
  .game-card .game-launch, .game-card .game-demo { font-size: 9px; }
}
@media (prefers-reduced-motion: reduce) {
  .hero-phoenix { animation: none !important; }
  .game-card .game-art::before, .game-card .game-art > img { transition: none !important; }
}

/* Refined game shelf controls: subtle, aligned with the warm Phoenix palette. */
.shelf-controls{gap:6px}
.shelf-controls button{
 width:34px;height:34px;display:grid;place-items:center;
 border:1px solid rgba(255,202,143,.19);border-radius:50%;
 background:linear-gradient(145deg,rgba(48,29,21,.9),rgba(20,13,11,.96));
 color:#eac18f;font-size:20px;line-height:1;
 box-shadow:inset 0 1px rgba(255,255,255,.04);
 transition:border-color .2s,background .2s,transform .2s;
}
.shelf-controls button:hover{border-color:rgba(255,183,105,.55);background:#382117;transform:translateY(-1px)}
.game-rail{scrollbar-width:thin;scrollbar-color:rgba(166,91,49,.45) transparent;scroll-behavior:smooth}
.game-rail::-webkit-scrollbar{height:4px}
.game-rail::-webkit-scrollbar-thumb{background:rgba(166,91,49,.5);border-radius:99px}
@media(max-width:480px){
 .shelf-controls button{width:30px;height:30px;font-size:18px}
 .game-shelf{margin-bottom:25px}
 .game-rail{scrollbar-width:none}
 .game-rail::-webkit-scrollbar{display:none}
}

/* Cover-first cards: the artwork is the whole invitation; details appear on tap. */
.game-card.cover-first .game-info{display:none}
.game-card.cover-first .game-art>h3{
 position:absolute;z-index:4;left:8px;right:8px;top:50%;
 margin:0;min-height:0;padding:0 4px;
 transform:translateY(-50%);
 color:#fff4e4;text-align:center;
 font-size:clamp(13px,1.1vw,17px);font-weight:850;line-height:1.25;
 text-shadow:0 2px 15px rgba(0,0,0,.8);
 opacity:0;pointer-events:none;
 transition:opacity .2s ease,top .2s ease;
}
.game-card.cover-first.is-open .game-art>h3{top:24%;opacity:1}
.game-card.cover-first.is-open .game-launch{bottom:calc(50% - 3px)}
.game-card.cover-first.is-open .game-demo{bottom:calc(50% - 46px)}
@media(max-width:480px){
 .game-card.cover-first.is-open .game-art>h3{top:22%;font-size:12px}
 .game-card.cover-first.is-open .game-launch{bottom:calc(50% - 3px)}
 .game-card.cover-first.is-open .game-demo{bottom:calc(50% - 43px)}
}


/* Phoenix hero image: crisp edges and complete wings/flame; no top fade mask. */
.hero-phoenix {
  mask-image: none !important;
  -webkit-mask-image: none !important;
  opacity: 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
}


/* Final polish: clean phoenix mark and understated category navigation controls. */
.brand-mark { overflow: visible !important; isolation: isolate; flex: 0 0 47px; }
.brand-mark img { width: 53px !important; height: 53px !important; max-width: none; filter: none !important; object-fit: contain; transform: translateX(-2px); }
.shelf-controls { align-items: center; gap: 6px !important; padding: 3px; border: 1px solid rgba(255, 199, 137, .12); border-radius: 999px; background: linear-gradient(135deg, rgba(35, 21, 16, .86), rgba(16, 11, 10, .92)); box-shadow: inset 0 1px rgba(255,255,255,.035); }
.shelf-controls button { position: relative; width: 31px !important; height: 31px !important; border: 1px solid rgba(255, 200, 140, .16) !important; border-radius: 50% !important; background: rgba(255, 228, 193, .035) !important; color: #e9c59b !important; font-family: Georgia, serif; font-size: 22px !important; font-weight: 400; line-height: 1; box-shadow: none !important; }
.shelf-controls button:hover, .shelf-controls button:focus-visible { border-color: rgba(255, 176, 99, .58) !important; background: linear-gradient(145deg, rgba(125, 55, 29, .55), rgba(50, 25, 18, .8)) !important; color: #fff0d8 !important; }
.shelf-controls button:active { transform: scale(.96); }
@media (max-width: 560px) {
  .brand-mark { flex-basis: 38px; width: 38px !important; height: 42px !important; }
  .brand-mark img { width: 46px !important; height: 46px !important; transform: translateX(-3px); }
  .shelf-controls { gap: 4px !important; padding: 2px; }
  .shelf-controls button { width: 28px !important; height: 28px !important; font-size: 20px !important; }
}

/* Layout guard: short filtered catalogs keep the footer at the bottom of the viewport. */
html { min-height: 100%; }
body {
  min-height: 100vh;
  min-height: 100dvh;
  display: flex;
  flex-direction: column;
}
body > main#top { flex: 1 0 auto; width: 100%; }
.site-footer { flex: 0 0 auto; margin-top: auto !important; }

/* Authentication controls use the same understated dark-gold visual language. */
.header-actions { margin-left: auto; display: flex; align-items: center; gap: 9px; flex-shrink: 0; }
.auth-actions, .account-actions { display: flex; align-items: center; gap: 6px; }
.auth-header-button {
  display: inline-flex; align-items: center; justify-content: center; min-height: 38px;
  padding: 0 12px; border: 1px solid rgba(255, 204, 146, .23); border-radius: 11px;
  background: rgba(255, 255, 255, .025); color: #efdbc8; font: inherit; font-size: 11px;
  font-weight: 800; white-space: nowrap; cursor: pointer;
  transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease;
}
.auth-header-button:hover { transform: translateY(-1px); border-color: rgba(255, 197, 128, .58); background: rgba(255, 177, 97, .08); }
.auth-register-button {
  color: #26110a; border-color: rgba(255, 220, 164, .6);
  background: linear-gradient(110deg, #ffe3a0 0%, #ffb45e 53%, #f5743d 100%);
  box-shadow: inset 0 1px rgba(255,255,255,.35), 0 4px 15px rgba(211,76,35,.12);
}
.auth-register-button:hover { background: linear-gradient(110deg, #ffebbc 0%, #ffc276 53%, #ff8651 100%); }
.auth-logout-button { min-height: 32px; padding-inline: 9px; }
.account-name { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #f2d8b8; font-size: 10px; font-weight: 800; }

.auth-dialog {
  position: fixed; inset: 0; width: min(440px, calc(100vw - 28px)); max-width: 100%; max-height: min(90dvh, 760px);
  margin: auto; padding: 0; overflow: auto; border: 1px solid rgba(255, 194, 124, .25); border-radius: 22px;
  color: #fff4e5; background: linear-gradient(155deg, #21130f 0%, #120d0c 60%, #0d0909 100%);
  box-shadow: 0 28px 90px rgba(0,0,0,.7), inset 0 1px rgba(255,255,255,.035);
}
.auth-dialog::backdrop { background: rgba(5, 3, 3, .76); backdrop-filter: blur(9px); -webkit-backdrop-filter: blur(9px); }
.auth-dialog[open] { animation: auth-pop-in .18s ease-out; }
@keyframes auth-pop-in { from { opacity: 0; transform: translateY(8px) scale(.99); } to { opacity: 1; transform: translateY(0) scale(1); } }
.auth-dialog-shell { position: relative; padding: 28px; }
.auth-close { position: absolute; top: 15px; right: 15px; width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,220,186,.12); border-radius: 11px; background: rgba(255,255,255,.03); color: #dbc5af; font-size: 23px; cursor: pointer; }
.auth-close:hover { border-color: rgba(255,190,121,.45); color: white; }
.auth-modal-brand { display: flex; align-items: center; gap: 8px; margin-bottom: 22px; }
.auth-modal-brand img { width: 37px; height: 42px; object-fit: contain; }
.auth-modal-brand span { display: flex; flex-direction: column; line-height: 1; }
.auth-modal-brand strong { font-family: Impact, "Arial Narrow", sans-serif; font-size: 16px; font-weight: 500; letter-spacing: .12em; }
.auth-modal-brand small { margin-top: 5px; color: #ffb35b; font-size: 7px; font-weight: 900; letter-spacing: .42em; }
.auth-dialog h2 { margin: 0 42px 7px 0; font-size: clamp(23px, 6vw, 29px); line-height: 1.15; letter-spacing: -.03em; }
.auth-dialog-subtitle { margin: 0 0 20px; color: #a9988d; font-size: 12px; line-height: 1.6; }
.auth-tabs { display: grid; grid-template-columns: 1fr 1fr; gap: 5px; margin-bottom: 18px; padding: 4px; border: 1px solid rgba(255,220,185,.08); border-radius: 12px; background: rgba(0,0,0,.2); }
.auth-tab { min-height: 37px; border: 1px solid transparent; border-radius: 9px; background: transparent; color: #a9998d; font: inherit; font-size: 11px; font-weight: 850; cursor: pointer; }
.auth-tab.is-active { border-color: rgba(255,190,123,.24); background: linear-gradient(130deg, rgba(105,51,27,.63), rgba(49,26,18,.65)); color: #ffdfb6; }
.auth-form { display: grid; gap: 12px; }
.auth-field { display: grid; gap: 7px; color: #d7c5b5; font-size: 11px; font-weight: 800; }
.auth-field input { width: 100%; min-width: 0; height: 43px; padding: 0 13px; border: 1px solid rgba(255,218,188,.12); border-radius: 10px; background: rgba(4,3,3,.48); color: #fff2e3; font-size: 13px; outline: none; }
.auth-field input::placeholder { color: #66584f; }
.auth-field input:focus { border-color: rgba(255,181,101,.58); box-shadow: 0 0 0 3px rgba(255,139,59,.08); }
.auth-submit { display: flex; justify-content: space-between; align-items: center; min-height: 45px; margin-top: 4px; padding: 0 15px; border: 0; border-radius: 11px; background: linear-gradient(105deg, #ffe3a0, #ffaf56 52%, #f35b31); color: #2b1209; font: inherit; font-size: 12px; font-weight: 900; cursor: pointer; box-shadow: inset 0 1px rgba(255,255,255,.42), 0 8px 22px rgba(206,64,26,.12); }
.auth-submit:disabled { opacity: .65; cursor: wait; }
.auth-submit span:last-child { font-size: 18px; }
.auth-divider { display: flex; align-items: center; gap: 10px; margin: 18px 0 13px; color: #827369; font-size: 10px; }
.auth-divider::before, .auth-divider::after { content: ""; flex: 1; height: 1px; background: rgba(255,220,185,.1); }
.auth-google-button { display: flex; align-items: center; justify-content: center; gap: 10px; min-height: 43px; border: 1px solid rgba(255,224,198,.15); border-radius: 11px; background: rgba(255,255,255,.04); color: #f6e9dd; font-size: 11px; font-weight: 850; transition: background .18s, border-color .18s; }
.auth-google-button:hover { border-color: rgba(255,204,146,.38); background: rgba(255,255,255,.07); }
.google-g { display: grid; place-items: center; width: 21px; height: 21px; border-radius: 50%; background: #fff; color: #4285f4; font-family: Arial, sans-serif; font-size: 15px; font-weight: 900; }
.auth-privacy { margin: 14px 0 0; color: #756960; font-size: 9px; line-height: 1.55; text-align: center; }
.auth-message { margin: 0 0 13px; padding: 10px 12px; border: 1px solid rgba(255,202,133,.18); border-radius: 10px; background: rgba(255,171,78,.06); color: #f4d3a9; font-size: 11px; line-height: 1.55; }
.auth-message[data-kind="error"] { border-color: rgba(255,99,74,.25); background: rgba(173,42,26,.11); color: #ffb5a8; }
.auth-message[data-kind="success"] { border-color: rgba(132,219,163,.22); background: rgba(48,119,72,.12); color: #bce9c9; }
.auth-resend { display: block; width: 100%; margin-top: 11px; padding: 9px 8px; border: 0; background: transparent; color: #ffbf7c; font-size: 10px; font-weight: 800; cursor: pointer; }
.auth-resend:hover { color: #ffe1b2; }
.site-toast { position: fixed; z-index: 999; right: 18px; bottom: calc(18px + env(safe-area-inset-bottom)); width: min(420px, calc(100vw - 36px)); padding: 14px 16px; border: 1px solid rgba(255,198,129,.24); border-radius: 13px; background: rgba(25,15,12,.97); box-shadow: 0 14px 38px rgba(0,0,0,.4); color: #f5dec3; font-size: 12px; line-height: 1.5; backdrop-filter: blur(16px); }
.site-toast[data-kind="success"] { border-color: rgba(142,221,165,.3); }
.site-toast[data-kind="error"] { border-color: rgba(255,103,79,.35); }

@media (max-width: 820px) {
  .header-actions { gap: 6px; }
  .auth-actions, .account-actions { gap: 4px; }
  .auth-header-button { min-height: 34px; padding: 0 9px; border-radius: 9px; font-size: 9px; }
  .auth-logout-button { padding-inline: 7px; }
  .account-name { max-width: 70px; font-size: 9px; }
}
@media (max-width: 480px) {
  .header-actions { gap: 5px; }
  .auth-actions, .account-actions { gap: 4px; }
  .auth-header-button { min-height: 33px; padding: 0 7px; font-size: 8px; letter-spacing: -.02em; }
  .language-trigger { padding-inline: 8px !important; gap: 5px !important; }
  .account-name { max-width: 45px; font-size: 8px; }
  .auth-dialog-shell { padding: 23px 19px 20px; }
  .auth-close { top: 11px; right: 11px; }
}
@media (max-width: 350px) {
  .brand-copy { display: none; }
  .brand-mark { flex-basis: 38px; }
  .auth-header-button { padding-inline: 6px; }
}
@media (prefers-reduced-motion: reduce) { .auth-dialog[open] { animation: none; } }