html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}section[id],details[id]{scroll-margin-top:64px}.eyebrow{font-size:17px;font-weight:600;color:var(--accent);margin:0 0 10px}h1{font-size:clamp(44px,5.6vw,76px);line-height:1.06;letter-spacing:-.03em;margin:0 0 22px;font-weight:700}.cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 24px}.more{font-size:17px;font-weight:500}.meta{margin:18px 0 0;font-size:14px;color:var(--faint)}.intro{position:relative;overflow:hidden;margin-top:-53px;color:#edf1f8;background:radial-gradient(800px 420px at 82% 0%,rgba(173,198,255,.18),transparent 62%),linear-gradient(180deg,#0a1328 0%,#142446 60%,#2a3f6e 100%)}.intro canvas{position:absolute;left:0;top:0;width:100%;height:100%;display:block}.intro .wrap{position:relative;padding-top:168px;padding-bottom:150px}.intro .eyebrow{color:#a9c9ff}.intro h1{color:#fff;margin-bottom:18px;text-wrap:balance}.intro .lead{font-size:clamp(18px,1.6vw,21px);color:rgba(237,241,248,.8);max-width:33em;margin:0 0 30px;line-height:1.55}.intro .btn-store{background:#f4f7fc;color:#0b1324}.intro .btn-store:hover{background:#fff}.intro .btn-store.is-soon,.intro .btn-store.is-soon:hover{background:rgba(244,247,252,.12);color:#edf1f8}.intro .more{color:#a9c9ff}.intro .meta{color:rgba(237,241,248,.56)}.sec{padding:120px 0}.sec.white{background:var(--white)}.sec.gray{background:var(--gray)}.sec h2{font-size:clamp(34px,4.6vw,56px);line-height:1.1;letter-spacing:-.025em;margin:0 0 18px;font-weight:700}.sec .lead{font-size:clamp(18px,1.6vw,21px);color:var(--sub);max-width:40em;margin:0 0 44px;line-height:1.55}.note{font-size:14px;color:var(--faint);margin:22px 0 0}@media(max-width:700px){.sec{padding:84px 0}}.seg{display:inline-flex;flex-wrap:wrap;padding:3px;background:#e8e8ed;border-radius:10px;gap:2px}.seg button{appearance:none;-webkit-appearance:none;border:0;background:0 0;cursor:pointer;padding:7px 14px;border-radius:8px;font-size:14px;font-weight:500;color:var(--text);white-space:nowrap}.seg button[aria-pressed=true]{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.14)}.btn-sec{appearance:none;-webkit-appearance:none;border:0;cursor:pointer;color:var(--accent);font-weight:600;font-size:15px;padding:9px 16px;border-radius:980px;background:rgba(36,87,214,9%)}.btn-sec:hover{background:rgba(36,87,214,.15)}.val{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600}input[type=range]{width:100%;accent-color:var(--accent);margin:10px 0 0}.speed-head{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin:-16px 0 28px}.speed-head .hint{font-size:14px;color:var(--sub)}.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.col{border-radius:var(--r-lg);overflow:hidden;background:var(--gray)}.col canvas{display:block;width:100%;aspect-ratio:240/290;background:var(--night)}.col .info{padding:20px 22px 24px}.col h3{margin:0 0 2px;font-size:22px;letter-spacing:-.01em}.col .size{color:var(--sub);font-size:14px;margin:0 0 14px}.col .spd{font-size:clamp(28px,3.2vw,40px);font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.1}.col .spd small{font-size:.45em;font-weight:600;color:var(--sub);margin-left:4px;letter-spacing:0}@media(max-width:640px){.cols{gap:8px}.col{border-radius:16px}.col .info{padding:12px 10px 14px}.col h3{font-size:16px}.col .spd{font-size:21px}.col .size{font-size:11px}}.pile-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:28px;align-items:stretch}.scene-card{position:relative;border-radius:var(--r-lg);overflow:hidden;background:var(--night);box-shadow:0 30px 60px -36px rgba(10,20,40,.5)}.scene-card canvas{display:block;width:100%;touch-action:none}#pileCv{aspect-ratio:240/150;height:100%}.panel{background:var(--white);border-radius:var(--r-lg);padding:28px;box-shadow:0 0 0 1px rgba(0,0,0,5%)}.range-top{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.range-top label{font-weight:600}.range-ends{display:flex;justify-content:space-between;font-size:13px;color:var(--sub);margin-top:2px}.readouts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:22px 0}.ro{background:var(--gray);border-radius:16px;padding:14px 16px}.ro .k{font-size:13px;color:var(--sub)}.ro .n{font-size:30px;font-weight:700;letter-spacing:-.02em;font-variant-numeric:tabular-nums;line-height:1.25}@media(max-width:920px){.pile-grid{grid-template-columns:1fr}#pileCv{height:auto}}#shakeCv{aspect-ratio:16/9}.hud{position:absolute;left:16px;top:16px;padding:12px 14px;border-radius:14px;background:rgba(8,12,22,.62);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#e8eef8;font-size:13px;width:250px;pointer-events:none}.hud .k{color:#b8c4d6}.meter{position:relative;height:6px;border-radius:3px;background:rgba(255,255,255,.14);margin:10px 0 8px}.meter i{position:absolute;left:0;top:0;bottom:0;border-radius:3px;background:#9fb6d9;width:0;transition:background .2s}.meter i.slide{background:#f5c46b}.meter i.shed{background:#ff7a6b}.meter b{position:absolute;top:-3px;width:2px;height:12px;background:#fff;opacity:.75}.hud .th{display:flex;justify-content:space-between;gap:10px;color:#c9d3e3;font-variant-numeric:tabular-nums}.hud .th span::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px;vertical-align:1px}.hud .th .s1::before{background:#f5c46b}.hud .th .s2::before{background:#ff7a6b}.hint-pill{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);background:rgba(255,255,255,.93);color:var(--text);font-size:14px;font-weight:600;padding:8px 16px;border-radius:980px;pointer-events:none;transition:opacity .5s;white-space:nowrap}.hint-pill.gone{opacity:0}.scene-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}@media(max-width:860px){.hud{transform:scale(.82);transform-origin:top left;left:10px;top:10px}.hint-pill{font-size:12.5px;bottom:10px}}@media(max-width:640px){.hud{position:static;transform:none;width:auto;border-radius:0;background:#0b1322;padding:12px 16px 14px}.hint-pill{bottom:auto;top:10px}}.depth-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:32px;align-items:center}.stage{height:540px;perspective:1700px;display:grid;place-items:center;overflow:hidden}.stack{position:relative;width:440px;height:290px;margin-top:110px;transform-style:preserve-3d;transform:rotateX(57deg)rotateZ(-36deg)}.plane{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.p-back{transform:translateZ(0);background:linear-gradient(160deg,#1d2c47,#0b1322);border-radius:22px;box-shadow:0 40px 70px -24px rgba(10,20,40,.5)}.p-winA{transform:translateZ(70px)}.p-mid{transform:translateZ(108px);border-radius:22px;background:rgba(120,150,210,5%);border:1.5px dashed rgba(80,110,175,.38)}.p-winB{transform:translateZ(146px)}.p-front{transform:translateZ(222px);border-radius:22px;background:linear-gradient(160deg,rgba(190,210,245,.2),rgba(150,180,235,8%));box-shadow:inset 0 0 0 1.5px rgba(110,140,205,.4)}.dwin{position:absolute;border-radius:13px;background:rgba(242,243,245,.97);box-shadow:0 22px 34px -14px rgba(0,0,0,.55);overflow:hidden}.dwin::before{content:"";display:block;height:22px;background:#e1e3e8}.dwin.dark{background:rgba(28,33,41,.97)}.dwin.dark::before{background:#272d36}.dwin .tl{position:absolute;top:8px;left:10px;display:flex;gap:5px}.dwin .tl i{width:7px;height:7px;border-radius:50%;background:#ff5f57}.dwin .tl i:nth-child(2){background:#febc2e}.dwin .tl i:nth-child(3){background:#28c840}.dwin em{position:absolute;top:4px;left:0;right:0;text-align:center;font-style:normal;font-size:10px;font-weight:600;color:#6b7280}.dwin.dark em{color:#9aa4b5}.dwin .ln{position:absolute;left:14px;height:5px;border-radius:3px;background:rgba(60,70,90,.2)}.dwin.dark .ln{background:rgba(160,190,230,.3)}.pile3d{position:absolute;left:6px;right:6px;top:-7px;height:9px;border-radius:9px 9px 2px 2px;background:linear-gradient(#fff,#dfe8f4)}.dot{position:absolute;border-radius:50%;background:#fff;transition:opacity .35s}.p-back .dot{width:3px;height:3px;opacity:.55}.p-mid .dot{width:5px;height:5px;opacity:.95;box-shadow:0 0 0 1px rgba(70,100,160,.4),0 0 6px rgba(255,255,255,.6)}.p-front .dot{width:30px;height:30px;background:radial-gradient(circle,rgba(255,255,255,.95) 0,rgba(214,226,248,.82) 36%,rgba(130,158,210,.42) 58%,rgba(130,158,210,0) 72%)}.p-front .dot.off,.stack.no-front .p-front .dot,.stack.no-cover .p-front .dot,.stack.no-cover .p-mid .dot,.stack.clear-active .p-front .dot.on-active{opacity:0}.plabel{position:absolute;font-size:15px;font-weight:700;color:#fff;background:rgba(8,12,22,.55);padding:3px 8px;border-radius:6px;white-space:nowrap}.layers{list-style:none;margin:0 0 22px;padding:0}.layers li{display:grid;grid-template-columns:18px auto 1fr;column-gap:10px;align-items:baseline;padding:12px 0;border-top:1px solid var(--line)}.layers li:first-child{border-top:0}.layers .swatch{width:12px;height:12px;border-radius:50%;align-self:center}.layers b{font-size:17px}.layers .pct{font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.layers small{grid-column:2/4;color:var(--sub);font-size:14px}.switch-row{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-top:1px solid var(--line)}.switch-row label{font-weight:600}.switch-row p{margin:2px 0 0;color:var(--sub);font-size:14px}input[role=switch]{appearance:none;-webkit-appearance:none;flex:none;width:42px;height:25px;border-radius:13px;background:#d1d1d6;position:relative;cursor:pointer;transition:background .2s;margin:1px 0 0}input[role=switch]::after{content:"";position:absolute;top:2px;left:2px;width:21px;height:21px;border-radius:50%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.25);transition:transform .2s}input[role=switch]:checked{background:#34c759}input[role=switch]:checked::after{transform:translateX(17px)}input:disabled,input:disabled+div{opacity:.45;cursor:default}.range-block{padding:6px 0 16px}.status{margin:10px 0 0;font-size:14px;color:var(--text);background:var(--white);border-radius:12px;padding:10px 14px}@media(max-width:920px){.depth-grid{grid-template-columns:1fr}.stage{height:420px}.stack{margin-top:90px;transform:scale(.7)rotateX(57deg)rotateZ(-36deg)}}@media(max-width:480px){.stage{height:310px}.stack{margin-top:60px;transform:scale(.5)rotateX(57deg)rotateZ(-36deg)}}.sound-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:36px;align-items:start}.ctl{margin-top:26px}.ctl-k{display:block;font-weight:600;margin-bottom:8px}.bul{margin:28px 0 0;padding:0;list-style:none}.bul li{padding:12px 0;border-top:1px solid var(--line);color:var(--sub);font-size:15px}.bul b{color:var(--text)}.sound-vis{background:var(--night);border-radius:var(--r-lg);overflow:hidden;color:#e8eef8;box-shadow:0 30px 60px -36px rgba(10,20,40,.5)}.sound-vis canvas{display:block;width:100%}#soundCv{aspect-ratio:640/170}#chartCv{aspect-ratio:640/200}.sound-read{display:flex;gap:32px;padding:14px 22px 20px;flex-wrap:wrap;font-variant-numeric:tabular-nums}.sound-read .k{font-size:13px;color:#9aa8bf}.sound-read .n{font-size:24px;font-weight:700}@media(max-width:920px){.sound-grid{grid-template-columns:1fr}}table.rules{width:100%;border-collapse:collapse;background:var(--white);border-radius:var(--r-lg);overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,5%)}.rules th,.rules td{text-align:left;padding:18px 24px;border-top:1px solid #e8e8ed;vertical-align:top;font-size:16px}.rules thead th{border-top:0;font-size:13px;color:var(--sub);font-weight:600;background:#fafafc}.rules tbody th{font-weight:600;width:36%}.kbd{font-family:inherit;font-weight:600;letter-spacing:.04em;background:var(--gray);border-radius:6px;padding:1px 5px}@media(max-width:640px){.rules th,.rules td{padding:14px;font-size:14.5px}}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.stat{background:var(--gray);border-radius:var(--r-md);padding:28px 24px;min-height:180px}.stat .n{font-size:clamp(40px,4.4vw,56px);font-weight:700;letter-spacing:-.03em;font-variant-numeric:tabular-nums;line-height:1.05}.stat .k{margin-top:12px;font-weight:600}.stat .d{color:var(--sub);font-size:14px;margin-top:4px}.cta-band{text-align:center;padding:120px 0;background:var(--gray)}.cta-band h2{font-size:clamp(32px,4.2vw,52px);letter-spacing:-.025em;margin:0 0 14px;line-height:1.12}.cta-band .sub{color:var(--sub);font-size:19px;margin:0 0 30px}.cta-band .cta{justify-content:center}.cta-band .meta{margin-top:18px}.faq details{border-top:1px solid var(--line)}.faq details:last-of-type{border-bottom:1px solid var(--line)}.faq summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font-size:20px;font-weight:600;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"+";position:absolute;right:6px;top:50%;transform:translateY(-50%);font-size:28px;font-weight:300;color:var(--sub)}.faq details[open] summary::after{content:"−"}.faq details p{margin:0 0 24px;color:var(--sub);font-size:17px;max-width:44em}