@import "https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;600;800&family=DM+Sans:wght@300;400;500&family=Montserrat:wght@200;400;500;700;900&display=swap";
@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css";
@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--green:#4bacb5;--green-light:#4bacb514;--green-border:#4bacb540;--blue:#4bacb5;--blue-light:#4bacb514;--blue-border:#4bacb540;--accent:#4bacb5;--accent-light:#4bacb514;--accent-border:#4bacb540;--neon:#ecf33d;--neon-soft:#ecf33d2e;--ink:#1a1f1c;--muted:#a3b5ab;--line:#c8d6ce;--menu-bg:#5a5a5a;--surface:#f4f5f7;--mono:"Space Mono", monospace;--display:"Syne", sans-serif;--body:"Pretendard", "Noto Sans", "DM Sans", sans-serif;--cyber:"Space Mono", monospace;--montserrat:"Montserrat", sans-serif;--text:#1a1f1c;--text-mid:#4a5560;--text-dim:#8a96a0;--bg:#f4f5f7;--panel-border:#00000014;--panel-bg:#ffffffb3;--fs-xs:clamp(9px, .75vw, 11px);--fs-sm:clamp(11px, .9vw, 13px);--fs-md:clamp(13px, 1.1vw, 15px);--fs-lg:clamp(15px, 1.3vw, 18px);--fs-xl:clamp(20px, 2vw, 28px);--fs-2xl:clamp(28px, 3.5vw, 48px)}html,body{width:100%;height:100%;font-family:var(--body);background:var(--bg);color:var(--text);overflow:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0aaa4626;border-radius:2px}.root{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.root:before{content:"";pointer-events:none;background:0 0;position:absolute;inset:0}.content-wrap{z-index:10;flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.page-body{flex:1;min-height:0;overflow-y:auto}.page-inner{max-width:800px;padding:clamp(24px,3vw,48px) clamp(24px,4vw,56px)}.page-tag{font-family:var(--mono);font-size:var(--fs-xs);color:var(--blue);letter-spacing:.15em;margin-bottom:clamp(16px,2vh,28px)}.story-mode{--green:#0fc;--green-light:#00ffcc12;--green-border:#0fc3;--blue:#0fc;--blue-light:#00ffcc12;--blue-border:#0fc3;--accent:#0fc;--accent-light:#00ffcc12;--accent-border:#0fc3;--neon:#0fc;--ink:#e8eaf2;--line:#00ffcc26;--surface:#080b14;--text:#e8eaf2;--text-mid:#9ba3c4;--text-dim:#555e80;--bg:#080b14;--panel-border:#ffffff0f}.story-mode .root:before{background:radial-gradient(60% 50%,#00ffcc0a 0%,#0000 70%)}.story-mode .topbar{background:#080b14f2!important;border-bottom:1px solid #00ffcc1a!important}.story-mode .my-panel{background:#080b16fa!important;border-left:1px solid #00ffcc1a!important}.story-mode .my-panel-hd{background:#0a0e1cf2!important}.story-mode .my-section{--local-card-bg:#0c1020cc}@keyframes g-body{0%,to{filter:none;transform:translate(0)skew(0deg)}8%{filter:brightness(1.1);transform:translate(-3px)skew(-.5deg)}9%{transform:translate(3px)skew(.5deg)}20%{filter:none;transform:translate(0)}55%{filter:brightness(.95)contrast(1.1);transform:translate(-2px,1px)skew(-1deg)}56%{transform:translate(2px,-1px)skew(1deg)}57%{filter:none;transform:translate(0)}80%{filter:brightness(1.05);transform:translate(-1px)}81%{transform:translate(1px)}82%{filter:none;transform:translate(0)}}@keyframes g-layer-r{0%,to{clip-path:inset(100% 0 0);opacity:0;transform:translate(0)}5%{clip-path:inset(60% 0 30%);opacity:1;transform:translate(6px)}6%{clip-path:inset(20% 0 65%);transform:translate(-6px)}7%{clip-path:inset(80% 0 5%);transform:translate(4px)}8%{clip-path:inset(100% 0 0);opacity:0}52%{clip-path:inset(40% 0 45%);opacity:1;transform:translate(8px)}53%{clip-path:inset(10% 0 80%);transform:translate(-4px)}54%{clip-path:inset(70% 0 20%);transform:translate(6px)}55%{clip-path:inset(100% 0 0);opacity:0}78%{clip-path:inset(30% 0 55%);opacity:1;transform:translate(5px)}79%{clip-path:inset(100% 0 0);opacity:0}}@keyframes g-layer-b{0%,to{clip-path:inset(100% 0 0);opacity:0;transform:translate(0)}5%{clip-path:inset(30% 0 55%);opacity:1;transform:translate(-6px)}6%{clip-path:inset(75% 0 10%);transform:translate(5px)}7%{clip-path:inset(50% 0 35%);transform:translate(-3px)}8%{clip-path:inset(100% 0 0);opacity:0}52%{clip-path:inset(15% 0 70%);opacity:1;transform:translate(-8px)}53%{clip-path:inset(60% 0 25%);transform:translate(5px)}54%{clip-path:inset(85% 0 5%);transform:translate(-4px)}55%{clip-path:inset(100% 0 0);opacity:0}78%{clip-path:inset(55% 0 30%);opacity:1;transform:translate(-5px)}79%{clip-path:inset(100% 0 0);opacity:0}}@keyframes g-noise{0%,to{clip-path:inset(100% 0 0);opacity:0}10%{clip-path:inset(45% 0 48%);opacity:1;transform:translateY(2px)scaleX(1.01)}11%{clip-path:inset(100% 0 0);opacity:0}58%{clip-path:inset(22% 0 70%);opacity:1;transform:translate(3px)scaleX(.99)}59%{clip-path:inset(100% 0 0);opacity:0}85%{clip-path:inset(68% 0 25%);opacity:1;transform:translate(-2px,1px)}86%{clip-path:inset(100% 0 0);opacity:0}}@keyframes g-scan{0%{opacity:0;transform:translateY(-4px)}5%{opacity:1}95%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes g-flicker{0%,to{opacity:1}6%{opacity:.4}7%{opacity:1}53%{opacity:.6}54%{opacity:1}79%{opacity:0}80%{opacity:1}}.glitching{animation:.9s step-end forwards g-body;overflow:hidden}.glitch-overlay{z-index:9999;pointer-events:none;position:fixed;inset:0;overflow:hidden}.g-layer-r{background:inherit;mix-blend-mode:screen;background-color:#ff143c14;animation:.9s step-end forwards g-layer-r;position:absolute;inset:0}.g-layer-b{mix-blend-mode:screen;background-color:#00c8ff14;animation:.9s step-end forwards g-layer-b;position:absolute;inset:0}.g-layer-n{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffcc0a 2px 4px);animation:.9s step-end forwards g-noise;position:absolute;inset:0}.g-scanline{background:#00ffcc80;height:2px;animation:.9s linear forwards g-scan;position:absolute;left:0;right:0;box-shadow:0 0 8px #0fc9}.g-flicker{background:#00ffcc08;animation:.9s step-end forwards g-flicker;position:absolute;inset:0}.glitching-btn{animation:.9s step-end forwards g-body}@keyframes elem-glitch{0%,to{text-shadow:none;filter:none;transform:none}8%{text-shadow:-3px 0 #ff1450b3,3px 0 #00c8ffb3;filter:brightness(1.3);transform:translate(3px)skew(-.8deg)}9%{text-shadow:3px 0 #ff1450b3,-3px 0 #00c8ffb3;transform:translate(-3px)skew(.8deg)}10%{text-shadow:-1px 0 #ff145066;filter:brightness(1.1);transform:translate(1px)}11%{text-shadow:none;filter:none;transform:none}54%{text-shadow:4px 0 #ff145099,-2px 0 #00c8ff99;filter:brightness(1.2)contrast(1.1);transform:translate(-4px,1px)skew(1deg)}55%{text-shadow:-4px 0 #ff145099,2px 0 #00c8ff99;transform:translate(4px,-1px)skew(-1deg)}56%{text-shadow:1px 0 #00c8ff4d;transform:translate(-1px)}57%{text-shadow:none;filter:none;transform:none}80%{text-shadow:-2px 0 #ff145080,1px 0 #00c8ff80;transform:translate(2px)}81%{text-shadow:none;transform:none}}.elem-glitch{animation:.9s step-end forwards elem-glitch}@keyframes nav-glitch{0%,to{transform:none}8%{transform:translate(2px)}9%{transform:translate(-2px,1px)}10%{transform:none}54%{transform:translate(-1px)}55%{transform:translate(1px)}56%{transform:none}}.nav-glitch{animation:.9s step-end forwards nav-glitch}@keyframes cb-glitch{0%,to{border-color:#0055ff2e;transform:none}8%{border-color:#ff145066;transform:translate(4px,-1px)}9%{border-color:#00c8ff66;transform:translate(-4px,1px)}10%{border-color:#0055ff2e;transform:translate(1px)}11%{transform:none}54%{border-color:#00c8ff4d;transform:translate(-3px)}55%{border-color:#ff14504d;transform:translate(3px)}56%{border-color:#0055ff2e;transform:none}}.cb-glitch{animation:.9s step-end forwards cb-glitch}@keyframes title-glitch{0%,to{text-shadow:none;filter:none;transform:none}7%{text-shadow:-5px 0 #ff1450cc,3px 0 #00c8ffcc;filter:brightness(1.4);transform:translate(5px)skew(-1deg)}8%{text-shadow:5px 0 #ff1450cc,-3px 0 #00c8ffcc;transform:translate(-5px)skew(1deg)}9%{text-shadow:-2px 0 #ff145066;transform:translate(2px,-1px)}10%{text-shadow:none;filter:none;transform:none}53%{text-shadow:6px 0 #ff1450b3,-3px 0 #00c8ffb3;filter:brightness(1.3);transform:translate(-6px,1px)skew(1.5deg)}54%{text-shadow:-6px 0 #ff1450b3,3px 0 #00c8ffb3;transform:translate(6px,-1px)skew(-1.5deg)}55%{text-shadow:none;transform:translate(-2px)}56%{filter:none;transform:none}80%{text-shadow:-3px 0 #ff145080,2px 0 #00c8ff80;transform:translate(3px)}81%{text-shadow:none;transform:none}}.title-glitch{animation:.9s step-end forwards title-glitch}@keyframes orbitCW{0%{transform:rotateX(70deg)rotate(0)}to{transform:rotateX(70deg)rotate(360deg)}}@keyframes orbitCCW{0%{transform:rotateX(70deg)rotate(0)}to{transform:rotateX(70deg)rotate(-360deg)}}@keyframes orbitTilt{0%{transform:rotateX(50deg)rotateY(0)rotate(0)}to{transform:rotateX(50deg)rotateY(360deg)rotate(360deg)}}@keyframes orbitFlat{0%{transform:rotateX(85deg)rotate(0)}to{transform:rotateX(85deg)rotate(360deg)}}@keyframes corePulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.12)}}@keyframes coreCharge{0%,to{transform:scale(1)}50%{transform:scale(1.22)}}@keyframes coreSuccess{0%{transform:scale(1)}40%{transform:scale(1.4)}70%{transform:scale(.92)}to{transform:scale(1.08)}}@keyframes coreFail{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}@keyframes emFadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes dotOrbit{0%{transform:rotate(0)translate(52px)rotate(0)}to{transform:rotate(360deg)translate(52px)rotate(-360deg)}}@keyframes dotOrbitR{0%{transform:rotate(0)translate(38px)rotate(0)}to{transform:rotate(-360deg)translate(38px)rotate(360deg)}}@keyframes emQtyPop{0%{opacity:.5;transform:scale(1.5)}60%{transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes kh-cursor-blink{0%,to{opacity:1}50%{opacity:0}}.em-ring-1{animation:3.2s linear infinite orbitCW}.em-ring-2{animation:2.4s linear infinite orbitCCW}.em-ring-3{animation:4.8s linear infinite orbitTilt}.em-ring-4{animation:1.9s linear infinite orbitFlat}.em-charging .em-ring-1{animation-duration:.9s}.em-charging .em-ring-2{animation-duration:.7s}.em-charging .em-ring-3{animation-duration:1.4s}.em-charging .em-ring-4{animation-duration:.55s}.em-result-ok .em-ring-1{animation-duration:6s}.em-result-ok .em-ring-2{animation-duration:8s}.em-result-ok .em-ring-3{animation-duration:10s}.em-result-ok .em-ring-4{animation-duration:5s}.em-result-fail .em-ring-1,.em-result-fail .em-ring-2,.em-result-fail .em-ring-3,.em-result-fail .em-ring-4{animation-play-state:paused}.em-core-idle{animation:2.4s ease-in-out infinite corePulse}.em-core-charging{animation:.5s ease-in-out infinite coreCharge}.em-core-success{animation:.55s cubic-bezier(.34,1.56,.64,1) forwards coreSuccess}.em-core-fail{animation:.35s 2 coreFail}.em-scanline{animation:2.2s linear infinite scanline}.em-charging .em-scanline{animation-duration:.8s}.em-result-anim{animation:.35s forwards emFadeUp}.em-dot-a{animation:3.2s linear infinite dotOrbit}.em-dot-b{animation:2.1s linear infinite dotOrbitR}.em-charging .em-dot-a{animation-duration:.85s}.em-charging .em-dot-b{animation-duration:.6s}.em-qty-pop{animation:.35s cubic-bezier(.34,1.56,.64,1) emQtyPop}.kh-volume-slider{appearance:none;background:#ffffff4d;border-radius:2px;outline:none;height:2px}.kh-volume-slider::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#ffffffe6;border-radius:50%;width:8px;height:8px}.kh-volume-slider::-moz-range-thumb{cursor:pointer;background:#ffffffe6;border:none;border-radius:50%;width:8px;height:8px}.font-cyber{font-family:var(--cyber)}.font-sans{font-family:var(--body)}.font-montserrat{font-family:var(--montserrat)}::selection{background-color:var(--neon);color:var(--ink)}::selection{background-color:var(--neon);color:var(--ink)}.node-box{background:#fff;border:1px solid #000;position:relative}.line-connector{background-color:#000;position:absolute}@keyframes kh-spin-cw{to{transform:rotate(360deg)}}@keyframes kh-spin-ccw{to{transform:rotate(-360deg)}}.nt-layer-outer{transform-origin:500px 500px;animation:120s linear infinite kh-spin-cw}.nt-layer-middle{transform-origin:500px 500px;animation:90s linear infinite kh-spin-ccw}.nt-layer-inner{transform-origin:500px 500px;animation:60s linear infinite kh-spin-cw}.nt-wheel-wrapper{z-index:30;pointer-events:none;width:110vh;min-width:800px;height:110vh;min-height:800px;position:absolute;bottom:0;left:50%;transform:translate(-50%,68%)}.nt-wheel-item{transform-origin:0 0;z-index:40;width:38%;height:0;position:absolute;top:50%;left:50%}.nt-wheel-connector{background-color:var(--line);transform-origin:100%;z-index:10;width:250px;height:1.5px;transition:background-color .5s;position:absolute;top:0;right:20px}.nt-wheel-item.active .nt-wheel-connector{background-color:var(--neon)}.nt-wheel-dot{border:1.5px solid var(--line);cursor:pointer;pointer-events:auto;z-index:20;background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .5s cubic-bezier(.25,1,.5,1);position:absolute;top:0;right:0;transform:translate(50%,-50%)}.nt-wheel-item.active .nt-wheel-dot{background-color:var(--neon);border-color:var(--neon);transform:translate(50%,-50%)scale(1.3)}.nt-display-area{z-index:50;pointer-events:none;width:90vw;max-width:760px;position:absolute;top:clamp(24px,5vh,56px);left:50%;transform:translate(-50%)}.nt-content-panel{opacity:0;visibility:hidden;pointer-events:none;width:100%;transition:opacity .2s;position:absolute;top:0;left:0}.nt-content-panel.active{visibility:visible;pointer-events:auto;animation:.6s cubic-bezier(.2,.8,.2,1) .4s both kh-text-wipe}@keyframes kh-text-wipe{0%{clip-path:inset(0 100% 0 0);opacity:0;filter:blur(4px)}to{clip-path:inset(0);opacity:1;filter:blur()}}.nt-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid var(--line);text-align:left;color:var(--ink);background:#ffffffe6;border-radius:1rem;flex-direction:column;gap:1.1rem;padding:2.5rem;font-size:1.05rem;font-weight:500;line-height:1.7;display:flex;box-shadow:0 10px 30px #0000000d}.story-mode .nt-card{color:var(--text);background:#0c1020d9}.wd-folder-scene{perspective:1200px;cursor:pointer;width:256px;height:330px;transform-style:preserve-3d;z-index:10;position:relative}.wd-folder-base{background-color:var(--neon);z-index:10;border-radius:12px;position:absolute;inset:0;box-shadow:0 10px 25px #00000026}.wd-folder-mover{transform-style:preserve-3d;z-index:20;transition:transform .4s cubic-bezier(.25,1,.5,1) .6s;position:absolute;inset:10px 16px}.wd-folder-rotator{transform-style:preserve-3d;transform-origin:50%;transition:transform .6s cubic-bezier(.34,1.56,.64,1);position:absolute;inset:0}.wd-folder-cover{background-color:var(--neon);transform-origin:0;z-index:30;color:var(--ink);border-radius:12px;flex-direction:column;justify-content:space-between;padding:24px;transition:transform .4s cubic-bezier(.25,1,.5,1) .6s;display:flex;position:absolute;inset:0}.wd-folder-scene:hover:not(.is-open) .wd-folder-cover{transition-delay:0s;transform:rotateY(-25deg)}.wd-folder-scene:hover:not(.is-open) .wd-folder-mover{transition-delay:0s;transform:translate(40px,-5px)rotate(2deg)}.wd-folder-scene.is-open .wd-folder-cover{transition-delay:0s;transform:rotateY(-15deg)}.wd-folder-scene.is-open .wd-folder-mover{z-index:100;transition-delay:0s;transform:translate3d(160px,-10px,150px)}.wd-folder-scene.is-open .wd-folder-rotator{transition-delay:.4s;transform:translate3d(-90px,-20px,100px)scale(1.15)rotateY(-180deg)}.wd-folder-face{backface-visibility:hidden;background-color:#fff;border-radius:8px;position:absolute;inset:0;overflow:hidden;box-shadow:0 4px 15px #0000000d}.wd-folder-back{box-sizing:border-box;color:var(--ink);padding:24px;font-size:12px;line-height:1.7;display:block;overflow-y:auto;transform:rotateY(180deg)}.sy-stage{--sz:clamp(4px, min(.7vw, 1vh), 7px);width:100%;font-size:var(--sz);background:#fff;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.story-mode .sy-stage{background:var(--bg,#0c1020)}.sy-vert{perspective:1200px;width:20em;height:12em;margin:0 auto;position:relative}.sy-drag{--dvar:0;--xvar:0;cursor:grab;height:100%;transform-style:preserve-3d;transform:rotateX(calc(-5deg + var(--xvar) * 1deg)) rotateY(calc(var(--dvar) * 1deg));margin:auto;position:absolute;inset:0}.sy-drag:active{cursor:grabbing}.sy-rect{width:40em;height:25em;transform-style:preserve-3d;cursor:pointer;margin:-12.5em auto auto -20em;position:absolute;inset:0}.sy-face{box-sizing:border-box;backface-visibility:hidden;border:2px solid #0003;border-radius:1em;flex-direction:column;justify-content:space-between;padding:1.5em;display:flex;position:absolute;inset:0}.sy-face-num{text-align:right;font-family:var(--cyber);color:#fff;font-size:1.4em;font-weight:900}.sy-face-title{text-align:center;color:#000;background:#ffffffd1;border-radius:.4em;padding:.4em 0;font-size:1.6em;font-weight:900}.sy-face-foot{text-align:left;color:#fff;letter-spacing:.05em;font-size:.85em;font-weight:700}.ds-wrapper{perspective:2800px;perspective-origin:50%;width:100%;min-height:0;transform-style:preserve-3d;background-color:#d1d5db;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.story-mode .ds-wrapper{background-color:#11151f}.ds-desk{width:250vw;height:250vh;transform-style:preserve-3d;background-color:#f8f9fa;background-image:linear-gradient(#4bacb526 2px,#0000 2px),linear-gradient(90deg,#4bacb526 2px,#0000 2px);background-size:240px 240px;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.94)rotateX(34deg)rotate(-12deg);box-shadow:inset 0 0 300px #00000014}.story-mode .ds-desk{background-color:#1a2030}.ds-board{transform-style:preserve-3d;background-color:var(--accent);z-index:10;border:2px solid #32838a;border-radius:16px;width:1080px;max-width:88vw;height:clamp(440px,64vh,640px);padding:1.25rem;display:flex;position:relative;transform:translateZ(6px);box-shadow:0 20px 40px #0000004d}.ds-tabs{gap:12px;display:flex;position:absolute;top:-56px;left:56px}.ds-tab{width:132px;height:56px;font-family:var(--cyber);cursor:pointer;color:#0009;background:#d4db36;border:1px solid #0003;border-radius:8px 8px 0 0;font-size:22px;font-weight:700;transition:all .2s}.ds-tab.active{background:var(--neon);color:#000;transform:translateY(-8px)}.ds-nav{cursor:pointer;background:#fff;border:1px solid #000;width:48px;height:120px;font-size:22px;font-weight:700;transition:background .15s;position:absolute;top:50%;transform:translateY(-50%)}.ds-nav:hover{background:var(--neon)}.ds-nav-left{border-right:none;border-radius:12px 0 0 12px;left:-48px}.ds-nav-right{border-left:none;border-radius:0 12px 12px 0;right:-48px}.ds-paper{background:#fff;border:2px solid #000;border-radius:12px;flex:1;gap:clamp(12px,2vw,32px);width:100%;padding:clamp(12px,1.5vw,24px);display:flex;overflow:hidden;box-shadow:inset 0 2px 12px #00000014}.ds-col{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:clamp(8px,1vw,16px);width:50%;display:grid}.ds-divider{background:#d1d5db;border-right:1px dashed #9ca3af;width:1px}.ds-slot{cursor:pointer;background:#e5e7eb;border:2px solid #9ca3af;border-radius:10px;flex-direction:column;justify-content:space-between;padding:8px;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 2px 6px #00000014}.ds-slot.filled:hover{border-color:var(--accent);transform:translateY(-2px)}.ds-slot.empty{cursor:default;opacity:.5}.ds-slot-img{background:#9ca3af;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.ds-slot-img img{object-fit:cover;width:100%;height:100%}.ds-slot-img-ph{font-family:var(--cyber);color:#ffffff80;font-size:11px;font-weight:700}.ds-slot-name{text-align:center;color:#1a1f1c;margin-top:8px;font-size:13px;font-weight:900}.ds-slot-pos{text-align:center;font-family:var(--mono);margin-top:2px;font-size:8px}.page-curtain{background-color:var(--neon);z-index:100;pointer-events:none;position:absolute;inset:0;transform:translate(-100%)}.story-mode .page-curtain{background-color:var(--accent)}