:root{--a:#2dd4ff;--b:#ff4fd8;--accent:#8b93ff;--accent-deep:#6f78f5;--gold:#ffc247;--green:#4ade80;--red:#ff6b6b;--bg:#0b0c1c;--bg-2:#11132a;--bg-elev:#171a35;--bg-sub:#1e2141;--bg-fill:#2a2e55;--paper:#f7f7fb;--text:#f4f5ff;--text-2:#b4b8d9;--text-3:#7c81a8;--line:#ffffff14;--line-strong:#ffffff24;--shadow:0 20px 50px #00000073;--shadow-sm:0 6px 18px #0000004d;--glow-a:0 0 40px #2dd4ff59;--glow-b:0 0 40px #ff4fd859;--card-grad:linear-gradient(145deg, #2a2f5e 0%, #161835 100%);--radius:22px;--radius-sm:14px;--max:640px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans CJK JP", "PingFang SC", "Noto Sans SC", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;line-height:1.6}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none}button{font-family:inherit;font-size:inherit;color:inherit}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:800;line-height:1.22}p{margin:0}ul{margin:0;padding:0;list-style:none}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.num{font-variant-numeric:tabular-nums}::selection{background:#8b93ff66}.bg-orbs{z-index:-1;pointer-events:none;background:radial-gradient(1200px 600px at 50% -10%,#8b93ff2e,#0000 60%);position:fixed;inset:0;overflow:hidden}.bg-orbs:before,.bg-orbs:after{content:"";filter:blur(120px);opacity:.22;border-radius:50%;width:60vmax;height:60vmax;position:absolute}.bg-orbs:before{background:var(--a);top:10vh;left:-25vmax}.bg-orbs:after{background:var(--b);top:55vh;right:-25vmax}.shell{flex-direction:column;min-height:100dvh;display:flex}.container{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}.container.wide{max-width:1120px}main{flex:1}.topbar{z-index:30;-webkit-backdrop-filter:saturate(160%)blur(16px);border-bottom:1px solid var(--line);background:#0b0c1cb8;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;height:60px;display:flex}.brand{color:var(--text);letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:800;display:flex}.brand-dots{flex:none;width:32px;height:24px;position:relative}.brand-dots i{opacity:.9;mix-blend-mode:screen;border-radius:50%;width:20px;height:20px;position:absolute;top:2px}.brand-dots i:first-child{background:var(--a);box-shadow:0 0 12px var(--a);left:0}.brand-dots i:last-child{background:var(--b);box-shadow:0 0 12px var(--b);left:12px}.nav{align-items:center;gap:4px;display:flex}.nav a,.nav button{color:var(--text-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:8px 10px;font-size:14px;font-weight:600}.nav a:hover,.nav button:hover{background:var(--bg-sub);color:var(--text)}.nav .hide-sm{display:none}@media (min-width:720px){.nav .hide-sm{display:inline-flex}}.nav .primary{background:var(--text);color:var(--bg);font-weight:700}.nav .primary:hover{color:var(--bg);background:#fff}.lang-select{position:relative}.lang-select select{appearance:none;font:inherit;color:var(--text-2);background:var(--bg-sub);border:1px solid var(--line);cursor:pointer;border-radius:10px;padding:7px 26px 7px 10px;font-size:13px;font-weight:600}.lang-select:after{content:"▾";color:var(--text-3);pointer-events:none;font-size:11px;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.footer{border-top:1px solid var(--line);color:var(--text-3);background:var(--bg-2);padding:32px 0 52px;font-size:13px}.footer-grid{gap:20px;display:grid}@media (min-width:720px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}}.footer h4{color:var(--text-2);letter-spacing:.04em;text-transform:uppercase;margin-bottom:8px;font-size:13px}.footer-links{flex-direction:column;gap:6px;display:flex}.footer-links a{color:var(--text-2);font-weight:500}.footer-links a:hover{color:var(--text)}.footer-langs{flex-wrap:wrap;gap:6px 12px;display:flex}.footer-langs a{color:var(--text-3)}.footer-langs a[aria-current=true]{color:var(--text);font-weight:700}.footer-bottom{border-top:1px solid var(--line);margin-top:22px;padding-top:16px;font-size:12px;line-height:1.7}.btn{cursor:pointer;text-align:center;background:var(--bg-sub);color:var(--text);-webkit-tap-highlight-color:transparent;border:1px solid #0000;border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:14px 22px;font-size:16px;font-weight:700;line-height:1.2;transition:transform .12s,background .15s,box-shadow .2s,opacity .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--bg-fill)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.35;cursor:default;transform:none}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 8px 24px #8b93ff59}.btn.primary:hover:not(:disabled){background:var(--accent-deep);box-shadow:0 10px 30px #8b93ff80}.btn.hero{background:linear-gradient(95deg, var(--a), var(--accent) 50%, var(--b));color:#fff;padding:16px 26px;font-size:17px;box-shadow:0 10px 34px #8b93ff73}.btn.hero:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 40px #8b93ff99}.btn.white{color:#0b0c1c;background:#fff}.btn.white:hover:not(:disabled){background:#fff;box-shadow:0 10px 30px #ffffff40}.btn.ghost{border-color:var(--line-strong);color:var(--text-2);background:0 0}.btn.ghost:hover:not(:disabled){background:var(--bg-sub);color:var(--text)}.btn.danger{color:var(--red)}.btn.block{width:100%}.btn.lg{padding:17px 26px;font-size:17px}.btn.sm{border-radius:12px;padding:9px 14px;font-size:14px}.btn-row{gap:10px;display:flex}.btn-row>*{flex:1}.stack{flex-direction:column;gap:10px;display:flex}.appstore-badge{color:#000;background:#fff;border-radius:14px;align-items:center;gap:10px;padding:10px 18px 10px 14px;font-weight:600;line-height:1.1;transition:transform .15s,box-shadow .2s;display:inline-flex}.appstore-badge:hover{transform:translateY(-1px);box-shadow:0 10px 30px #fff3}.appstore-badge small{opacity:.75;margin-bottom:2px;font-size:10px;font-weight:500;display:block}.appstore-badge span{letter-spacing:-.01em;font-size:17px;font-weight:700}.appstore-badge svg{width:26px;height:26px}.appstore-badge.dark{color:#fff;background:#000;border:1px solid #333}.card{background:var(--bg-elev);border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}.card.pad{padding:18px}.card-sub{background:var(--bg-sub);border-radius:var(--radius-sm);padding:14px}.glass{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);background:#ffffff0a}.section-title{margin:6px 0 12px;font-size:18px;font-weight:800}.muted{color:var(--text-2)}.faint{color:var(--text-3)}.small{font-size:13px}.xs{font-size:12px}.center{text-align:center}.pill{background:var(--bg-sub);color:var(--text-2);border:1px solid var(--line);border-radius:999px;align-items:center;gap:5px;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.pill.glow{color:var(--text);background:linear-gradient(90deg,#2dd4ff2e,#ff4fd82e);border-color:#ffffff24}.game-card{text-align:left;border:1px solid var(--line);background:var(--bg-elev);border-radius:var(--radius);width:100%;box-shadow:var(--shadow-sm);cursor:pointer;color:var(--text);flex-direction:column;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;display:flex;position:relative;overflow:hidden}.game-card:hover{box-shadow:var(--shadow);border-color:var(--line-strong);transform:translateY(-3px)}.game-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.game-card-body{align-items:center;gap:12px;padding:16px;display:flex}.game-card-body h3{font-size:18px}.game-card-body p{color:var(--text-2);margin-top:4px;font-size:13.5px}.game-card .meta{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.game-card ul{flex-direction:column;gap:5px;margin-top:10px;display:flex}.game-card li{color:var(--text-2);gap:8px;font-size:13px;display:flex}.game-card li:before{content:"◆";color:var(--accent);margin-top:6px;font-size:9px}.chev{color:var(--text-3);margin-left:auto;font-size:20px;font-weight:800}.chip{background:var(--bg-sub);border:1px solid var(--line);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;max-width:100%;padding:4px 11px;font-size:13px;font-weight:600;display:inline-flex}.chip i{border-radius:50%;flex:none;width:9px;height:9px;box-shadow:0 0 8px}.chip span{text-overflow:ellipsis;overflow:hidden}.chips{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.meter{filter:drop-shadow(0 0 18px #8b93ff59);place-items:center;display:inline-grid;position:relative}.meter svg{transform:rotate(-90deg)}.meter .val{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.meter .val b{font-size:var(--meter-font,40px);letter-spacing:-.04em;font-weight:800;line-height:1}.meter .val small{color:var(--text-2);margin-top:4px;font-size:11px;font-weight:600}.scorebar{grid-template-columns:92px 1fr 56px;align-items:center;gap:10px;font-size:13px;display:grid}.scorebar .track{background:var(--bg-fill);border-radius:99px;height:8px;overflow:hidden}.scorebar .fill{background:linear-gradient(90deg, var(--a), var(--accent) 60%, var(--b));border-radius:99px;height:100%;transition:width .9s cubic-bezier(.2,.8,.2,1)}.scorebar .v{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}.game-top{color:var(--text-2);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;font-weight:600;display:flex}.game-top .timer{font-variant-numeric:tabular-nums;background:var(--bg-sub);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.game-top .timer.urgent{color:var(--red);border-color:#ff6b6b66;animation:.6s steps(2,end) infinite blink}@keyframes blink{50%{opacity:.5}}.prompt-title{text-align:center;letter-spacing:-.02em;font-size:30px;font-weight:900}.prompt-sub{color:var(--text-2);text-align:center;margin-top:4px;font-size:14px}.question{text-align:center;margin:4px 0 12px;font-size:20px;font-weight:800;line-height:1.4}.canvas-wrap{aspect-ratio:1;width:100%;max-width:520px;margin:14px auto;position:relative}.canvas-wrap canvas{border-radius:var(--radius);background:var(--paper);color:#1a1b2e;touch-action:none;cursor:crosshair;width:100%;height:100%;position:absolute;inset:0;box-shadow:0 20px 50px #00000080,inset 0 0 0 1px #0000000a}.canvas-hint{color:#9a9cb8;pointer-events:none;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.option-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.option-card{border-radius:var(--radius);background:var(--bg-elev);border:2px solid var(--line);cursor:pointer;text-align:center;color:var(--text);flex-direction:column;gap:8px;padding:8px;transition:transform .12s,border-color .15s,box-shadow .2s;display:flex}.option-card:hover{border-color:var(--line-strong)}.option-card:active{transform:scale(.97)}.option-card.selected{border-color:var(--accent);box-shadow:0 0 0 3px #8b93ff40,0 10px 30px #8b93ff40}.option-card .art{aspect-ratio:1;background:var(--bg-sub);border-radius:16px;width:100%;overflow:hidden}.option-card .art img{object-fit:cover;width:100%;height:100%}.option-card .name{justify-content:center;align-items:center;min-height:2.6em;font-size:13px;font-weight:600;line-height:1.3;display:flex}.option-card.static{cursor:default}.option-card.static:active{transform:none}.handoff{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:10px 0 20px;display:flex}.handoff img{width:100%;box-shadow:var(--shadow), 0 0 60px #8b93ff40;border-radius:24px}.handoff h2{font-size:24px}.scene{aspect-ratio:3/2;width:100%;box-shadow:var(--shadow);border:1px solid #ffffff29;border-radius:24px;position:relative;overflow:hidden}.scene img{object-fit:cover;width:100%;height:100%}.scene .cap{text-align:center;color:#fff;text-shadow:0 1px 3px #000c;background:linear-gradient(#0000,#00000026 30%,#000000e6);padding:50px 14px 16px;position:absolute;inset:auto 0 0}.scene .cap b{font-size:24px;font-weight:900;display:block}.scene .cap span{opacity:.92;font-size:14px;font-weight:700}.scene.compact .cap b{font-size:17px}.scene.compact .cap span{font-size:12px}.scene.anim{animation:.7s cubic-bezier(.2,.8,.2,1) both sceneIn}@keyframes sceneIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.outcome-art{aspect-ratio:3/2;object-fit:cover;width:100%;max-height:210px;box-shadow:var(--shadow-sm);border:1px solid var(--line-strong);border-radius:20px}.banner{color:#fff;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:17px;font-weight:800;animation:.5s cubic-bezier(.2,.9,.2,1.4) .15s both pop;display:inline-flex}.banner.match{background:linear-gradient(90deg, var(--a), var(--b));box-shadow:var(--glow-b)}.banner.differ{background:linear-gradient(90deg, var(--accent), #b3b9ff);box-shadow:0 0 30px #8b93ff66}@keyframes pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}.rank-badge{align-items:center;gap:10px;animation:.5s cubic-bezier(.2,.9,.2,1.4) .35s both pop;display:inline-flex}.rank-badge b{color:#fff;border-radius:50%;place-items:center;width:46px;height:46px;font-size:24px;font-weight:900;display:grid}.rank-badge span{font-size:18px;font-weight:800}.rank-badge.s b{box-shadow:0 0 22px var(--gold)}.streak{background:linear-gradient(90deg,#ff950038,#ff4fd829);border:1px solid #ffc2474d;border-radius:999px;align-items:center;gap:6px;padding:3px 14px 3px 5px;font-size:14px;font-weight:700;display:inline-flex}.streak .flame{width:44px;height:44px;animation:.5s ease-in-out 3 alternate pulse;position:relative}.streak .flame img{width:100%;height:100%}.streak .flame b{color:#fff;text-shadow:0 0 3px #000c;place-items:center;padding-top:12px;font-size:14px;font-weight:900;display:grid;position:absolute;inset:0}@keyframes pulse{to{transform:scale(1.15)}}.seg{background:var(--bg-sub);border:1px solid var(--line);border-radius:12px;gap:2px;padding:3px;display:flex}.seg button{min-width:0;color:var(--text-2);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:0 0;border:0;border-radius:9px;flex:1;padding:8px 3px;font-size:12.5px;font-weight:600;overflow:hidden}.seg button[aria-pressed=true]{background:var(--bg-fill);color:var(--text);box-shadow:0 2px 8px #0000004d}.thumb{aspect-ratio:1;background:var(--paper);border-radius:14px;width:100%}.thumb.dark{box-shadow:inset 0 0 0 1px var(--line);background:#0a0a18}.side-by-side{grid-template-columns:1fr 1fr;gap:12px;display:grid}.side-by-side>div{flex-direction:column;align-items:center;gap:8px;display:flex}.stats-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.stat-cell{background:var(--bg-sub);border:1px solid var(--line);font-variant-numeric:tabular-nums;color:var(--text-2);border-radius:14px;flex-direction:column;align-items:center;gap:4px;padding:12px;font-size:13px;display:flex}.mini-stat{text-align:center;background:var(--bg-sub);border:1px solid var(--line);border-radius:12px;flex:1;padding:10px}.mini-stat b{font-size:20px;display:block}.mini-stat small{color:var(--text-2);font-size:11px}.result-list{flex-direction:column;gap:8px;display:flex}.result-row{background:var(--bg-elev);border:1px solid var(--line);text-align:left;cursor:pointer;width:100%;color:var(--text);border-radius:16px;align-items:center;gap:12px;padding:10px;transition:border-color .15s;display:flex}.result-row:hover{border-color:var(--line-strong)}.result-row .thumb{border-radius:10px;flex:none;width:54px;height:54px}.result-row b{font-size:14px}.result-row small{color:var(--text-2);font-size:12px;display:block}.result-row .mini-img{object-fit:cover;border-radius:5px;width:22px;height:22px}.result-row .picks{color:var(--text-2);flex-wrap:wrap;gap:8px;margin-top:4px;font-size:12px;display:flex}.result-row .picks span{align-items:center;gap:4px;display:inline-flex}.result-row .picks i{border-radius:50%;width:7px;height:7px}.labeled-chip{text-align:center;background:var(--bg-sub);border:1px solid var(--line);border-radius:12px;flex:1;padding:10px}.labeled-chip small{color:var(--text-2);font-size:11px;display:block}.labeled-chip b{font-size:14px}.diag{color:#fff;background:var(--card-grad);box-shadow:var(--shadow);border:1px solid #ffffff1f;border-radius:24px;padding:22px 20px;position:relative;overflow:hidden}.diag:before,.diag:after{content:"";filter:blur(70px);opacity:.45;pointer-events:none;border-radius:50%;width:260px;height:260px;position:absolute}.diag:before{background:var(--a);top:-90px;left:-90px}.diag:after{background:var(--b);bottom:-60px;right:-90px}.diag>*{position:relative}.diag .kicker{letter-spacing:.1em;text-transform:uppercase;opacity:.85;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:800;display:flex}.diag h2{text-align:center;letter-spacing:-.02em;margin:10px 0 6px;font-size:24px}.diag .punch{text-align:center;opacity:.95;font-size:14.5px;font-weight:700}.diag .facts{text-align:center;opacity:.85;margin:8px 0;font-size:12px}.diag .body{margin-top:8px;font-size:15px;line-height:1.75}.diag .narr{background:#ffffff12;border:1px solid #ffffff14;border-radius:14px;margin-top:10px;padding:14px}.diag .narr h4{align-items:center;gap:6px;margin-bottom:6px;font-size:14px;display:flex}.diag .narr p{opacity:.9;font-size:14px;line-height:1.7}.diag .center{justify-content:center;margin:10px 0;display:flex}.rarity{color:#fff;background:#ffffff24;border:1px solid #ffffff59;border-radius:999px;align-items:center;gap:5px;padding:5px 12px;font-size:12px;display:inline-flex}.rarity b{font-weight:900}.mini-bars{gap:8px;margin-top:14px;display:flex}.mini-bar{flex-direction:column;flex:1;align-items:center;gap:4px;display:flex}.mini-bar .col{background:#ffffff12;border-radius:4px;align-items:flex-end;width:22px;height:46px;display:flex}.mini-bar .col i{background:linear-gradient(to top, var(--a), var(--b));border-radius:4px;width:100%;display:block}.mini-bar small{opacity:.75;white-space:nowrap;font-size:9px}.dots{justify-content:center;gap:8px;margin-top:14px;display:flex}.dots i{background:#fff3;border-radius:50%;width:13px;height:13px}.dots i.on{background:var(--a);box-shadow:0 0 10px var(--a)}.psyche{flex-direction:column;gap:12px;display:flex}.psyche h3{align-items:center;gap:6px;font-size:16px;display:flex}.psyche .tend{color:var(--text-2);flex-direction:column;align-items:flex-start;gap:5px;font-size:13.5px;line-height:1.65;display:flex}.psyche details summary{cursor:pointer;align-items:center;gap:6px;font-size:14px;font-weight:700;list-style:none;display:flex}.psyche details summary::-webkit-details-marker{display:none}.psyche details summary:before{content:"▸";color:var(--accent);transition:transform .2s}.psyche details[open] summary:before{transform:rotate(90deg)}.psyche .round{background:var(--bg-sub);border:1px solid var(--line);border-radius:12px;margin-top:10px;padding:12px;font-size:13px}.psyche .round h5{margin-bottom:6px;font-size:13px}.psyche .row{margin-top:6px}.psyche .row b{align-items:center;gap:6px;font-size:12px;display:flex}.psyche .row b i{border-radius:50%;width:7px;height:7px}.psyche .row p{color:var(--text-2);margin-top:3px;font-size:13px;line-height:1.65}.modal-back{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#040510b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{width:100%;max-width:var(--max);background:var(--bg-2);border:1px solid var(--line-strong);border-radius:24px 24px 0 0;max-height:92dvh;padding:14px 20px 32px;animation:.3s cubic-bezier(.2,.8,.2,1) up;overflow:auto}@keyframes up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.modal-head b{font-size:16px}@media (min-width:700px){.modal-back{align-items:center}.modal{border-radius:24px}}.toast{color:#0b0c1c;z-index:60;box-shadow:var(--shadow);background:#fff;border-radius:999px;padding:10px 18px;font-size:14px;font-weight:700;animation:.25s up;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.progress-line{background:var(--bg-fill);border-radius:99px;height:4px;overflow:hidden}.progress-line i{background:linear-gradient(90deg, var(--a), var(--b));height:100%;transition:width .1s linear;display:block}.toggle{color:var(--text-2);background:var(--bg-sub);border:1px solid var(--line);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:13px;display:inline-flex}.hero{text-align:center;padding:48px 0 20px;position:relative;overflow:hidden}.hero .kicker{border:1px solid var(--line-strong);color:var(--text-2);letter-spacing:.02em;background:#ffffff0f;border-radius:999px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;display:inline-flex}.hero .kicker i{background:var(--green);width:8px;height:8px;box-shadow:0 0 10px var(--green);border-radius:50%}.hero h1{letter-spacing:-.03em;margin:18px 0 16px;font-size:clamp(34px,8vw,64px);font-weight:900;line-height:1.08}.hero h1 em{background:linear-gradient(95deg, var(--a), #c0c6ff 45%, var(--b));color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.hero .lead{color:var(--text-2);max-width:600px;margin:0 auto 26px;font-size:clamp(15px,2.4vw,18px);line-height:1.75}.hero .cta{flex-direction:column;align-items:center;gap:12px;display:flex}.hero .cta .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero .cta .note{color:var(--text-3);font-size:12.5px}.proof{flex-wrap:wrap;justify-content:center;gap:8px;margin:26px auto 0;display:flex}.proof div{border:1px solid var(--line);background:#ffffff0a;border-radius:16px;flex:1;min-width:120px;max-width:200px;padding:12px 10px}.proof b{letter-spacing:-.03em;background:linear-gradient(95deg, var(--a), var(--b));color:#0000;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900;display:block}.proof small{color:var(--text-2);font-size:11.5px;line-height:1.3;display:block}.phone{aspect-ratio:850/1848;background:#0a0a14;border-radius:44px;width:100%;max-width:300px;padding:10px;position:relative;box-shadow:0 40px 80px #0009,0 0 0 1px #ffffff1f,inset 0 0 0 1px #ffffff14}.phone:before{content:"";z-index:2;background:#000;border-radius:20px;width:90px;height:26px;position:absolute;top:18px;left:50%;transform:translate(-50%)}.phone img{object-fit:cover;border-radius:36px;width:100%;height:100%}.phone.sm{border-radius:34px;max-width:220px;padding:8px}.phone.sm:before{width:66px;height:20px;top:14px}.phone.sm img{border-radius:28px}.hero-phones{perspective:1200px;justify-content:center;align-items:flex-end;gap:14px;max-width:760px;margin:44px auto 0;display:flex;position:relative}.hero-phones .phone{flex:1}.hero-phones .side{opacity:.85;max-width:230px;display:none;transform:translateY(40px)scale(.92)}.hero-phones .side.l{transform:translateY(40px)rotateY(18deg)scale(.92)}.hero-phones .side.r{transform:translateY(40px)rotateY(-18deg)scale(.92)}@media (min-width:640px){.hero-phones .side{display:block}}.hero-glow{filter:blur(40px);z-index:-1;pointer-events:none;background:radial-gradient(closest-side,#8b93ff59,#0000);width:80vw;max-width:900px;height:60%;position:absolute;top:40%;left:50%;transform:translate(-50%)}.section{padding:56px 0}.section-head{text-align:center;margin-bottom:26px}.section-head h2{letter-spacing:-.03em;font-size:clamp(26px,5vw,40px);font-weight:900;line-height:1.15}.section-head p{color:var(--text-2);max-width:560px;margin-top:10px;margin-left:auto;margin-right:auto;font-size:15.5px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:10px;font-size:12px;font-weight:800;display:inline-block}.games-grid{gap:16px;display:grid}@media (min-width:860px){.games-grid{grid-template-columns:repeat(3,1fr)}}.steps{gap:14px;display:grid}.step{align-items:flex-start;gap:16px;padding:20px;display:flex}.step .n{background:linear-gradient(135deg, var(--a), var(--b));color:#fff;border-radius:14px;flex:none;place-items:center;width:40px;height:40px;font-size:17px;font-weight:900;display:grid;box-shadow:0 8px 20px #8b93ff59}.step h3{margin-bottom:6px;font-size:17px}.step p{color:var(--text-2);font-size:14px;line-height:1.7}@media (min-width:760px){.steps{grid-template-columns:repeat(3,1fr)}.step{flex-direction:column}}.how-visual{align-items:center;gap:14px;margin-top:18px;display:grid}@media (min-width:760px){.how-visual{grid-template-columns:1fr 1fr}}.how-visual img{box-shadow:var(--shadow);border:1px solid var(--line-strong);aspect-ratio:3/2;object-fit:cover;border-radius:22px;width:100%}.features{gap:14px;display:grid}@media (min-width:720px){.features{grid-template-columns:repeat(2,1fr)}}@media (min-width:1000px){.features{grid-template-columns:repeat(3,1fr)}}.feature{flex-direction:column;gap:8px;padding:22px;display:flex}.feature .ico{border:1px solid var(--line);background:#ffffff0f;border-radius:14px;place-items:center;width:44px;height:44px;font-size:22px;display:grid}.feature h3{font-size:17px}.feature p{color:var(--text-2);font-size:14px;line-height:1.7}.showcase{align-items:center;gap:18px;display:grid}@media (min-width:820px){.showcase{grid-template-columns:1fr 1fr}.showcase.flip>:first-child{order:2}}.showcase .text h3{letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(22px,4vw,30px)}.showcase .text p{color:var(--text-2);font-size:15px;line-height:1.75}.showcase .phone{margin:0 auto}.dims{flex-direction:column;gap:10px;margin-top:14px;display:flex}.sample-grid{gap:14px;display:grid}@media (min-width:760px){.sample-grid{grid-template-columns:repeat(3,1fr)}}.sample{flex-direction:column;gap:10px;padding:20px;display:flex}.sample .kicker{letter-spacing:.1em;text-transform:uppercase;opacity:.8;font-size:11px;font-weight:800}.sample h3{font-size:20px}.sample .punch{opacity:.95;font-size:13px;font-weight:700}.sample .body{opacity:.92;font-size:13.5px;line-height:1.7}.ranks{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}@media (min-width:640px){.ranks{grid-template-columns:repeat(4,1fr)}}.rank-tile{position:relative;overflow:hidden}.rank-tile img{aspect-ratio:1;object-fit:cover;width:100%}.rank-tile div{background:linear-gradient(#0000,#000000eb);padding:30px 12px 12px;position:absolute;inset:auto 0 0}.rank-tile b{color:#fff;text-shadow:0 1px 3px #000c;font-size:14px;display:block}.rank-tile small{color:#ffffffd9;font-size:11px}.shots{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:16px;padding:10px 20px 26px;display:flex;overflow-x:auto}.shots::-webkit-scrollbar{display:none}.shots .phone{scroll-snap-align:center;flex:none;width:220px}.app-band{border:1px solid var(--line-strong);box-shadow:var(--shadow);background:linear-gradient(145deg,#1b1f48,#0f1030);border-radius:28px;padding:36px 24px;position:relative;overflow:hidden}.app-band:before{content:"";pointer-events:none;background:radial-gradient(circle at 15% 20%,#2dd4ff59,#0000 35%),radial-gradient(circle at 85% 80%,#ff4fd859,#0000 35%);position:absolute;inset:-40%}.app-band>*{position:relative}.app-band .grid{align-items:center;gap:22px;display:grid}@media (min-width:820px){.app-band .grid{grid-template-columns:1.1fr .9fr}}.app-band h2{letter-spacing:-.03em;font-size:clamp(26px,4.5vw,36px)}.app-band ul{flex-direction:column;gap:10px;margin:16px 0 22px;display:flex}.app-band li{color:var(--text-2);gap:10px;font-size:14.5px;line-height:1.6;display:flex}.app-band li:before{content:"✓";color:var(--a);flex:none;font-weight:900}.app-icon{border-radius:16px;width:64px;height:64px;box-shadow:0 10px 30px #00000080}.scenes{gap:12px;display:grid}@media (min-width:720px){.scenes{grid-template-columns:repeat(2,1fr)}}.scenes li{padding:18px}.scenes b{margin-bottom:4px;font-size:16px;display:block}.scenes p{color:var(--text-2);font-size:14px;line-height:1.7}.trust{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:720px){.trust{grid-template-columns:repeat(4,1fr)}}.trust div{text-align:center;color:var(--text-2);flex-direction:column;align-items:center;gap:6px;padding:16px 12px;font-size:13.5px;font-weight:600;display:flex}.trust span{font-size:22px}.faq details{border-bottom:1px solid var(--line);padding:4px 0}.faq details:last-child{border-bottom:0}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;font-size:15.5px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--text-3);font-size:22px;font-weight:400;line-height:1}.faq details[open] summary:after{content:"−"}.faq p{color:var(--text-2);padding:0 0 16px;font-size:14.5px;line-height:1.75}.cta-band{text-align:center;color:#fff;background:var(--card-grad);border:1px solid var(--line-strong);box-shadow:var(--shadow);border-radius:28px;padding:48px 22px;position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(circle at 20% 20%,#2dd4ff66,#0000 40%),radial-gradient(circle at 80% 80%,#ff4fd866,#0000 40%);position:absolute;inset:-40%}.cta-band>*{position:relative}.cta-band h2{letter-spacing:-.03em;margin-bottom:10px;font-size:clamp(24px,4.5vw,36px)}.cta-band p{opacity:.85;margin-bottom:22px}.cta-band .row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.prose{white-space:pre-wrap;word-break:break-word;color:var(--text-2);padding:28px 0 50px;font-size:15px;line-height:1.8}.prose h1{color:var(--text);letter-spacing:-.02em;margin-bottom:18px;font-size:28px}.type-grid{gap:10px;display:grid}@media (min-width:640px){.type-grid{grid-template-columns:repeat(2,1fr)}}.type-tile{text-align:left;color:var(--text);align-items:center;gap:12px;padding:14px;transition:border-color .15s,transform .15s;display:flex}.type-tile:hover{border-color:var(--line-strong);transform:translateY(-2px)}.type-tile .em{background:var(--bg-sub);border-radius:12px;flex:none;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.type-tile b{font-size:15px;display:block}.type-tile small{color:var(--text-2);margin-top:2px;font-size:12px;display:block}.type-tile .pct{color:var(--text-3);white-space:nowrap;font-variant-numeric:tabular-nums;margin-left:auto;font-size:12px}.type-hero{text-align:center;padding:30px 0 10px}.type-hero h1{letter-spacing:-.03em;margin:10px 0;font-size:clamp(28px,6vw,44px)}.type-hero .punch{color:var(--text-2);font-size:17px;font-weight:700}.variation{color:var(--text-2);padding:18px;font-size:15px;line-height:1.8}.variation b{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.breadcrumb{color:var(--text-3);flex-wrap:wrap;gap:6px;padding-top:14px;font-size:13px;display:flex}.breadcrumb a{color:var(--text-2)}.article{max-width:720px}.article-head{padding:22px 0 18px}.article-head h1{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(26px,5vw,38px);line-height:1.25}.article-head .lead{color:var(--text-2);margin-top:12px;font-size:16px;line-height:1.75}.article-head .meta{color:var(--text-3);margin-top:12px;font-size:12.5px}.article-hero{aspect-ratio:16/9;object-fit:cover;border:1px solid var(--line-strong);width:100%;box-shadow:var(--shadow);border-radius:22px;margin-bottom:22px}.toc{background:var(--bg-elev);border:1px solid var(--line);border-radius:16px;margin-bottom:26px;padding:14px 18px;font-size:14px}.toc b{letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px;font-size:12px;display:block}.toc ol{color:var(--text-2);flex-direction:column;gap:4px;padding-left:20px;display:flex}.toc a{color:var(--text-2)}.toc a:hover{color:var(--text)}.article-body{color:var(--text-2);font-size:16px;line-height:1.9}.article-body>*+*{margin-top:16px}.article-body h2{color:var(--text);letter-spacing:-.02em;border-top:1px solid var(--line);margin-top:44px;padding-top:18px;scroll-margin-top:80px;font-size:clamp(21px,3.6vw,26px)}.article-body h3{color:var(--text);margin-top:26px;font-size:18px}.article-body p b,.article-body li b{color:var(--text)}.article-body a{text-underline-offset:3px;text-decoration:underline}.article-body ul,.article-body ol{flex-direction:column;gap:6px;padding-left:22px;display:flex}.article-body blockquote{border-left:3px solid var(--accent);background:var(--bg-elev);border-radius:0 14px 14px 0;margin:0;padding:14px 18px;font-size:14.5px}.article-body img{border:1px solid var(--line-strong);aspect-ratio:16/9;object-fit:cover;border-radius:18px;width:100%}.article-body .scroll{overflow-x:auto}.article-body table{border-collapse:collapse;width:100%;font-size:14px}.article-body th,.article-body td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:10px 12px}.article-body th{color:var(--text-3);letter-spacing:.06em;text-transform:uppercase;font-size:12px;font-weight:600}.article-body td:first-child{color:var(--text);white-space:nowrap;font-weight:600}.article-cta{border:1px solid var(--line-strong);background:linear-gradient(135deg,#2dd4ff24,#ff4fd824);border-radius:18px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:18px 20px;display:flex}.article-cta b{color:var(--text);font-size:16px;display:block}.article-cta p{margin-top:4px;font-size:13.5px}.article-foot{margin-top:44px}.article-tip{background:#2dd4ff14;border:1px solid #2dd4ff40;border-radius:16px;padding:16px 18px;font-size:14.5px}.article-tip b{color:var(--a);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;font-size:12px;display:block}.article-tip p{color:var(--text);margin:0;line-height:1.7}.article-sources{border-top:1px solid var(--line);margin-top:30px;padding-top:16px;font-size:13px}.article-sources b{color:var(--text-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:12px;display:block}.article-sources ul{color:var(--text-3);gap:4px;padding-left:18px}.article-sources a{color:var(--text-2);text-decoration:underline}.article-body table td:first-child{white-space:normal}.app-card{background:var(--bg-elev);border:1px solid var(--line-strong);border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px;display:flex}.app-card.ours{background:linear-gradient(135deg,#2dd4ff1a,#ff4fd81a)}.app-card-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.app-card-head b{color:var(--text);font-size:16px}.app-summary{color:var(--text);margin:0;font-size:14.5px;line-height:1.7}.app-card dl{gap:6px;margin:0;font-size:13.5px;display:grid}.app-card dl div{grid-template-columns:96px 1fr;gap:8px;display:grid}.app-card dt{white-space:nowrap;color:var(--text-3);font-weight:600}.app-card dd{color:var(--text-2);margin:0;line-height:1.6}.app-card .btn{align-self:flex-start}.hero-rating{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;font-size:14px;display:flex}.hero-rating a:first-child{color:var(--text);font-weight:700;text-decoration:none}