@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color-scheme:dark;font-family:'DM Sans',system-ui,sans-serif;background:#090b1c;color:#f5f3ff;--line:#ffffff24;--mint:#7dfce4;--pink:#ffa7e5;--violet:#a795ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#31235a 0,transparent 35%),radial-gradient(circle at 0 48%,#103a4c 0,transparent 30%),#090b1c}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:3px}a{color:inherit;text-decoration:none}.top{height:78px;max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand img{width:42px;height:42px}.brand b,.brand small{display:block;line-height:1.1;letter-spacing:.13em}.brand small{font-size:9px;color:#b4b4cb;margin-top:4px}.top nav{display:flex;gap:25px;font-size:12px;font-weight:800;letter-spacing:.08em}.top nav a:hover,.rank-link:hover,footer a:hover{color:var(--mint)}main{max-width:1440px;margin:auto;padding:0 clamp(20px,5vw,72px)}.eyebrow{margin:0;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.19em}.hero{min-height:320px;display:flex;justify-content:space-between;align-items:center;gap:25px;padding:48px 0 42px}.hero-copy{max-width:710px}.hero h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(48px,7.5vw,105px);line-height:1;letter-spacing:-.07em;margin:14px 0 14px}.hero h1 span{color:var(--pink)}.lead{font-size:clamp(15px,1.5vw,19px);color:#d4d3e8;line-height:1.55;max-width:630px}.hero-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:23px}.hero-pills span{border:1px solid #a795ff55;border-radius:100px;background:#a795ff17;color:#dfd8ff;padding:7px 12px;font-size:11px;font-weight:800;letter-spacing:.07em}.hero-visual{height:248px;width:310px;position:relative;flex:none}.hero-visual img{position:absolute;top:8px;width:176px;height:176px;border-radius:23px;box-shadow:0 24px 50px #0009;border:3px solid #ffffff44}.hero-visual img:nth-child(1){left:0;transform:rotate(-18deg)}.hero-visual img:nth-child(2){left:67px;top:30px;transform:rotate(3deg)}.hero-visual img:nth-child(3){left:136px;top:52px;transform:rotate(20deg)}.game-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:18px;align-items:start}.setup,.arena{background:#10142aee;border:1px solid #ffffff22;border-radius:23px;box-shadow:0 20px 70px #0307125c}.setup{padding:24px;position:sticky;top:16px}.setup h2,.levels h2{font-family:'Space Grotesk';font-size:25px;line-height:1.1;margin:10px 0 22px}.mode-list{display:grid;gap:8px}.mode-list button{width:100%;text-align:left;background:#191d3a;border:1px solid #ffffff20;border-radius:13px;padding:12px;color:#efedff}.mode-list button.active{background:#342863;border-color:#c5a3ff;box-shadow:inset 0 0 0 1px #c5a3ff55}.mode-list b,.mode-list small{display:block}.mode-list b{font-size:12px;letter-spacing:.08em}.mode-list small{font-size:11px;color:#c0bfd6;line-height:1.35;margin-top:3px}.field{display:block;margin-top:20px}.field[hidden]{display:none}.field span{display:block;color:#b8b9d1;font-size:10px;font-weight:800;letter-spacing:.14em;margin-bottom:9px}.field input,.field select{width:100%;height:44px;border-radius:9px;border:1px solid #ffffff35;background:#080d21;color:#f5f3ff;padding:0 12px;outline:none}.field input:focus,.field select:focus{border-color:var(--mint)}.primary{width:100%;min-height:46px;border:0;border-radius:10px;background:linear-gradient(110deg,#98fce7,#bcafff);color:#13213b;font-size:12px;font-weight:900;letter-spacing:.09em;margin-top:24px}.primary:hover{filter:brightness(1.08)}.setup-note{color:#a8abc4;font-size:11px;line-height:1.6}.rank-link{display:block;color:var(--mint);font-size:11px;font-weight:900;letter-spacing:.08em;margin-top:16px}.arena{padding:clamp(15px,2.5vw,30px)}.arena-header{display:flex;align-items:start;justify-content:space-between;gap:12px}.arena-header h2{font-family:'Space Grotesk';font-size:clamp(22px,3vw,36px);margin:7px 0 0}.arena-header button{background:#ffffff0c;border:1px solid #ffffff27;color:#c9c8db;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:800;white-space:nowrap}.players{display:grid;grid-template-columns:1fr auto 1fr;gap:13px;align-items:center;margin:23px 0 13px}.player{border:1px solid #ffffff25;background:#141a35;border-radius:13px;padding:11px 15px;min-width:0}.player.active{border-color:#90f4e5;background:#113c4b;box-shadow:0 0 28px #63f6dd20}.player.muted{opacity:.7}.player span,.player strong,.player b{display:block}.player span{font-size:9px;letter-spacing:.15em;color:#a9b4d0;font-weight:800}.player strong{font-family:'Space Grotesk';font-size:18px;margin:3px 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player b{color:var(--mint);font-size:11px}.versus{color:#b4abdc;font-size:10px;font-weight:900}.status{min-height:35px;text-align:center;color:#e8e3ff;font-size:13px;font-weight:800;padding:8px}.board{--cols:4;display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:clamp(6px,1.2vw,12px);max-width:730px;margin:2px auto 14px;perspective:1200px}.card{aspect-ratio:1 / 1;border:0;background:none;padding:0;border-radius:12%;position:relative;transform-style:preserve-3d;transition:transform .46s ease,opacity .3s}.card.face-up,.card.matched{transform:rotateY(180deg)}.card.matched{opacity:.8}.card:disabled{cursor:default}.card-inner{position:absolute;inset:0;display:block;transform-style:preserve-3d}.card-side{position:absolute;inset:0;display:block;backface-visibility:hidden;border-radius:12%;overflow:hidden;border:2px solid #b5a9ff65;box-shadow:0 8px 20px #0005}.card-side img{width:100%;height:100%;display:block;object-fit:cover}.card-front{transform:rotateY(180deg);border-color:#90f4e5}.card.matched .card-front{box-shadow:0 0 20px #82ffe888;border-color:#a3ffeb}.card:not(:disabled):hover .card-back{border-color:#ffffff;filter:brightness(1.14)}.arena-foot{display:flex;gap:14px;align-items:center;justify-content:space-between;color:#bcbcd1;font-size:11px;font-weight:800;letter-spacing:.07em;border-top:1px solid #ffffff20;padding-top:14px}.arena-foot button{margin-left:auto;border:0;border-radius:8px;color:#13213b;background:var(--mint);padding:10px 15px;font-size:11px;font-weight:900}.arena-foot button[hidden]{display:none}.message{color:#a8abc3;font-size:11px;min-height:18px;margin:16px 0 0}.levels{margin:42px 0 64px;padding:32px;border:1px solid #ffffff22;background:#10142aaa;border-radius:23px}.levels-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.levels h2{font-size:clamp(23px,3vw,36px);margin:7px 0}.levels-head p:last-child{color:#b5b6ce;font-size:13px;line-height:1.4}.progress{text-align:right;white-space:nowrap}.progress strong{display:block;font-family:'Space Grotesk';font-size:25px;color:var(--mint)}.progress small{font-size:9px;letter-spacing:.12em;color:#b4b4cb}.level-grid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:9px;margin-top:19px}.level-grid button{aspect-ratio:1;border:1px solid #ffffff2e;border-radius:11px;background:#1a1f3d;color:#d2d3e5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.level-grid button.current{border-color:var(--mint);background:#184146}.level-grid button.done{color:#ffe3a6}.level-grid button:disabled{opacity:.42;cursor:default}.level-grid b{font-size:16px}.level-grid small{font-size:9px;letter-spacing:.08em}footer{max-width:1440px;margin:auto;padding:25px clamp(20px,5vw,72px) 35px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;gap:15px;color:#a8abc3;font-size:11px;font-weight:800;letter-spacing:.08em}@media(max-width:950px){.hero-visual{display:none}.game-shell{grid-template-columns:1fr}.setup{position:static}.mode-list{grid-template-columns:repeat(3,1fr)}.setup h2{margin-bottom:16px}}@media(max-width:620px){.top{height:65px}.top nav{gap:12px;font-size:10px}.brand img{width:36px;height:36px}.hero{min-height:0;padding:36px 0 30px}.hero h1{font-size:clamp(42px,11vw,70px)}.hero-pills{gap:6px}.hero-pills span{font-size:9px}.mode-list{grid-template-columns:1fr}.setup{padding:18px}.arena{padding:14px}.players{gap:6px;margin-top:17px}.player{padding:9px}.player strong{font-size:14px}.board{gap:6px}.card-side{border-width:1px}.levels{padding:18px;margin-top:25px}.levels-head{align-items:start}.level-grid{grid-template-columns:repeat(5,minmax(0,1fr))}footer{flex-wrap:wrap}.arena-foot{font-size:9px}}@media(prefers-reduced-motion:reduce){.card{transition:none}*{scroll-behavior:auto!important}}
@media(max-width:620px){.board{--cols:4!important}}
@media(max-width:620px){.board[data-cards="6"]{grid-template-columns:repeat(3,minmax(0,1fr))}}