:root{--bg:#0b0b0b;--bg2:#111110;--panel:#151513;--panel2:#1a1a18;--ink:#f2f1ec;--ink-dim:#a3a29a;--ink-faint:#6b6a64;--line:rgba(242,241,236,.14);--line-soft:rgba(242,241,236,.08);--accent:#d9ff4a;--accent-ink:#111200;--radius:18px;--font:"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-en:"Archivo","Noto Sans SC",system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;overscroll-behavior:none;overflow-x:clip}body.is-locked{overflow:hidden}button{font:inherit;color:inherit;background:0 0;border:0;cursor:pointer}a{color:inherit}.hero-zone{position:relative;height:250vh;z-index:1}.stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;perspective:1400px;perspective-origin:50% 46%;cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;background:radial-gradient(1100px 620px at 50% 38%,#1c1c19 0,#121211 46%,var(--bg) 78%)}.stage.is-dragging{cursor:grabbing}.stage.is-focused{cursor:default}.hero-media{position:absolute;inset:0;z-index:0;overflow:hidden;background:#060606}.hero-media canvas,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.hero-media video{opacity:0;transition:opacity .8s}.hero-media video.is-live{opacity:1}.hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,5,.62) 0,rgba(5,5,5,.34) 30%,rgba(5,5,5,.38) 62%,rgba(5,5,5,.78) 100%),radial-gradient(110% 85% at 50% 42%,transparent 40%,rgba(0,0,0,.52) 100%)}.vignette{position:absolute;inset:0;pointer-events:none;z-index:30;background:radial-gradient(120% 90% at 50% 44%,transparent 52%,rgba(0,0,0,.55) 100%),linear-gradient(to bottom,rgba(0,0,0,.35),transparent 18%,transparent 82%,rgba(0,0,0,.5))}.grain{position:absolute;inset:-40px;pointer-events:none;z-index:31;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E")}.floor{position:absolute;left:50%;bottom:-6%;width:240vmax;height:62%;transform:translateX(-50%) rotateX(69deg);transform-origin:50% 100%;pointer-events:none;z-index:1;background:linear-gradient(rgba(242,241,236,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(242,241,236,.075) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9) 30%,transparent 92%);mask-image:linear-gradient(to top,rgba(0,0,0,.9) 30%,transparent 92%);transition:background-position .2s linear;opacity:.45}.floor-glow{position:absolute;left:50%;bottom:8%;width:70vmin;height:22vmin;transform:translateX(-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(217,255,74,.07),transparent 70%);pointer-events:none;z-index:1;filter:blur(6px)}.backwall{position:absolute;left:50%;top:9%;width:min(1180px,86vw);height:52%;transform:translateX(-50%);border:1px solid var(--line-soft);pointer-events:none;z-index:1;opacity:.55}.backwall::after,.backwall::before{content:"";position:absolute;background:var(--line-soft)}.backwall::before{left:0;right:0;top:50%;height:1px}.backwall::after{top:0;bottom:0;left:50%;width:1px}.horizon{position:absolute;left:0;right:0;top:61%;height:1px;background:linear-gradient(90deg,transparent,rgba(242,241,236,.16),transparent);pointer-events:none;z-index:1}.dust{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.dust i{position:absolute;border-radius:50%;background:var(--ink);opacity:.18;animation:linear infinite drift}@keyframes drift{from{transform:translate3d(0,0,0)}to{transform:translate3d(18px,-26px,0)}}.world{position:absolute;inset:0;z-index:5;transform-style:preserve-3d;will-change:transform}.headline{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);text-align:center;width:min(920px,88vw);pointer-events:none;z-index:4;transition:opacity .5s}.headline .kicker{font-family:var(--font-en);font-size:11px;letter-spacing:.34em;font-weight:600;color:var(--ink-dim);text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 0 26px}.headline .kicker::after,.headline .kicker::before{content:"";width:34px;height:1px;background:var(--line)}.headline h1{margin:0;font-size:clamp(52px,9.2vw,124px);line-height:1.06;font-weight:900;letter-spacing:.01em;white-space:nowrap;text-shadow:0 6px 44px rgba(0,0,0,.6)}.headline p{text-shadow:0 2px 18px rgba(0,0,0,.65);margin:26px auto 0;max-width:520px;font-size:clamp(14px,1.5vw,17px);line-height:2;color:var(--ink-dim);font-weight:400}.headline h1 .thin{font-weight:500;color:var(--ink)}.headline h1 em{font-style:normal;color:var(--accent)}.headline .enter-hint{margin-top:34px;display:inline-flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.14em;color:var(--ink-faint)}.headline .enter-hint .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);animation:2.2s ease-in-out infinite pulse}@keyframes pulse{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.15)}}.entry{position:absolute;left:50%;top:50%;width:var(--w,280px);margin-left:calc(var(--w,280px)/ -2);text-align:left;z-index:6;will-change:transform,opacity;transition:opacity .45s;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.entry:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:6px}.entry-card{background:linear-gradient(180deg,rgba(28,28,26,.66),rgba(16,16,15,.58));-webkit-backdrop-filter:blur(16px) saturate(1.25);backdrop-filter:blur(16px) saturate(1.25);border:1px solid rgba(242,241,236,.22);border-radius:var(--radius);padding:18px 18px 16px;box-shadow:0 30px 60px rgba(0,0,0,.5),0 4px 14px rgba(0,0,0,.4),inset 0 1px 0 rgba(242,241,236,.09);transition:border-color .25s,transform .25s,box-shadow .25s;position:relative;overflow:hidden}.entry.is-near .entry-card,.entry:hover .entry-card{border-color:rgba(242,241,236,.38);transform:translateY(-4px);box-shadow:0 38px 70px rgba(0,0,0,.58),0 0 0 1px rgba(242,241,236,.06)}.entry-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.entry-num{font-family:var(--font-en);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--ink-faint)}.entry-arrow{font-family:var(--font-en);font-size:14px;color:var(--ink-dim);transition:transform .25s,color .25s}.entry:hover .entry-arrow{transform:translate(2px,-2px);color:var(--accent)}.entry-title{font-size:26px;font-weight:700;line-height:1.25;letter-spacing:.02em;margin:0}.entry-en{font-family:var(--font-en);font-size:10px;letter-spacing:.28em;font-weight:600;color:var(--ink-faint);text-transform:uppercase;margin-top:5px}.entry-desc{margin:12px 0 0;font-size:13px;line-height:1.9;color:var(--ink-dim)}.entry-visual{border:1px solid var(--line-soft);border-radius:10px;background:rgba(10,10,9,.55);margin-bottom:16px;overflow:hidden;position:relative}.v-script{padding:16px 16px 14px;min-height:104px}.v-script .ln{height:7px;border-radius:99px;background:rgba(242,241,236,.22);margin-bottom:10px}.v-script .ln.s{width:46%}.v-script .ln.m{width:78%}.v-script .ln.l{width:92%}.v-script .ln.accent{background:var(--accent);width:34%;opacity:.85}.v-script .caret{display:inline-block;width:8px;height:14px;background:var(--ink);vertical-align:-2px;animation:1.1s steps(1) infinite blink}@keyframes blink{50%{opacity:0}}.v-script .role{font-size:10px;letter-spacing:.18em;color:var(--ink-faint);margin-bottom:10px;font-family:var(--font-en)}.v-board{padding:12px;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;min-height:104px}.v-board .fr{border:1px solid var(--line-soft);border-radius:6px;aspect-ratio:4/3;position:relative;background:#121211}.v-board .fr::after{content:attr(data-n);position:absolute;left:6px;bottom:4px;font-family:var(--font-en);font-size:9px;color:var(--ink-faint);letter-spacing:.1em}.v-board .fr b{position:absolute;border-radius:50%;background:rgba(242,241,236,.28);font-weight:400}.v-board .fr:nth-child(2) b{width:16px;height:16px;left:38%;top:26%}.v-board .fr:nth-child(4) b{width:22px;height:10px;border-radius:99px;left:16%;top:52%}.v-board .fr:nth-child(5){border-color:rgba(217,255,74,.45)}.v-board .fr:nth-child(5) b{width:12px;height:12px;left:44%;top:34%;background:var(--accent)}.v-board .fr:first-child b{width:10px;height:22px;border-radius:99px;left:20%;top:30%}.v-canvas{min-height:104px}.v-canvas svg{display:block;width:100%;height:104px}.v-screen{aspect-ratio:16/8.2;background:#0a0a09}.v-screen canvas,.v-screen video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.v-screen video{opacity:0;transition:opacity .6s}.v-screen video.is-live{opacity:1}.v-screen::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.42))}.v-screen .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:2;width:42px;height:42px;border-radius:50%;border:1px solid rgba(242,241,236,.45);background:rgba(8,8,8,.42);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;gap:5px}.v-screen .play span{width:4px;height:14px;border-radius:2px;background:var(--ink)}.v-screen .live-badge{position:absolute;left:10px;top:8px;z-index:2;display:inline-flex;align-items:center;gap:6px;font-size:9px;font-weight:700;letter-spacing:.16em;color:var(--ink);background:rgba(8,8,8,.5);border:1px solid rgba(242,241,236,.18);border-radius:99px;padding:4px 9px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.v-screen .live-badge i{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:1.8s ease-in-out infinite pulse}.v-screen .tc{position:absolute;right:10px;bottom:8px;z-index:2;font-family:var(--font-en);font-size:9px;letter-spacing:.14em;color:rgba(242,241,236,.75)}.entry.is-dim{opacity:.14;pointer-events:none}.entry.is-focused{z-index:20}.entry.is-focused .entry-card{border-color:rgba(217,255,74,.55)}.depth-tag{position:absolute;top:-26px;left:2px;font-family:var(--font-en);font-size:9px;letter-spacing:.24em;color:var(--ink-faint);display:flex;align-items:center;gap:8px;white-space:nowrap}.depth-tag::after{content:"";width:26px;height:1px;background:var(--line)}.hud{position:fixed;z-index:40;pointer-events:none}.hud a,.hud button{pointer-events:auto}.hud-top{top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-start;padding:22px clamp(18px,3.4vw,40px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:30px;height:30px;border:1.5px solid var(--ink);border-radius:8px;display:grid;place-items:center;font-family:var(--font-en);font-weight:800;font-size:14px}.brand-name{font-weight:700;font-size:15px;letter-spacing:.06em;line-height:1.2}.brand-sub{font-family:var(--font-en);font-size:9px;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase;margin-top:2px}.hud-top-right{display:flex;align-items:center;gap:10px;font-family:var(--font-en);font-size:10px;letter-spacing:.26em;color:var(--ink-dim);text-transform:uppercase}.hud-top-right .sep{width:28px;height:1px;background:var(--line)}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:2.2s infinite pulse}.hud-bottom{bottom:0;left:0;right:0;display:flex;justify-content:space-between;align-items:flex-end;gap:16px;padding:20px clamp(18px,3.4vw,40px) calc(20px + env(safe-area-inset-bottom))}.coords{font-family:var(--font-en);font-size:10px;letter-spacing:.18em;color:var(--ink-faint);line-height:2;text-transform:uppercase;min-width:170px}.coords b{color:var(--ink-dim);font-weight:600}.hint{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:center;font-size:11px;letter-spacing:.12em;color:var(--ink-dim)}.hint span{border:1px solid var(--line-soft);border-radius:99px;padding:7px 13px;background:rgba(11,11,11,.45);white-space:nowrap}.hint span b{color:var(--ink);font-weight:600}.page-mark{font-family:var(--font-en);text-align:right;font-size:10px;letter-spacing:.22em;color:var(--ink-faint);line-height:2;text-transform:uppercase;min-width:120px}.page-mark b{color:var(--ink);font-size:13px}.depth-meter{position:fixed;right:clamp(16px,2.6vw,34px);top:50%;transform:translateY(-50%);z-index:40;display:flex;flex-direction:column;align-items:center;gap:12px;pointer-events:none}.depth-meter .lbl{font-family:var(--font-en);font-size:9px;letter-spacing:.3em;color:var(--ink-faint);writing-mode:vertical-rl;text-transform:uppercase}.depth-track{width:2px;height:120px;background:var(--line-soft);border-radius:99px;position:relative}.depth-dot{position:absolute;left:50%;width:9px;height:9px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);top:0;box-shadow:0 0 0 4px rgba(217,255,74,.15)}.focus-panel{position:fixed;left:50%;bottom:96px;transform:translate(-50%,18px);z-index:50;width:min(560px,calc(100vw - 32px));background:#131311;border:1px solid var(--line);border-radius:20px;padding:22px 24px 20px;box-shadow:0 40px 80px rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1)}.focus-panel.is-open{opacity:1;transform:translate(-50%,0);pointer-events:auto}.focus-panel .fp-top{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.focus-panel h2{margin:0;font-size:24px;font-weight:700;line-height:1.3}.focus-panel .fp-en{font-family:var(--font-en);font-size:10px;letter-spacing:.26em;color:var(--ink-faint);text-transform:uppercase}.focus-panel p{margin:12px 0 0;font-size:14px;line-height:2;color:var(--ink-dim)}.focus-panel .fp-meta{margin-top:14px;display:flex;gap:8px;flex-wrap:wrap}.focus-panel .fp-meta span{font-size:11px;letter-spacing:.08em;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:99px;padding:5px 11px}.focus-panel .fp-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:9px;border-radius:99px;padding:11px 20px;font-size:13px;font-weight:600;letter-spacing:.04em;transition:transform .2s,background .2s,color .2s,border-color .2s}.btn:active{transform:scale(.97)}.btn-back{border:1px solid var(--line);color:var(--ink)}.btn-back:hover{border-color:var(--ink)}.btn-enter{background:var(--accent);color:var(--accent-ink)}.btn-enter:hover{background:#e6ff70}.btn-enter .arr{font-family:var(--font-en)}.toast{position:fixed;left:50%;top:84px;transform:translate(-50%,-8px);z-index:120;background:var(--ink);color:#111;border-radius:99px;padding:9px 18px;font-size:12px;font-weight:600;letter-spacing:.04em;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s}.toast.is-show{opacity:1;transform:translate(-50%,0)}.intro{position:fixed;inset:0;z-index:80;background:var(--bg);display:grid;place-items:center;pointer-events:none;animation:.9s cubic-bezier(.7,0,.2,1) .55s forwards introOut}.intro-word{font-family:var(--font-en);font-weight:800;letter-spacing:.42em;font-size:13px;color:var(--ink);animation:.55s both introWord;text-transform:uppercase;padding-left:.42em}@keyframes introWord{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes introOut{to{opacity:0;visibility:hidden}}.page{position:relative;z-index:2;background:var(--bg)}.page::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,241,236,.18),transparent)}.chapter{max-width:none;margin:0 auto;min-height:100svh;padding:26vh max(clamp(20px,5vw,48px),calc((100% - 1024px)/ 2)) 8vh}.chapter:last-child{padding-bottom:0}.ch-head{display:flex;align-items:baseline;gap:18px;margin-bottom:34px;font-family:var(--font-en)}.ch-num{font-size:13px;font-weight:800;letter-spacing:.24em;color:var(--accent)}.ch-en{font-size:10px;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase}.ch-head .rule{flex:1;height:1px;background:var(--line-soft);align-self:center}.chapter h2{margin:0;font-size:clamp(34px,5.2vw,62px);font-weight:900;line-height:1.35;letter-spacing:.01em}#ch-caps h2,#ch-flow h2{font-size:clamp(30px,3.4vw,46px)}.ch-lede{margin:30px 0 0;max-width:560px;font-size:clamp(14px,1.5vw,17px);line-height:2.1;color:var(--ink-dim)}.ch-note{margin:16px 2px 0;font-size:11px;letter-spacing:.14em;color:var(--ink-faint);display:flex;align-items:center;gap:10px}.ch-note::before{content:"";width:22px;height:1px;background:var(--line)}.rv{opacity:0;transform:translateY(28px);transition:opacity .9s,transform .9s cubic-bezier(.22,1,.36,1)}.rv.in{opacity:1;transform:none}.board{margin-top:56px;position:relative;height:480px;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:radial-gradient(rgba(242,241,236,.13) 1px,transparent 1.4px) 0 0/26px 26px,linear-gradient(180deg,#131311,#0e0e0d);touch-action:pan-y;user-select:none;-webkit-user-select:none}.board svg{position:absolute;inset:0;width:100%;height:100%}.board svg path{stroke:rgba(242,241,236,.3);stroke-width:1.4;fill:none}.board svg path.hot{stroke:var(--accent);stroke-opacity:.65}.node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:3px;align-items:flex-start;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:14px;padding:12px 16px 11px;cursor:grab;text-align:left;z-index:2;touch-action:none;box-shadow:0 18px 36px rgba(0,0,0,.45);transition:border-color .25s;-webkit-tap-highlight-color:transparent}.node:active{cursor:grabbing}.node.is-hot,.node:hover{border-color:rgba(217,255,74,.55)}.node .n-t{font-size:15px;font-weight:700;letter-spacing:.03em;white-space:nowrap}.node .n-e{font-family:var(--font-en);font-size:8px;letter-spacing:.26em;color:var(--ink-faint);text-transform:uppercase;white-space:nowrap}.node .n-dot{position:absolute;top:10px;right:10px;width:6px;height:6px;border-radius:50%;background:rgba(242,241,236,.35)}.node.is-hot .n-dot{background:var(--accent)}.board-tag{position:absolute;left:16px;bottom:14px;z-index:1;font-family:var(--font-en);font-size:9px;letter-spacing:.26em;color:var(--ink-faint);text-transform:uppercase}.steps{margin-top:44px}.step{display:grid;grid-template-columns:84px 1fr;gap:clamp(18px,4vw,54px);padding:26px 4px;border-top:1px solid var(--line-soft);align-items:start}.step:last-child{border-bottom:1px solid var(--line-soft)}.step-num{font-family:var(--font-en);font-size:clamp(24px,2.6vw,34px);font-weight:800;color:transparent;-webkit-text-stroke:1px rgba(242,241,236,.4);line-height:1}.step h3{margin:2px 0 0;font-size:clamp(18px,1.9vw,22px);font-weight:700;letter-spacing:.02em}.step p{margin:8px 0 0;max-width:640px;font-size:14px;line-height:1.95;color:var(--ink-dim)}.step .s-en{font-family:var(--font-en);font-size:9px;letter-spacing:.28em;color:var(--ink-faint);text-transform:uppercase;margin-top:8px;display:block}.caps{margin-top:40px;border-bottom:1px solid var(--line-soft)}.cap{border-top:1px solid var(--line-soft)}.cap-btn{width:100%;display:flex;align-items:baseline;gap:clamp(14px,3vw,30px);padding:18px 6px;text-align:left;-webkit-tap-highlight-color:transparent}.cap-idx{font-family:var(--font-en);font-size:11px;font-weight:600;letter-spacing:.22em;color:var(--ink-faint)}.cap-title{font-size:clamp(28px,3vw,50px);font-weight:800;line-height:1.2;letter-spacing:.02em;transition:color .25s,transform .25s}.cap-btn:hover .cap-title{transform:translateX(8px)}.cap.open .cap-title{color:var(--accent)}.cap-en{font-family:var(--font-en);font-size:10px;letter-spacing:.28em;color:var(--ink-faint);text-transform:uppercase;margin-left:auto;white-space:nowrap}.cap-arrow{font-family:var(--font-en);font-size:16px;color:var(--ink-dim);transition:transform .35s}.cap.open .cap-arrow{transform:rotate(45deg);color:var(--accent)}.cap-body{max-height:0;overflow:hidden;transition:max-height .55s cubic-bezier(.22,1,.36,1)}.cap-body-in{padding:2px 6px 28px calc(6px + clamp(14px,3vw,30px) + 30px);max-width:640px}.cap-body p{margin:0;font-size:14px;line-height:2.1;color:var(--ink-dim)}.cap-tags{margin-top:16px;display:flex;gap:8px;flex-wrap:wrap}.cap-tags span{font-size:11px;letter-spacing:.08em;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:99px;padding:5px 11px}.finale{padding-top:30vh}.finale .big{margin:0;font-size:clamp(46px,8.4vw,112px);font-weight:900;line-height:1.25;letter-spacing:.01em}.finale .big em{font-style:normal;color:var(--accent)}.finale .sub{margin:34px 0 0;max-width:520px;font-size:clamp(14px,1.5vw,17px);line-height:2.1;color:var(--ink-dim)}.finale-actions{margin-top:46px;display:flex;gap:12px;flex-wrap:wrap;align-items:center}.btn-big{display:inline-flex;align-items:center;gap:10px;background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:16px 34px;font-size:15px;font-weight:700;letter-spacing:.05em;transition:background .2s,transform .2s}.btn-big:hover{background:#e6ff70}.btn-big:active{transform:scale(.97)}.btn-ghost{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:15px 30px;font-size:14px;font-weight:600;letter-spacing:.05em;transition:border-color .2s}.btn-ghost:hover{border-color:var(--ink)}.site-foot{margin-top:22vh;border-top:1px solid var(--line-soft);padding:30px clamp(20px,5vw,48px) calc(34px + env(safe-area-inset-bottom));display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;max-width:1120px;margin-left:auto;margin-right:auto;font-size:11px;letter-spacing:.14em;color:var(--ink-faint)}.site-foot .f-en{font-family:var(--font-en);letter-spacing:.26em;text-transform:uppercase;font-size:9px}.depth-meter,.hud-bottom{transition:opacity .45s}body.past-hero .depth-meter,body.past-hero .hud-bottom{opacity:0;pointer-events:none}body.past-hero .hud-bottom a,body.past-hero .hud-bottom button{pointer-events:none}.hud-login-btn{pointer-events:auto;border:1px solid var(--line);border-radius:99px;padding:9px 18px;font-size:12px;font-weight:700;letter-spacing:.08em;background:rgba(11,11,11,.5);color:var(--ink);font-family:var(--font);transition:border-color .2s,background .2s,color .2s}.hud-login-btn:hover{border-color:var(--accent);color:var(--accent)}.hud-cta-btn{display:none;pointer-events:auto;background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:9px 16px;font-size:12px;font-weight:800;letter-spacing:.06em;font-family:var(--font);white-space:nowrap}.hud-user{pointer-events:auto;display:none;align-items:center;gap:8px;font-family:var(--font);letter-spacing:0;text-transform:none}.hud-user.is-show{display:flex}.hud-user .u-phone{font-size:12px;font-weight:700;color:var(--ink);border:1px solid rgba(217,255,74,.4);border-radius:99px;padding:7px 12px;background:rgba(217,255,74,.08)}.hud-user .u-out{font-size:11px;color:var(--ink-dim);border:1px solid var(--line-soft);border-radius:99px;padding:7px 12px}.hud-user .u-out:hover{color:var(--ink);border-color:var(--ink)}.login-view{position:fixed;inset:0;z-index:90;overflow-y:auto;-webkit-overflow-scrolling:touch;background:radial-gradient(1100px 620px at 50% 38%,#1c1c19 0,#121211 46%,var(--bg) 78%)}.login-view[hidden]{display:none!important}.login-floor{position:absolute;left:50%;bottom:-6%;width:240vmax;height:52%;transform:translateX(-50%) rotateX(69deg);transform-origin:50% 100%;pointer-events:none;background:linear-gradient(rgba(242,241,236,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(242,241,236,.07) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to top,rgba(0,0,0,.9) 30%,transparent 92%);mask-image:linear-gradient(to top,rgba(0,0,0,.9) 30%,transparent 92%)}.login-wall{position:absolute;left:50%;top:7%;width:min(1180px,86vw);height:56%;transform:translateX(-50%);border:1px solid var(--line-soft);pointer-events:none}.login-wall::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line-soft)}.login-wall::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:1px;background:var(--line-soft)}.login-glow{position:absolute;left:50%;top:46%;width:72vmin;height:72vmin;transform:translate(-50%,-50%);background:radial-gradient(50% 50% at 50% 50%,rgba(217,255,74,.08),transparent 70%);pointer-events:none;filter:blur(8px)}.login-vignette{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 44%,transparent 52%,rgba(0,0,0,.55) 100%)}.login-top{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px clamp(18px,3.4vw,40px)}.login-back{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:99px;padding:10px 18px;font-size:13px;font-weight:600;background:rgba(11,11,11,.5)}.login-back:hover{border-color:var(--ink)}.login-top-en{font-family:var(--font-en);font-size:10px;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase}.login-centre{position:relative;z-index:2;display:grid;place-items:center;padding:12px 18px 56px;min-height:calc(100svh - 90px)}.door-frame{width:min(540px,100%);animation:.7s cubic-bezier(.22,1,.36,1) both doorIn}@keyframes doorIn{from{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:none}}.door-panel{position:relative;background:linear-gradient(180deg,var(--panel2),var(--panel));border:1px solid rgba(242,241,236,.22);border-radius:26px 26px 20px 20px;padding:38px 38px 32px;box-shadow:0 50px 100px rgba(0,0,0,.65),0 0 0 1px rgba(0,0,0,.4),0 0 80px rgba(217,255,74,.05);overflow:hidden}.door-panel::before{content:"";position:absolute;top:0;left:24px;right:24px;height:3px;border-radius:0 0 99px 99px;background:var(--accent);opacity:.9}.door-kicker{margin:0;font-family:var(--font-en);font-size:10px;letter-spacing:.3em;color:var(--ink-faint);text-transform:uppercase;display:flex;align-items:center;gap:12px}.door-kicker::after{content:"";flex:1;height:1px;background:var(--line-soft)}.door-title{margin:20px 0 0;font-size:clamp(30px,5vw,40px);font-weight:900;line-height:1.35;letter-spacing:.01em}.door-lede{margin:16px 0 0;font-size:14px;line-height:2;color:var(--ink-dim)}.door-lede strong{color:var(--ink)}#loginForm{margin-top:30px;display:flex;flex-direction:column;gap:22px}.field{display:flex;flex-direction:column;gap:10px;text-align:left}.field-label{font-size:12px;font-weight:700;letter-spacing:.12em;color:var(--ink)}.field input{width:100%;background:#0e0e0d;border:1px solid var(--line);border-radius:14px;padding:16px;font:inherit;font-size:16px;color:var(--ink);outline:0;transition:border-color .2s,box-shadow .2s}.field input::placeholder{color:var(--ink-faint);font-size:14px}.field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(217,255,74,.14)}.code-row{display:flex;gap:10px}.code-row input{flex:1;min-width:0}.code-btn{flex-shrink:0;border:1px solid var(--line);border-radius:14px;padding:0 18px;font-size:13px;font-weight:700;white-space:nowrap;background:#1e1e1b;color:var(--ink);transition:border-color .2s,color .2s,opacity .2s}.code-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.code-btn:disabled{opacity:.55;cursor:not-allowed}.demo-box{border:1px dashed rgba(217,255,74,.45);border-radius:12px;padding:14px 16px;font-size:13px;line-height:1.9;color:var(--ink-dim);background:rgba(217,255,74,.06);text-align:left}.demo-box strong{font-family:var(--font-en);font-size:20px;letter-spacing:.28em;color:var(--accent);margin:0 6px}.demo-box span{display:block;font-size:11px;color:var(--ink-faint)}.form-error{margin:0;border:1px solid rgba(255,120,100,.45);background:rgba(255,80,60,.08);color:#ffb4a6;border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.8;text-align:left}.form-hint{margin:0;font-size:12px;line-height:1.9;color:var(--accent);text-align:left}.remember-row{display:flex;align-items:flex-start;gap:12px;cursor:pointer;text-align:left;font-size:14px;font-weight:600;line-height:1.6;padding:4px 2px}.remember-row input[type=checkbox]{width:20px;height:20px;margin:2px 0 0;accent-color:var(--accent);flex-shrink:0;cursor:pointer}.remember-sub{display:block;font-size:12px;font-weight:400;color:var(--ink-faint);line-height:1.7}.door-submit{width:100%;background:var(--accent);color:var(--accent-ink);border-radius:99px;padding:17px 24px;font-size:15px;font-weight:800;letter-spacing:.04em;transition:background .2s,transform .2s}.door-submit:hover{background:#e6ff70}.door-submit:active{transform:scale(.98)}.door-ghost{width:100%;border:1px solid var(--line);color:var(--ink);border-radius:99px;padding:14px 24px;font-size:14px;font-weight:600;background:0 0}.door-ghost:hover{border-color:var(--ink)}.door-foot{margin:0;font-size:11px;letter-spacing:.1em;color:var(--ink-faint);text-align:center;line-height:1.9}.door-caption{margin:18px 0 0;text-align:center;font-family:var(--font-en);font-size:9px;letter-spacing:.28em;color:var(--ink-faint);text-transform:uppercase}.logged-avatar{margin-top:26px;width:56px;height:56px;border-radius:50%;background:var(--accent);color:var(--accent-ink);display:grid;place-items:center;font-size:24px;font-weight:900}.logged-actions{margin-top:30px;display:flex;flex-direction:column;gap:12px}body.in-login{overflow:hidden}@media (max-width:760px){.login-view{height:100dvh}.login-top{padding:16px 14px}.login-back{padding:9px 14px;font-size:12px}.door-frame{width:100%}.door-panel{padding:28px 20px 24px;border-radius:20px}.login-centre{padding:8px 10px calc(56px + env(safe-area-inset-bottom));min-height:auto;place-items:start center}.door-caption,.login-top-en{display:none}.field input{font-size:16px;padding:15px 14px}.code-row{gap:8px}.code-btn{padding:0 14px;font-size:13px;min-height:52px}.door-submit{padding:16px 20px}.hud-top-right .hud-login-btn{padding:8px 14px}}@media (max-width:380px){.code-btn{padding:0 10px;font-size:12px}.door-panel{padding:24px 16px 20px}}.only-m{display:none}@media (max-width:760px){.only-m{display:block}.headline{top:27%;width:92vw}.headline .kicker{margin-bottom:18px;font-size:10px}.headline h1{font-size:clamp(36px,11.5vw,44px);white-space:normal;line-height:1.28}.headline p{line-height:1.9;max-width:290px;font-size:13px;margin-top:18px}.headline .enter-hint{display:none}.entry[data-id=board],.entry[data-id=canvas],.entry[data-id=screen],.entry[data-id=script]{--w:calc(50vw - 18px)!important}.entry-card{padding:12px 12px 11px;border-radius:14px}.entry-visual{margin-bottom:10px}.entry-head{margin-bottom:8px}.entry-title{font-size:19px}.entry-en{font-size:8px;margin-top:3px}.entry-desc{display:none!important}.depth-tag{display:none}.v-script .role{font-size:8px;letter-spacing:.1em;white-space:nowrap;overflow:hidden;margin-bottom:5px}.hud-top{padding:16px 14px}.brand{gap:8px}.brand-mark{width:26px;height:26px;font-size:12px;border-radius:7px}.brand-name{font-size:14px}.brand-sub{display:none!important}.hud-top-right{gap:6px}.hud-top-right .live-dot,.hud-top-right .sep{display:none}.hud-cta-btn{display:inline-flex;align-items:center;padding:8px 13px;font-size:12px}.hud-top-right:has(.hud-user.is-show) .hud-cta-btn{display:none}.hud-user .u-out,.hud-user .u-phone{font-size:11px;padding:6px 10px}.v-script{min-height:62px;padding:9px 12px 8px}.v-script .ln{margin-bottom:5px;height:5px}.v-script .caret{height:10px}.v-board{min-height:62px;padding:8px;gap:5px}.v-canvas svg{height:62px}.v-canvas{min-height:62px}.v-screen{aspect-ratio:auto;height:62px}.v-screen .play{width:32px;height:32px}.v-screen .play span{height:10px}.coords,.depth-meter,.page-mark,.v-screen .live-badge{display:none}.hud-bottom{justify-content:center;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.hint span{padding:6px 11px}.hint span:nth-child(2),.hint span:nth-child(4){display:none}.focus-panel{bottom:70px;padding:18px 18px 16px}.hud-top-right .txt{display:none}.backwall{top:6%;height:40%}.hero-zone{height:210vh}.chapter{padding:20vh 20px 6vh}.board{height:400px;margin-top:40px}.node{padding:9px 12px 8px;border-radius:11px}.node .n-t{font-size:13px}.steps{margin-top:44px}.step{grid-template-columns:52px 1fr;padding:28px 2px}.step-num{font-size:26px}.caps{margin-top:40px}.cap-btn{padding:18px 2px}.cap-en{display:none}.cap-body-in{padding:2px 2px 24px 44px}.finale{padding-top:22vh}.site-foot{margin-top:16vh}}@media (max-width:760px) and (max-height:780px){.headline{top:24%}.entry-card{padding:10px 11px 9px}.entry-title{font-size:17px}.v-board,.v-canvas,.v-script{min-height:52px}.v-canvas svg,.v-screen{height:52px}}@media (prefers-reduced-motion:reduce){.dust i,.headline .enter-hint .dot,.live-dot{animation:none}.intro{animation-duration:.2s;animation-delay:.1s}.rv{opacity:1;transform:none;transition:none}.cap-body{transition:none}}