:root{color-scheme:dark;font-family:Manrope,Inter,system-ui,Arial,sans-serif;color:#eaf5ff;background:#050914;--panel:#101a2c;--panel2:#0c1626;--line:rgba(158,202,245,.14);--muted:#96a8c0;--aqua:#64ddfa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse 65% 65% at 9% 0%,rgba(28,77,136,.21),transparent 80%),radial-gradient(ellipse 45% 65% at 100% 24%,rgba(82,44,124,.12),transparent 75%),#050914;color:#eaf5ff}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #8cf1ff;outline-offset:4px}.wrap{width:min(1440px,calc(100% - 56px));margin:auto}.topnav{position:sticky;top:0;z-index:30;background:rgba(6,10,21,.87);backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}.navinner{min-height:76px;display:flex;align-items:center;gap:28px}.wordmark{font-weight:900;letter-spacing:.24em;display:flex;align-items:center;gap:13px;white-space:nowrap;font-size:14px}.mark{width:38px;height:38px;border:1px solid #6fe3f2;border-radius:12px;display:grid;place-items:center;transform:rotate(-5deg);font-weight:900;font-size:24px;color:#a4ecff;background:linear-gradient(135deg,#0f263b,#111229);box-shadow:0 0 36px #36c2ea25}.nav-main{display:flex;align-items:center;gap:20px;margin-left:auto}.nav-main a{font-size:13px;font-weight:750;color:#a8b9cd;transition:color .2s}.nav-main a:hover,.nav-main a.active{color:#fff}.nav-main a.active{color:#80e7ff}.nav-lang{border:1px solid var(--line);background:#111e30;color:#cce8fc;border-radius:9px;padding:9px 11px;font-size:12px;max-width:110px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.22em;text-transform:uppercase;color:#82d9ee}.muted{color:var(--muted)}.accent{color:var(--aqua)}.hero{position:relative;overflow:hidden;padding:88px 0 60px}.hero:after{position:absolute;content:'';width:360px;height:360px;background:radial-gradient(circle,#32dcfc23,transparent 68%);top:-70px;right:8%;pointer-events:none}.hero-layout{display:grid;grid-template-columns:1.17fr 1fr;gap:58px;align-items:center}.hero h1{font-size:clamp(44px,6.5vw,93px);letter-spacing:-.066em;line-height:.97;margin:22px 0;font-weight:900}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#69e3fa,#a1edc6 53%,#a4acff);background-clip:text;color:transparent}.hero p{color:#b8cae0;line-height:1.8;font-size:16px;max-width:610px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:29px}.btn{min-height:45px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:0 22px;font-weight:820;font-size:13px;border:1px solid var(--line);background:#14243a;color:#e7f7ff}.btn-primary{color:#051321;background:linear-gradient(120deg,#7cf2ff,#a8f6d9);border-color:transparent;box-shadow:0 14px 50px #45c9e82a}.btn:hover{filter:brightness(1.12)}.hero-art{min-height:390px;position:relative;border:1px solid #4ce3ee2a;border-radius:32px;overflow:hidden;background:radial-gradient(circle at 70% 40%,#2a356f80,transparent 54%),linear-gradient(120deg,#152238,#0b1425 57%,#1e1839);box-shadow:0 40px 130px #0009, inset 0 0 60px #75caff15}.hero-art:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#78c4ff0b 1px,transparent 1px),linear-gradient(#78c4ff0b 1px,transparent 1px);background-size:38px 38px;transform:perspective(300px) rotateX(40deg) scale(1.7)}.art-circle{position:absolute;border:2px solid #89f6ff22;border-radius:50%;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%)}.art-circle.c1{width:290px}.art-circle.c2{width:410px;border-style:dashed}.art-symbol{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);font-size:125px;color:#b4ecff;text-shadow:0 0 80px #58caffbb;filter:drop-shadow(0 0 20px #9fe7ff72)}.art-floating{position:absolute;padding:12px 18px;border-radius:15px;font-size:12px;font-weight:800;backdrop-filter:blur(18px);border:1px solid #ddf7ff20;background:#14263dbd;box-shadow:0 15px 30px #0006}.art-floating.f1{left:5%;top:13%}.art-floating.f2{right:6%;bottom:15%}.art-floating.f3{right:7%;top:17%}.statline{display:flex;gap:28px;margin-top:35px;flex-wrap:wrap}.statline strong{font-size:25px;display:block}.statline small{font-size:12px;color:#94abc3}.section{padding:34px 0 56px}.sectionheading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.sectionheading h2{font-size:clamp(26px,3vw,39px);letter-spacing:-.047em;margin:7px 0 0}.sectionheading p{font-size:13px;color:#a1b7cc;max-width:600px;margin:0;line-height:1.7}.divider{height:1px;background:var(--line)}.game-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.gamecard{min-width:0;border:1px solid #a4dcff18;background:linear-gradient(160deg,#121e33,#0d1423);border-radius:20px;overflow:hidden;transition:transform .2s,border-color .2s,box-shadow .2s}.gamecard:hover{transform:translateY(-5px);border-color:#59d9ef88;box-shadow:0 25px 45px #0007}.cover{display:block;position:relative;height:174px;overflow:hidden;background:radial-gradient(circle at 75% 25%,var(--shine),transparent 50%),linear-gradient(120deg,var(--tone),#091422)}.cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.gamecard:hover .cover img{transform:scale(1.06)}.cover::after{content:'';position:absolute;inset:auto 0 0;height:55px;background:linear-gradient(transparent,#0b1422bb);pointer-events:none}.cover-badge{position:absolute;z-index:1;left:13px;top:13px;padding:6px 9px;font-size:9px;letter-spacing:.08em;border:1px solid #a5eafa66;border-radius:6px;color:#d9faff;background:#0a152bb5;font-weight:850}.cardcontent{padding:17px 17px 20px}.cardcontent h3{font-size:17px;line-height:1.2;margin:0 0 8px;letter-spacing:-.02em}.cardcontent p{font-size:12px;color:#9eb1c9;line-height:1.5;min-height:39px;margin:0 0 16px}.cardmeta{display:flex;justify-content:space-between;align-items:center;font-size:11px;gap:9px}.cardmeta span{color:#b9c5d9}.playlink{color:#a8f8e1;font-weight:900}.pill{padding:5px 9px;border-radius:20px;border:1px solid #98cbeb35;color:#bfdae8;font-size:10px;font-weight:700;white-space:nowrap}.searchbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:20px 0 22px;flex-wrap:wrap}.searchbar input{color:#f4faff;background:#121e2c;border:1px solid var(--line);border-radius:12px;padding:13px 16px;flex:1;min-width:185px}.filters{display:flex;gap:7px;flex-wrap:wrap}.filters button{font-size:12px;color:#acc2d7;background:#111d2c;border:1px solid var(--line);border-radius:9px;padding:11px 15px}.filters button.active{background:#1c4353;border-color:#4fc8e5;color:#e7fbff}.info-block{border:1px solid #83d7ee20;background:linear-gradient(120deg,#102036,#101325);padding:28px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:22px;align-items:center}.info-block h3{margin:0 0 10px;font-size:22px}.info-block p{margin:0;color:#9fb2cc;font-size:13px;max-width:710px;line-height:1.8}.footer{padding:32px 0 48px;border-top:1px solid var(--line);margin-top:35px;color:#8196b1;font-size:12px}.footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap}.footer a:hover{text-decoration:underline}
/* game stage */.game-layout{padding:29px 0 48px}.breadcrumbs{display:flex;gap:12px;align-items:center;font-size:12px;color:#b0bed0;margin:7px 0 22px}.breadcrumbs a{color:#80e7ff}.game-topline{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-bottom:17px;flex-wrap:wrap}.game-topline h1{font-size:28px;line-height:1.2;margin:0;letter-spacing:-.04em}.game-topline p{color:#aebed0;font-size:12px;margin:6px 0 0}.iconbox{font-size:31px;width:54px;height:54px;display:grid;place-items:center;border:1px solid #9dd5f53b;border-radius:17px;background:#17233b}.game-title-area{display:flex;gap:14px;align-items:center}.game-stage{position:relative;border:1px solid #6ed7f54a;border-radius:19px;overflow:hidden;background:#081121;box-shadow:0 28px 90px #0008;isolation:isolate}.game-stage canvas{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;user-select:none;outline:none}.game-overlay{position:absolute;inset:0;display:none;z-index:4;align-items:center;justify-content:center;padding:20px;background:rgba(3,9,22,.75);backdrop-filter:blur(8px)}.game-overlay.visible{display:flex}.overlaypanel{text-align:center;width:min(480px,100%);padding:29px 26px;border:1px solid #74d7ef50;border-radius:23px;background:linear-gradient(155deg,#142841,#091627);box-shadow:0 28px 80px #0009}.overlaypanel .symbol{font-size:48px;color:#97eaf2}.overlaypanel h2{font-size:clamp(24px,3.1vw,35px);margin:12px 0 9px;letter-spacing:-.05em}.overlaypanel p{font-size:14px;color:#c1d0de;line-height:1.7;margin:0 0 23px}.game-toolbar{border:1px solid var(--line);background:#101a2a;border-radius:0 0 17px 17px;margin-top:-3px;padding:17px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.scoregrid{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.scoreitem small{display:block;font-size:10px;letter-spacing:.11em;color:#91acc1}.scoreitem strong{display:block;font-size:18px;margin-top:3px}.toolbar-buttons{display:flex;gap:8px}.toolbar-buttons button{border:1px solid #a9d4ed2f;background:#15273a;color:#e0eeff;border-radius:10px;padding:9px 14px;font-size:12px;font-weight:750}.toolbar-buttons button:hover{background:#24465c}.input-controls{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin:19px 0}.input-controls button{padding:13px 18px;min-width:105px;border:1px solid #72ddf855;border-radius:12px;background:linear-gradient(150deg,#1d384c,#152333);color:#e9f9ff;font-size:13px;font-weight:850;touch-action:none;user-select:none}.input-controls button:active{background:#58d5e1;color:#061420}.hudhint{font-size:12px;text-align:center;color:#bad0df;min-height:21px;margin:15px 0}.game-explainer{display:grid;grid-template-columns:2fr 1fr;gap:15px;margin-top:24px}.explain-card{background:#111c2c;border:1px solid var(--line);padding:25px;border-radius:15px}.explain-card h2{font-size:19px;margin:0 0 12px}.explain-card p{font-size:13px;color:#b8c6da;line-height:1.75;margin:0}.under-note{font-size:12px;color:#9ab2c8;margin-top:16px;text-align:center}.smalllink{font-size:12px;color:#9ce4ee}.disabled-tile{opacity:.85}.disabled-tile .cover{filter:grayscale(.3)}
@media(max-width:1080px){.game-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-layout{gap:25px}.hero-art{min-height:320px}}@media(max-width:760px){.wrap{width:min(100% - 30px,620px)}.navinner{min-height:65px;gap:12px}.wordmark{letter-spacing:.09em;font-size:11px}.mark{width:31px;height:31px;font-size:20px}.nav-main{gap:13px}.nav-main a{font-size:11px}.nav-main a.optional{display:none}.nav-lang{padding:8px 5px;max-width:74px}.hero{padding:56px 0 30px}.hero-layout{grid-template-columns:1fr}.hero-art{min-height:210px;order:-1}.art-symbol{font-size:76px}.art-circle.c1{width:180px}.art-circle.c2{width:260px}.art-floating{font-size:9px;padding:8px 10px}.hero h1{font-size:52px}.hero p{font-size:14px}.statline{margin-top:25px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.cover{height:145px}.cardcontent{padding:12px}.cardcontent h3{font-size:14px}.cardcontent p{font-size:11px;min-height:50px}.cardmeta{font-size:10px}.section{padding:24px 0}.sectionheading{display:block}.sectionheading p{margin-top:12px}.game-topline h1{font-size:23px}.game-layout{padding:18px 0 35px}.game-stage{border-radius:12px}.game-explainer{grid-template-columns:1fr}.input-controls button{min-width:73px;padding:12px 9px;font-size:11px}.game-toolbar{gap:10px;padding:12px}.scoregrid{gap:13px}.scoreitem strong{font-size:15px}.overlaypanel{padding:18px 15px}.overlaypanel .symbol{font-size:32px}.info-block{grid-template-columns:1fr}}@media(max-width:380px){.nav-main a:nth-child(2){display:none}.cover{height:120px}.cardmeta span{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}