@import url('https://api.fontshare.com/v2/css?f[]=cabinet-grotesk@500,700,800&display=swap');
:root{color-scheme:dark;--bg:#101018;--card:#1b1b29;--line:#343347;--text:#faf8ff;--muted:#c3bbd4;--mint:#bdf7de;--violet:#c6b6fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:500 16px "Cabinet Grotesk",system-ui,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.52}:focus-visible{outline:2px solid var(--mint);outline-offset:4px}[hidden]{display:none!important}header{max-width:1360px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px clamp(16px,5vw,72px);border-bottom:1px solid var(--line)}header nav{display:flex;gap:24px;color:var(--muted)}.brand,#wallet{display:flex;gap:9px;align-items:center;font-weight:800}.brand img,#wallet img{width:30px;image-rendering:pixelated}#wallet{border:1px solid var(--line);border-radius:12px;padding:6px 11px;background:#242434;color:var(--mint);white-space:nowrap}main{overflow-x:hidden;width:100%;max-width:100%}.hero{position:relative;isolation:isolate;min-height:540px;display:flex;align-items:center;max-width:1360px;margin:auto;padding:72px clamp(16px,5vw,72px);overflow:hidden;background:#1b182d}.hero-art{position:absolute;inset:0 0 0 auto;width:100%;height:100%;object-fit:cover;object-position:68% center;z-index:-2}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#151321 12%,#151321e0 38%,#15132120 90%)}h1,h2,h3,p{margin:0}h1{max-width:72rem;font-size:clamp(2.55rem,8vw,7.25rem);font-weight:800;line-height:.94;letter-spacing:-.075em}h1 img{height:.65em;width:.65em;vertical-align:baseline;image-rendering:pixelated}.hero p{max-width:390px;color:var(--muted);margin:24px 0;line-height:1.55}.actions{display:flex;gap:10px;flex-wrap:wrap}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:11px 16px;font-weight:800;border:1px solid transparent}.primary{background:var(--mint);color:#11241c}.primary:hover{background:#e0fff0}.secondary{background:#242134;border-color:#49415e;color:#fff}.secondary:hover{background:#3c3250}section:not(.hero),footer{max-width:1360px;margin:auto;padding:clamp(58px,9vw,124px) clamp(16px,5vw,72px)}.section-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}h2{font-size:clamp(1.9rem,4vw,3.7rem);letter-spacing:-.05em;line-height:1.05}#catalog{display:grid;grid-auto-flow:dense;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.game{position:relative;isolation:isolate;min-height:144px;display:flex;align-items:flex-end;text-align:left;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#252138;color:white;font-weight:800;padding:13px}.game span:first-child{position:absolute;inset:0;display:grid;place-items:center;padding-bottom:17px;font-size:64px;color:var(--tone);background:radial-gradient(ellipse at 55% 35%,#ffffff0b,transparent 60%),linear-gradient(145deg,#25243b,#13131d);transition:transform .65s;z-index:-1}.game:hover span:first-child,.game:focus-visible span:first-child{transform:scale(1.13)}.game[aria-pressed=true]{border-color:var(--mint)}#arena,.panel,dialog{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:clamp(16px,3vw,32px)}#arena{margin-top:18px}.arena-grid{display:grid;grid-template-columns:minmax(190px,1fr) 2fr;gap:24px}.controls{display:grid;gap:10px;align-content:start}.controls label{display:grid;gap:4px}input,select{min-width:0;width:100%;padding:8px;background:#14141e;color:white;border:1px solid var(--line);border-radius:6px}input[type=checkbox]{width:auto}p,small{color:var(--muted);line-height:1.6}.stage{background:#13131f;border:1px solid var(--line);border-radius:12px;padding:18px;min-height:150px}.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tiles.tower{grid-template-columns:repeat(3,1fr)}.tiles button{height:42px;border-radius:6px;border:1px solid #54436b;background:#312a49;color:white}.tiles button.safe{background:#234839}.tiles button.trap{background:#632e48}.mult{font-size:clamp(2.5rem,7vw,5.7rem);color:var(--mint);font-weight:800}.track{height:7px;background:#322948;border-radius:20px;overflow:hidden}.track span{height:100%;display:block;background:var(--mint)}#carousel{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:20px 0}.panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.84rem}footer{border-top:1px solid var(--line);display:flex;align-items:center;gap:18px;flex-wrap:wrap}footer h2{margin-right:auto}dialog{width:min(90vw,500px);color:white}dialog::backdrop{background:#000b}.close{float:right;background:transparent;border:none;color:white;font-size:24px}.item{display:flex;gap:10px;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding:8px 0}#notice{position:fixed;bottom:14px;right:14px;max-width:calc(100vw - 28px);padding:10px 14px;background:#29203f;border-radius:8px;z-index:5}#notice:empty{display:none}
@media(max-width:900px){#catalog{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){header nav{display:none}#catalog,.arena-grid{grid-template-columns:1fr}.hero{min-height:435px}.game{min-height:92px}.game span:first-child{place-items:center end;padding:0 24px}.hero:after{background:linear-gradient(90deg,#151321ee,#15132179)}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}