@import url("https://fonts.googleapis.com/css2?family=Karantina:wght@300;400;700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900&family=Zen+Old+Mincho:wght@400;700;900&family=Noto+Serif+JP:wght@200;400;700;900&display=swap");@font-face{font-family:Supera;src:url(/fonts/supera.regular.otf) format("opentype"),url(webpack:///mini-css-extract-plugin//_next/static/media/supera.regular.048c4b37.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SDGlitch;src:url(/fonts/sdglitchdemo.regular.ttf) format("truetype"),url(webpack:///mini-css-extract-plugin//_next/static/media/sdglitchdemo.regular.767ae327.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.about{position:relative;height:105vh;font-family:Poppins,sans-serif;color:#e8e0d6;background-color:#080808;background-image:repeating-linear-gradient(90deg,transparent 0 150px,rgba(255,255,255,.015) 150px 151px),repeating-linear-gradient(180deg,transparent 0 150px,rgba(255,255,255,.015) 150px 151px);overflow:hidden;z-index:10;contain:content}.about,.about *{margin:0;padding:0}.about *{box-sizing:border-box}.about-magazine{width:min(1600px,98vw);margin:auto;padding:32px 0 0;height:105vh;display:flex;flex-direction:column;--center-offset:-8px;position:relative;z-index:5}.about-header{width:100%;display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;flex-shrink:0;padding:0 20px}.about-header-left{display:flex;flex-direction:column;gap:20px}.about-header-left h1{font-family:Supera,Karantina,system-ui;font-size:clamp(80px,min(18vw,22vh),220px);line-height:.8em;padding:.2em 0;margin:-.15em 0 -.4em;transform:translateY(-.08em);position:relative;top:35px;display:inline-block;color:transparent;background:linear-gradient(180deg,#ffffff,rgba(255,255,255,.5));-webkit-background-clip:text;background-clip:text}.about-header-left .about-image-wrapper{display:flex;flex-direction:column;gap:15px;width:-moz-fit-content;width:fit-content;position:relative;top:35px}.about-header-left img{width:clamp(250px,min(45vw,40vh),600px);height:auto;object-fit:contain;filter:invert(1) brightness(.9);opacity:.7}.about-image-tagline{display:flex;flex-direction:column;gap:6px;padding-left:20px;margin-top:25px;position:relative;left:0;width:max-content;pointer-events:none;border-left:2px solid #ff3b3b;background:linear-gradient(90deg,rgba(255,59,59,.05),transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.about-image-tagline span{font-family:Karantina,system-ui;font-size:clamp(15px,1.25vw,19px);letter-spacing:.14em;text-transform:uppercase;line-height:1.15;font-weight:400;color:#ffffff;display:block;text-shadow:0 1px 4px rgba(0,0,0,.8)}.about-image-tagline span:before{content:">";font-family:monospace;font-size:.85em;margin-right:10px;color:#ff3b3b;font-weight:700}.about-author{text-align:right;display:flex;flex-direction:column;gap:10px;flex:1 1;max-width:600px;margin-top:30px}.about-author h3{font-family:SDGlitch,Karantina,system-ui;font-size:clamp(70px,min(15vw,20vh),150px);color:transparent;background:linear-gradient(180deg,#ff3b3b,#8b0000);-webkit-background-clip:text;background-clip:text;margin:-20px 10px;line-height:.8}.about-description{display:flex;flex-direction:column;gap:20px;position:relative;padding-right:30px;margin-top:20px}.about-accent-line{position:absolute;right:0;top:10px;bottom:10px;width:2px;background:linear-gradient(180deg,#ff3b3b,transparent);opacity:.8}.about-description p{font-family:Poppins,sans-serif;font-weight:300;color:rgba(255,255,255,.55);font-size:clamp(13px,1.2vw,16px);line-height:1.8;text-align:right;letter-spacing:.02em}.about-description strong{font-weight:600;color:#ffffff;text-shadow:0 0 15px rgba(255,255,255,.2)}.about-banner{position:relative;margin-top:-30px;flex:1 1;min-height:0;overflow:visible;width:100vw;margin-left:calc(-50vw + 50%)}.about-3d-canvas{position:absolute;left:0;right:0;margin-inline:auto;bottom:clamp(150px,30vh,250px);width:clamp(400px,min(60vw,60vh),800px);height:clamp(380px,min(48vw,55vh),650px);z-index:5;pointer-events:auto}.about-rock{inset:0;width:100%;pointer-events:none}.about-rock,.about-rock img:first-child{position:absolute;z-index:4;will-change:transform}.about-rock img:first-child{height:auto;width:clamp(500px,min(65vw,65vh),1000px);left:51%;transform:translateX(-50%);bottom:-25%;rotate:-10deg;transition:.7s ease;filter:brightness(.95)}.about-rock img:nth-child(2){width:clamp(500px,min(60vw,60vh),900px);left:-2%;bottom:-3%;rotate:40deg}.about-rock img:nth-child(2),.about-rock img:nth-child(3){position:absolute;transition:.7s ease;filter:brightness(.95);will-change:transform}.about-rock img:nth-child(3){height:auto;width:clamp(500px,min(60vw,65vh),1100px);right:-4%;bottom:-25%}.about-banner:hover .about-rock img:first-child{transform:translateX(-50%) translateY(10px)}.about-banner:hover .about-rock img:nth-child(2){transform:translateX(-20px) translateY(15px)}.about-banner:hover .about-rock img:nth-child(3){transform:translateX(20px) translateY(15px)}.about-atmosphere{inset:0;height:100%;z-index:1}.about-atmosphere,.about-mist{position:absolute;width:100%;pointer-events:none}.about-mist{bottom:0;left:0;height:40%;background:linear-gradient(0deg,#080808 0,transparent);z-index:6}.about-vignette{inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(8,8,8,.6) 100%);z-index:2}.about-glow,.about-vignette{position:absolute;pointer-events:none}.about-glow{left:50%;bottom:25%;transform:translateX(-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(255,60,60,.04) 0,transparent 65%);z-index:1;animation:glowPulse 5s ease-in-out infinite}@keyframes glowPulse{0%,to{opacity:.6;transform:translateX(-50%) scale(1)}50%{opacity:1;transform:translateX(-50%) scale(1.1)}}.about-sakura-container{position:absolute;inset:0;pointer-events:none;z-index:2;overflow:hidden}.about-sakura{position:absolute;top:-10%;background:linear-gradient(120deg,#ffc0cb,#ffb7c5 40%,#ff9eb5);border-radius:100% 0 100% 0;opacity:.4;will-change:transform,top,opacity;animation:aboutSakuraFall linear infinite}@keyframes aboutSakuraFall{0%{top:-10%;transform:translateX(0) rotate(0deg);opacity:0}10%{opacity:.5}to{top:110%;transform:translateX(calc(60px + 20vw)) rotate(2turn);opacity:0}}.about-kanji-watermark{position:absolute;right:0;top:15%;font-family:"Noto Serif JP",serif;font-size:clamp(150px,25vw,400px);font-weight:900;color:rgba(255,255,255,.07);writing-mode:vertical-rl;letter-spacing:.3em;z-index:1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;text-shadow:0 0 60px rgba(255,80,80,.05)}.about-info-strip{position:absolute;bottom:0;left:0;right:0;z-index:15;display:flex;justify-content:center;gap:clamp(20px,5vw,55px);padding:clamp(14px,2.5vh,32px) 20px;background:linear-gradient(0deg,rgba(8,8,8,.98) 0,rgba(8,8,8,.8) 50%,transparent);pointer-events:auto}.about-info-item{display:flex;flex-direction:column;align-items:center;gap:4px}.about-info-value{font-family:Karantina,system-ui;font-size:clamp(28px,min(5vw,7vh),54px);color:#ff3b3b;line-height:1;text-shadow:0 0 20px rgba(255,59,59,.35)}.about-info-label{font-family:Zen Old Mincho,serif;font-size:clamp(11px,1.1vw,13px);color:rgba(255,255,255,.65);letter-spacing:.22em;text-transform:uppercase}@media (min-width:2000px){.about-magazine{width:95vw;max-width:2400px}.about-header{padding:0 40px}.about-author{max-width:720px}.about-description p{font-size:17px;line-height:1.85}.about-kanji-watermark{position:absolute;writing-mode:horizontal-tb;top:15%;left:0;right:0;width:100%;max-width:100vw;margin:0 auto;transform:none;letter-spacing:normal;font-size:clamp(280px,18vw,440px);display:flex;justify-content:space-around;align-items:center;padding:0 4vw;box-sizing:border-box;white-space:nowrap;pointer-events:none}.about-kanji-watermark span{display:inline-block;text-align:center;line-height:1}}@media (max-width:1023px){.about-3d-canvas{width:clamp(200px,40vw,300px);height:clamp(240px,45vw,340px)}.about-header-left h1{font-size:clamp(60px,14vw,140px)}.about-author h3{font-size:clamp(50px,12vw,100px)}.about-header-left img{width:clamp(200px,35vw,400px)}}@media (max-width:767px){.about{height:auto;min-height:100vh;overflow:hidden}.about-magazine{height:auto;min-height:auto;padding:20px 0 0}.about-header{flex-direction:column;gap:16px;padding:0 16px}.about-header-left{gap:12px}.about-header-left h1{font-size:clamp(48px,16vw,90px);top:0;padding:0;margin:0;transform:none}.about-header-left .about-image-wrapper{top:0;gap:10px}.about-header-left img{width:clamp(180px,60vw,300px)}.about-image-tagline{padding-left:14px;margin-top:12px;width:auto;max-width:100%}.about-image-tagline span{font-size:clamp(11px,2.5vw,14px)}.about-author{width:100%;text-align:left;max-width:100%;margin-top:15px}.about-author h3{font-size:clamp(40px,14vw,80px);margin:0;text-align:left;line-height:.9}.about-description{padding-right:0;padding-left:0;margin-top:10px;gap:12px}.about-description p{text-align:left;font-size:clamp(12px,3.2vw,14px);line-height:1.7}.about-accent-line{display:none}.about-banner{margin-top:-30px;min-height:35vh}.about-3d-canvas{width:180px;height:200px;bottom:60px}.about-rock img:first-child{width:clamp(250px,55vw,400px);bottom:-20%}.about-rock img:nth-child(2){width:clamp(220px,45vw,350px);bottom:-5%}.about-rock img:nth-child(3){width:clamp(220px,45vw,400px);bottom:-20%}.about-info-strip{gap:16px;padding:16px 10px;flex-wrap:wrap;justify-content:center}.about-info-value{font-size:clamp(22px,7vw,36px)}.about-info-label{font-size:clamp(8px,2.2vw,11px)}.about-kanji-watermark{font-size:80px;top:10%;right:-5%;opacity:.5}.about-header-wordmark{font-size:50px;left:-10px}}@media (max-width:480px){.about-header-left h1{font-size:clamp(40px,18vw,70px);top:10px}.about-header-left img{width:clamp(150px,65vw,260px)}.about-author h3{font-size:clamp(34px,16vw,60px)}.about-description p{font-size:12px}.about-3d-canvas{width:150px;height:170px;bottom:50px}.about-rock img:first-child{width:clamp(200px,60vw,320px)}.about-rock img:nth-child(2){width:clamp(180px,50vw,280px)}.about-rock img:nth-child(3){width:clamp(180px,50vw,320px)}.about-kanji-watermark{font-size:60px;display:none}.about-header-wordmark{font-size:40px;left:-5px}.about-info-strip{gap:12px;padding:12px 8px}.about-image-tagline span{font-size:10px}}@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700;900&family=Cinzel+Decorative:wght@400;700;900&family=Karantina:wght@300;400;700&family=Montserrat:wght@300;400;700&family=Zen+Old+Mincho:wght@400;700;900&display=swap");.hero{position:-webkit-sticky;position:sticky;top:0;z-index:0;height:100vh;width:100vw;background-color:#000;align-items:center;justify-content:center}.hero,.hero-window{overflow:hidden;display:flex}.hero-window{position:relative;width:100%;height:100%;background:#000;z-index:5;flex-direction:column}.hero-bg-static{position:absolute;inset:0;background-image:url(/_next/static/media/hero-torii.4c20dce9.webp);background-size:cover;background-position:center 42%;margin-left:-1%;z-index:0;filter:brightness(1.25) contrast(1.05);transform:scaleX(1.1);will-change:transform;opacity:0;transition:opacity 1.8s cubic-bezier(.16,1,.3,1)}.hero.loaded .hero-bg-static{opacity:1}.hero-overlay-vignette{position:absolute;inset:0;background:radial-gradient(circle at center,transparent 20%,rgba(0,0,0,.4) 100%);z-index:2}.hero-vignette-bottom{position:absolute;bottom:0;left:0;right:0;height:40vh;background:linear-gradient(0deg,#000 0,transparent);z-index:12;pointer-events:none}.hero-content{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:20;margin-top:-8vh}.rising-sun{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:var(--rising-sun-size);height:var(--rising-sun-size);background:radial-gradient(circle,#b91d1d 0,#8b0000 100%);border-radius:50%;z-index:-1;opacity:.9;box-shadow:0 0 80px rgba(185,29,29,.4)}.hero-japanese-welcome{font-family:Zen Old Mincho,serif;font-size:28px;color:rgba(255,255,255,.9);margin-bottom:-15px;letter-spacing:.2em;opacity:0;transform:translateY(10px)}.hero-content.animate .hero-japanese-welcome{animation:fadeInDown .8s ease-out .2s forwards}.hero-title-main{font-family:Cinzel,serif;font-size:clamp(80px,18vw,240px);text-transform:uppercase;font-weight:900;letter-spacing:-.05em;line-height:.9;color:#fff;text-shadow:0 10px 40px rgba(0,0,0,.5);display:flex;gap:0}.hero-title-main span{opacity:0;transform:rotateX(-90deg) translateY(50px)}.hero-content.animate .hero-title-main span{animation:charReveal 1s cubic-bezier(.2,.8,.2,1) forwards}@keyframes charReveal{to{opacity:1;transform:rotateX(0) translateY(0)}}.hero-bottom-clouds{position:absolute;left:0;width:100%;z-index:15;pointer-events:none;display:flex;opacity:0;will-change:transform;transition:opacity 2s cubic-bezier(.16,1,.3,1)}.hero.loaded .hero-bottom-clouds{opacity:1}.c4-layer{bottom:-4%;height:15vh}.c3-layer{bottom:0;height:20vh;z-index:14}.c3-layer img{position:absolute;bottom:0;width:25%;height:100%;object-fit:contain}.c3-layer img:first-child{left:0;object-position:left bottom}.c3-layer img:last-child{right:0;object-position:right bottom}.hero-bottom-clouds img{width:50.5%;height:100%;object-fit:fill}.hero-bottom-clouds img:last-child{transform:scaleX(-1);margin-left:-1px}.hero-tree-branch{position:absolute;top:-5%;right:-5%;width:35%;max-width:450px;z-index:25;pointer-events:none;filter:contrast(1.2) brightness(.8);transform:translate(30px,-20px) rotate(-5deg);opacity:0;transition:opacity 2s cubic-bezier(.16,1,.3,1),transform 2s cubic-bezier(.16,1,.3,1)}.hero.loaded .hero-tree-branch{opacity:1;transform:translate(0) rotate(-5deg)}.sakura-container{position:absolute;inset:0;z-index:10;pointer-events:none;transform:translateZ(0);will-change:transform}.sakura{position:absolute;top:-10%;background:linear-gradient(135deg,#ff7eb3,#ff146e);box-shadow:0 0 8px rgba(255,20,110,.4);border-radius:100% 0 100% 0;opacity:1;animation:sakuraFall linear infinite}@keyframes sakuraFall{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:1}to{transform:translateY(110vh) rotate(2turn) translateX(200px);opacity:0}}.hero-footer{position:absolute;bottom:65px;left:50%;transform:translateX(-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px}.explore-text{font-family:Montserrat,sans-serif;text-transform:lowercase;font-size:14px;letter-spacing:.3em;color:#fff;opacity:.7}.explore-button{width:40px;height:40px;background:#ff3b3b;border-radius:50%;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;transition:transform .3s;box-shadow:0 4px 15px rgba(255,59,59,.4)}.explore-button:hover{transform:translateY(5px) scale(1.1)}.explore-button svg{width:20px;height:20px;fill:#fff}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.hero{padding:10px}.hero-window{border-radius:20px}.hero-nav{padding:20px 30px}.hero-nav-links{display:none}}@media (max-width:768px){.hero-title-main{font-size:clamp(45px,13vw,75px);letter-spacing:-.03em}.hero-japanese-welcome{font-size:20px;margin-bottom:-8px;letter-spacing:.15em}.hero-tree-branch{width:50%;right:-8%;top:-3%}.c3-layer img{width:40%}.hero-footer{bottom:45px}.hero-nav-logo img{height:32px}}@media (max-width:480px){.hero{padding:8px}.hero-window{border-radius:16px}.hero-title-main{font-size:clamp(34px,12vw,55px);letter-spacing:-.02em}.hero-japanese-welcome{font-size:16px;margin-bottom:-5px;letter-spacing:.1em}.hero-tree-branch{width:60%;right:-12%;top:-2%}.c3-layer img{width:45%}.explore-text{font-size:12px;letter-spacing:.25em}.explore-button{width:34px;height:34px}.explore-button svg{width:16px;height:16px}.hero-footer{bottom:35px}}@font-face{font-family:Trivox;src:url(/_next/static/media/trivox.demo.5a97a2c9.otf) format("opentype");font-weight:400;font-style:normal}.cyber-skills-section{position:relative;padding:60px 40px;background-color:#040810;color:#fff;overflow:hidden;font-family:var(--manrope)}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(/_next/static/media/gta_map.d326d9ea.webp),linear-gradient(rgba(0,242,255,.05) 1px,transparent 0),linear-gradient(90deg,rgba(0,242,255,.05) 1px,transparent 0);background-size:cover,100px 100px,100px 100px;background-position:50%;opacity:.4;pointer-events:none;z-index:1}.grid-overlay:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at center,transparent 0,#040810 90%);z-index:2}.cyber-skills-container{max-width:1440px;margin:0 auto;position:relative;z-index:3}.skills-header{display:flex;justify-content:space-between;margin-bottom:40px;padding:0 20px;position:relative}.spec-label{font-family:var(--spaceGrotesk);font-size:12px;letter-spacing:.3em;color:rgba(0,242,255,.6);display:block;margin-bottom:10px}.main-title{font-family:"Trivox",var(--plusJakartaSans);font-size:72px;font-weight:800;letter-spacing:-.02em;line-height:1;margin-top:30px}.subtitle-block{max-width:600px}.subtitle-jp{font-size:16px;margin-bottom:8px;color:rgba(255,255,255,.9)}.subtitle-en{font-size:14px;color:rgba(255,255,255,.5);font-weight:300}.edge-text-jp{position:absolute;font-family:"Noto Serif JP",serif;font-weight:900;letter-spacing:.5em;color:rgba(255,255,255,.12);text-transform:uppercase;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;z-index:1}.header-right-jp{right:-60px}.header-left-jp,.header-right-jp{top:50%;transform:translateY(-50%);writing-mode:vertical-rl;font-size:clamp(80px,12vw,120px)}.header-left-jp{left:-60px;text-align:left}.section-bottom-jp{bottom:-40px;left:160px;width:calc(100% - 320px);text-align:center;font-size:clamp(60px,8vw,100px);letter-spacing:1em;overflow:hidden}.skills-master-grid{display:grid;grid-template-columns:1.7fr 1fr;grid-template-rows:auto auto;grid-gap:30px;gap:30px;padding:20px}.quadrant{background:rgba(10,20,35,.45);border-radius:20px;padding:30px;border:1px solid rgba(0,242,255,.25);position:relative;box-shadow:0 40px 100px rgba(0,0,0,.5)}.q-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:30px}.q-title{font-family:var(--plusJakartaSans);font-size:24px;font-weight:700;margin-bottom:4px}.q-subtitle{font-family:var(--spaceGrotesk);font-size:10px;letter-spacing:.1em;color:rgba(255,255,255,.4)}.q-frontend{border-color:rgba(0,242,255,.3);box-shadow:inset 0 0 20px rgba(0,242,255,.05)}.q-interaction{border-color:rgba(188,19,254,.3);box-shadow:inset 0 0 20px rgba(188,19,254,.05)}.skill-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:15px;gap:15px}.skill-tile{background:rgba(255,255,255,.02);border-radius:12px;padding:20px 15px;display:flex;flex-direction:column;gap:8px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;cursor:default;will-change:transform,opacity}.skill-tile.accent-cyan{border-color:rgba(0,242,255,.2)}.skill-tile.accent-purple{border-color:rgba(188,19,254,.2)}.tile-icon{height:32px;width:auto;opacity:1;filter:drop-shadow(0 2px 5px rgba(0,0,0,.6));transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.skill-tile:hover{transform:translateY(-12px) scale(1.05);background:rgba(255,255,255,.12);z-index:10}.skill-tile:hover .tile-icon{transform:scale(1.15) rotate(5deg);opacity:1;filter:drop-shadow(0 0 12px currentColor)}.skill-tile.accent-cyan:hover{box-shadow:0 15px 40px rgba(0,242,255,.4);border-color:#00f2ff}.skill-tile.accent-purple:hover{box-shadow:0 15px 40px rgba(188,19,254,.4);border-color:#bc13fe}.tile-name{font-size:14px;font-weight:600}.immersion-bar{margin-bottom:30px}.bar-labels{display:flex;justify-content:space-between;font-size:10px;font-family:var(--spaceGrotesk);margin-bottom:8px;color:rgba(255,255,255,.6)}.bar-track{height:4px;background:rgba(255,255,255,.1);border-radius:2px;overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,#00f2ff,#bc13fe);box-shadow:0 0 10px rgba(0,242,255,.5)}.interaction-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-bottom:30px}.int-item{font-size:12px;color:rgba(255,255,255,.7);position:relative;padding-left:15px}.int-item:before{content:"•";position:absolute;left:0;color:#bc13fe}.tag-group{display:flex;gap:10px}.skill-tag{background:rgba(188,19,254,.1);padding:8px 15px;border-radius:6px;font-size:10px;font-family:var(--spaceGrotesk);letter-spacing:.1em;border:1px solid rgba(188,19,254,.2)}.tools-list{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.tool-row{display:flex;align-items:center;gap:15px;padding:12px 20px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid rgba(0,242,255,.1);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.tool-row:hover{transform:translateX(10px) scale(1.02);background:rgba(255,255,255,.1);box-shadow:0 10px 30px rgba(0,242,255,.3)}.tool-row .tile-top{display:flex;align-items:center;gap:10px;margin-bottom:0}.tool-type{font-size:10px;font-family:var(--spaceGrotesk);color:#00f2ff;min-width:40px}.tool-name{font-size:14px}.backend-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));grid-gap:15px;gap:15px}.be-tile{background:rgba(255,255,255,.03);padding:20px;border-radius:15px;border:1px solid rgba(0,242,255,.2);display:flex;flex-direction:column;gap:8px;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.be-tile:hover{transform:translateY(-12px) scale(1.05);background:rgba(255,255,255,.1);box-shadow:0 15px 40px rgba(0,242,255,.3)}.be-label{display:block;font-size:8px;font-family:var(--spaceGrotesk);color:rgba(255,255,255,.3)}.be-name{font-size:15px;font-weight:700}.system-footer{margin-top:60px;background:rgba(10,20,35,.6);padding:15px 30px;border-radius:100px;display:flex;justify-content:space-between;align-items:center;border:1px solid rgba(255,255,255,.05);margin-bottom:40px}.status-indicator{display:flex;align-items:center;gap:15px}.status-dot-pulse{width:8px;height:8px;background:#ffb74d;border-radius:50%;box-shadow:0 0 10px #ffb74d;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.5}to{transform:scale(1);opacity:1}}.status-text{letter-spacing:.1em;color:rgba(255,255,255,.6)}.status-text,.version-tag{font-family:var(--spaceGrotesk);font-size:11px}.version-tag{color:rgba(255,255,255,.3)}@media (max-width:1200px){.skills-master-grid{grid-template-columns:1fr;gap:25px}.header-left-jp,.header-right-jp{font-size:clamp(60px,8vw,80px)}}@media (max-width:1024px){.header-left-jp,.header-right-jp,.section-bottom-jp{display:none!important}}@media (max-width:768px){.cyber-skills-section{padding:40px 20px}.skills-header{margin-bottom:25px;padding:0 10px}.main-title{font-size:42px;margin-top:15px}.subtitle-jp{font-size:14px;line-height:1.4}.subtitle-en{font-size:12px}.skills-master-grid{padding:10px 0;gap:20px}.quadrant{padding:20px;border-radius:16px}.interaction-list{grid-template-columns:1fr;gap:10px;margin-bottom:20px}.tools-list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.backend-tile-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px}}@media (max-width:480px){.cyber-skills-section{padding:30px 12px}.skills-header{padding:0 5px}.main-title{font-size:32px;margin-top:10px}.subtitle-jp{font-size:13px}.subtitle-en{font-size:11px}.quadrant{padding:15px;border-radius:12px}.be-tile,.skill-tile{padding:15px 10px;gap:6px}.be-tile{border-radius:12px}.backend-tile-grid,.skill-tile-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:10px}.tool-row{padding:10px 12px;gap:10px}.tile-icon{height:28px}.be-name,.tile-name,.tool-name{font-size:12px}}.projects-section{position:relative;background:#050505;color:#fff;overflow-x:hidden;font-family:var(--manrope),sans-serif}.projects-bg-decor{position:absolute;inset:0;pointer-events:none;opacity:.05;z-index:0}.decor-kanji{position:absolute;top:10%;right:5%;font-size:20vw;font-family:Dela Gothic One,cursive;line-height:1;color:#fff;writing-mode:vertical-rl}.decor-wave{position:absolute;bottom:0;left:0;width:100%;height:300px;background:url(/_next/static/media/c2.c597d171.webp) repeat-x;background-size:contain;filter:grayscale(1) brightness(.5);opacity:.1}.main-carousel-view{height:100vh;display:flex;flex-direction:column;justify-content:flex-start;padding:60px 0;position:relative;z-index:5}.projects-container{display:flex;flex-direction:column;flex:1 1;width:100%;max-width:1200px;margin:0 auto;padding:0 40px;gap:40px}.projects-header-stylized{width:100%;padding-left:5vw;margin-bottom:30px;text-align:left}.jt-title{font-family:Dela Gothic One,cursive;font-size:3.5rem;letter-spacing:-2px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin:0}.jp-text{font-size:1.2rem;opacity:.5;letter-spacing:4px;margin-left:5px}.jt-line{width:120px;height:6px;background:#ff3e3e;margin-top:15px}.carousel-wrapper{position:relative;width:100%;height:min(720px,82vh);display:grid;place-items:center;perspective:1500px;margin-bottom:40px}.project-slide{grid-area:1/1;width:100%;max-width:900px;display:flex;justify-content:center}.manga-card{position:relative;background:#fff;padding:12px;transform:rotate(-1deg);box-shadow:20px 20px 0 rgba(0,0,0,1);border:4px solid #000}.card-inner{display:grid;grid-template-columns:1.2fr 1fr;background:#000;border:2px solid #000;height:510px}.project-image-box{position:relative;overflow:hidden;border-right:4px solid #000;height:100%}.project-image-box img{width:100%;height:100%;object-fit:contain;object-position:center;padding:15px;filter:contrast(1.1) brightness(.9)}.image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.4))}.corner-accent{position:absolute;width:40px;height:40px;border:4px solid #fff;z-index:5}.corner-accent.top-left{top:15px;left:15px;border-right:0;border-bottom:0}.corner-accent.bottom-right{bottom:15px;right:15px;border-left:0;border-top:0}.project-info-box{padding:30px 40px;display:flex;flex-direction:column;justify-content:center;text-align:left;background:#111;color:#fff;overflow:hidden}.info-header{margin-bottom:25px}.info-kanji{display:block;font-family:Dela Gothic One,cursive;color:#ff3e3e;font-size:1.2rem;margin-bottom:5px}.info-title{font-family:Plus Jakarta Sans,sans-serif;font-size:2.5rem;font-weight:800;margin:0;line-height:1}.info-category{font-family:var(--spaceGrotesk);font-size:.9rem;opacity:.6;margin-top:5px;letter-spacing:2px}.info-desc{font-family:var(--manrope);font-size:1rem;line-height:1.6;opacity:.8;margin-bottom:20px}.info-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:40px}.tech-tag-jp{padding:6px 14px;background:#222;border:1px solid #444;font-size:.75rem;font-weight:700;letter-spacing:1px}.info-actions{margin-top:auto}.view-btn-jp{width:100%;padding:18px;background:#fff;color:#000;border:none;font-family:Plus Jakarta Sans,sans-serif;font-weight:800;display:flex;flex-direction:column;align-items:center;transition:all .3s ease;position:relative;overflow:hidden}.view-btn-jp:hover{background:#ff3e3e;color:#fff;transform:translateY(-2px)}.btn-label{font-size:1rem}.btn-jp{font-size:.7rem;opacity:.7}.gta-loading-bar{position:absolute;bottom:0;left:0;width:100%;height:8px;background:rgba(255,255,255,.1);overflow:hidden}.loading-progress{height:100%;width:0}.carousel-nav{position:relative;width:100%;display:flex;justify-content:flex-end;gap:20px;margin-top:auto;padding-bottom:20px}.nav-btn{background:#000;border:2px solid #fff;color:#fff;padding:15px 25px;display:flex;align-items:center;gap:10px;font-family:var(--spaceGrotesk);font-weight:600;transition:all .3s ease}.nav-btn:hover{background:#fff;color:#000}.nav-btn .jp{font-size:.8rem;opacity:.6}.sakura-overlay{position:absolute;inset:0;pointer-events:none;z-index:10}.petal{position:absolute;width:15px;height:15px;background:#ffb7c5;border-radius:150% 0 150% 0;opacity:.6;animation:sakura-fall linear infinite}@keyframes sakura-fall{0%{transform:translateY(-10%) rotate(0deg);opacity:0}10%{opacity:.6}90%{opacity:.6}to{transform:translate(100vw,110vh) rotate(2turn);opacity:0}}.p1{left:10%;animation-duration:10s;animation-delay:0s}.p2{left:30%;animation-duration:12s;animation-delay:-2s}.p3{left:50%;animation-duration:15s;animation-delay:-5s}.p4{left:70%;animation-duration:11s;animation-delay:-3s}.p5{left:90%;animation-duration:14s;animation-delay:-1s}.system-overview-section{width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;margin-top:150px;padding-bottom:100px;overflow:hidden}.system-header{max-width:1200px;margin:0 auto 50px;padding:0 40px;text-align:left;border-left:10px solid #fff}.system-title{font-family:Space Grotesk,sans-serif;font-size:2.5rem;font-weight:800;margin:0;letter-spacing:2px}.system-subtitle{font-family:var(--spaceGrotesk);font-size:.9rem;opacity:.5;letter-spacing:5px}.marquee-wrapper{-webkit-mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(90deg,transparent,black 10%,black 90%,transparent)}.marquee-track{display:flex;gap:30px;padding:20px 0 50px;width:max-content;cursor:-webkit-grab;cursor:grab;touch-action:pan-y}.marquee-track:active{cursor:-webkit-grabbing;cursor:grabbing}.system-card{flex:0 0 320px;background:#111;border:4px solid #fff;padding:8px;transform:rotate(1deg);transition:transform .3s ease}.system-card:nth-child(2n){transform:rotate(-1deg)}.system-card:hover{transform:rotate(0deg) scale(1.02);z-index:5}.system-card-inner{background:#000;height:100%;display:flex;flex-direction:column;position:relative}.status-tag{position:absolute;top:15px;right:15px;padding:5px 12px;font-family:Space Grotesk,sans-serif;font-size:.7rem;font-weight:800;color:#000;z-index:10;letter-spacing:1px}.status-tag.live_system{background:#ff4d4d}.status-tag.encrypted{background:#50ffab}.status-tag.alpha_stage{background:#ff7b50}.status-tag.archived{background:#50c3ff}.status-tag.beta_test{background:#f0ff50}.system-card-image{width:100%;aspect-ratio:1/1;overflow:hidden;border-bottom:2px solid rgba(255,255,255,.1);background:#000}.system-card-image img{width:100%;height:100%;object-fit:cover}.system-card-content{padding:25px;text-align:left;display:flex;flex-direction:column;flex:1 1}.system-card-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-style:italic;font-weight:900;margin:0 0 15px;letter-spacing:-1px;color:#fff}.system-card-desc{font-family:var(--manrope);font-size:.85rem;line-height:1.5;opacity:.95;height:4.5em;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:25px;color:#fff}.system-view-btn{margin-top:auto;width:100%;padding:15px;background:#fff;color:#000;border:none;font-family:Space Grotesk,sans-serif;font-weight:800;font-size:.9rem;cursor:pointer;transition:all .3s ease}.system-view-btn:hover{background:#ff3e3e;color:#fff}@media (max-width:1024px){.main-carousel-view{height:auto;min-height:100vh;padding:40px 0}.carousel-wrapper{height:auto;min-height:600px;margin-bottom:20px}.project-slide{height:auto}.card-inner{grid-template-columns:1fr;height:auto}.project-image-box{border-right:0;border-bottom:4px solid #000;height:280px}.project-info-box{padding:25px 30px;overflow:visible}.jt-title{font-size:2.5rem}.decor-kanji{display:none}}@media (max-width:768px){.projects-container{padding:0 20px;gap:20px}.projects-header-stylized{padding-left:20px;margin-bottom:20px}.jt-title{flex-direction:column;gap:5px;font-size:2.2rem}.jp-text{font-size:1rem;margin-left:0}.info-title{font-size:1.8rem}.carousel-nav{justify-content:center;margin-top:20px;padding-bottom:0}.nav-btn{padding:12px 20px;font-size:.9rem}.system-overview-section{margin-top:80px;padding-bottom:60px}.system-header{margin-bottom:30px;padding:0 20px;border-left:6px solid #fff}.system-title{font-size:1.8rem}.system-subtitle{font-size:.8rem;letter-spacing:3px}}@media (max-width:480px){.projects-container{padding:0 12px}.projects-header-stylized{padding-left:12px}.jt-title{font-size:1.8rem}.jt-line{width:80px;height:4px;margin-top:10px}.manga-card{padding:8px;box-shadow:10px 10px 0 rgba(0,0,0,1)}.project-image-box{height:200px}.corner-accent{width:25px;height:25px}.project-info-box{padding:20px 15px}.info-kanji{font-size:.95rem}.info-title{font-size:1.4rem}.info-desc{font-size:.85rem;line-height:1.5;margin-bottom:15px}.view-btn-jp{padding:12px}.btn-label{font-size:.85rem}.btn-jp{font-size:.65rem}.system-card{flex:0 0 270px;border-width:3px}.system-card-image{height:160px}.system-card-content{padding:15px}.system-card-title{font-size:1.2rem}.system-card-desc{font-size:.78rem;margin-bottom:15px}.system-diagnostics{margin-bottom:20px;padding-top:10px}.diag-value{font-size:.68rem}}@import url("https://fonts.googleapis.com/css2?family=Bangers&family=Noto+Serif:ital@0;1&display=swap");:root{--ink:#0a0a0a;--paper:#f5f2e8;--paper-dark:#ede9d6;--cover-color:#111;--cover-red:#8b0000;--gold:#c9a84c;--spine-w:28px;--edge-w:16px;--page-radius:3px;--book-width:clamp(420px,46vw,600px);--book-aspect:600/850}.manga-book-section{background:url(/_next/static/media/manga_section_bg.9e41fe5b.webp);background-size:100% 100%;background-position:50%;background-repeat:no-repeat;min-height:100vh;padding:50px 24px 60px;display:flex;flex-direction:column;align-items:center;gap:32px;overflow:hidden;position:relative}.manga-book-section:before{content:"";position:absolute;top:-20%;left:50%;transform:translateX(-50%);width:500px;height:600px;background:radial-gradient(ellipse,rgba(201,168,76,.05) 0,transparent 70%);pointer-events:none;z-index:0}.manga-section-heading{text-align:center;color:#fff;display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;z-index:1}.manga-section-vol{font-size:.8rem;color:var(--gold);text-transform:uppercase;opacity:.85}.manga-section-title,.manga-section-vol{font-family:Bangers,cursive;letter-spacing:8px}.manga-section-title{font-size:clamp(2.5rem,6vw,4.5rem);margin:0;line-height:1;color:#fff;-webkit-text-stroke:2px rgba(255,255,255,.12);text-shadow:0 0 60px rgba(201,168,76,.2),4px 4px 0 rgba(0,0,0,.6)}.manga-section-title:after{content:"";display:block;width:40%;height:2px;background:linear-gradient(90deg,transparent,var(--gold),transparent);margin:8px auto 0}.manga-section-sub{font-family:"Noto Serif",serif;font-style:italic;font-size:.9rem;color:rgba(255,255,255,.35);margin:0;letter-spacing:2px}.book-stage{display:flex;flex-direction:column;align-items:center;gap:0;perspective:1800px;perspective-origin:50% 45%;width:100%;max-width:1100px}.manga-book-3d{position:relative;width:var(--book-width);aspect-ratio:var(--book-aspect);height:auto;transform-style:preserve-3d;transform:rotateX(6deg) rotateY(-16deg);transition:transform .5s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.manga-book-3d:hover{transform:rotateX(3deg) rotateY(-10deg) translateY(-10px) scale(1.03)}.book-front-cover{position:absolute;inset:0;background:#0a0a0a;border-radius:0 5px 5px 0;overflow:hidden;transform-style:preserve-3d;transform-origin:left center;transform:translateZ(14px);-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:3px 3px 16px rgba(0,0,0,.5);transition:transform 1s cubic-bezier(.645,.045,.355,1);z-index:10}.cover-inner-frame{inset:10px;border:1.5px solid rgba(201,168,76,.3);z-index:12;border-radius:2px}.cover-inner-frame,.cover-red-band{position:absolute;pointer-events:none}.cover-red-band{left:0;right:0;height:8px;z-index:11}.cover-red-band.top{top:0;background:linear-gradient(90deg,var(--cover-red),#6b0000)}.cover-red-band.bottom{bottom:0;background:linear-gradient(90deg,#6b0000,var(--cover-red))}.cover-spine-accent{position:absolute;top:0;bottom:0;left:0;width:3px;background:linear-gradient(180deg,var(--cover-red),#2a0a0a 30%,#2a0a0a 70%,var(--cover-red));z-index:12}.cover-gloss{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 40%,transparent 60%,rgba(255,255,255,.03));z-index:13;pointer-events:none}.closed-cover-img{width:100%;height:100%;object-fit:cover;display:block;filter:contrast(1.1) brightness(.95)}.closed-cover-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.7),transparent 30%,transparent 60%,rgba(0,0,0,.6));display:flex;flex-direction:column;justify-content:space-between;padding:36px 18px 20px;z-index:14}.cover-title-badge{display:flex;flex-direction:column;gap:4px}.cover-vol{font-size:.75rem;letter-spacing:5px;color:var(--gold);text-shadow:0 0 10px rgba(201,168,76,.5)}.cover-title,.cover-vol{font-family:Bangers,cursive}.cover-title{font-size:clamp(2rem,5vw,3.5rem);color:#fff;line-height:.92;margin:0;text-shadow:2px 2px 0 rgba(0,0,0,.9),0 0 30px rgba(0,0,0,.8);-webkit-text-stroke:1px rgba(255,255,255,.2)}.cover-sub{font-family:"Noto Serif",serif;font-style:italic;font-size:.8rem;color:rgba(255,255,255,.5);letter-spacing:1px}.manga-custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;height:35px;width:auto;padding:0 18px;border-radius:19px;background:rgba(8,8,8,.6);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(201,168,76,.3);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px rgba(139,0,0,.3),inset 0 0 10px rgba(0,0,0,.6);transform-origin:center center;transition:opacity .2s,scale .2s cubic-bezier(.2,.8,.2,1);white-space:nowrap}.manga-custom-cursor span{font-family:Bangers,cursive;font-size:.7rem;letter-spacing:.04rem;color:var(--paper);text-shadow:0 2px 8px rgba(0,0,0,.9);padding-left:3px}.hide-native-cursor{cursor:none!important}.book-spine-3d{position:absolute;top:0;bottom:0;left:0;width:28px;background:linear-gradient(90deg,#1a1a1a,#2e2e2e 40%,#222 80%,#111);transform-origin:left center;transform:rotateY(-90deg) translateX(-28px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;z-index:5}.spine-red-band{position:absolute;left:0;right:0;height:8px;background:var(--cover-red)}.spine-red-band.top{top:0}.spine-red-band.bottom{bottom:0}.spine-text-3d{font-family:Bangers,cursive;font-size:.5rem;letter-spacing:4px;color:var(--gold);writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;text-transform:uppercase;opacity:.8}.spine-text-3d.vol{font-size:.4rem;opacity:.5}.book-pages-block{position:absolute;top:3px;bottom:3px;right:-12px;width:12px;background:linear-gradient(90deg,#d8d4c4,#e8e4d8 30%,#f0ece2 60%,#ddd8cc);border-radius:0 2px 2px 0;box-shadow:2px 0 6px rgba(0,0,0,.35);overflow:hidden}.pages-lines{width:100%;height:100%;background:repeating-linear-gradient(180deg,#bbb 0,#bbb 1px,transparent 0,transparent 4px);opacity:.5}.book-top-edge{top:-6px;background:linear-gradient(180deg,#e0dcd0,#ccc8bc);transform-origin:bottom center;transform:rotateX(90deg);border-radius:2px 2px 0 0}.book-bottom-edge,.book-top-edge{position:absolute;left:0;right:-12px;height:6px}.book-bottom-edge{bottom:-6px;background:linear-gradient(0deg,#d0ccc0,#c8c4b8);transform-origin:top center;transform:rotateX(-90deg);border-radius:0 0 2px 2px}.book-back-cover{position:absolute;inset:0;background:linear-gradient(135deg,#1a1a1a,#0e0e0e);border-radius:0 5px 5px 0;transform:translateZ(-1px);z-index:1}.manga-book-3d.is-opening{pointer-events:none;animation:bookOpen3D 1.2s cubic-bezier(.22,.61,.36,1) forwards}.manga-book-3d.is-opening .book-front-cover{animation:coverFlipOpen 1.2s cubic-bezier(.22,.61,.36,1) forwards;box-shadow:-8px 4px 30px rgba(0,0,0,.6)}@keyframes bookOpen3D{0%{transform:rotateX(6deg) rotateY(-16deg);opacity:1}40%{transform:rotateX(4deg) rotateY(-8deg) scale(1.02);opacity:1}80%{transform:rotateX(2deg) rotateY(-2deg) scale(1);opacity:.8}to{transform:rotateX(0deg) rotateY(0deg) scale(.9);opacity:0}}@keyframes coverFlipOpen{0%{transform:translateZ(14px) rotateY(0deg);box-shadow:-2px 0 10px rgba(0,0,0,.3)}30%{transform:translateZ(14px) rotateY(-40deg);box-shadow:-12px 4px 30px rgba(0,0,0,.5)}60%{transform:translateZ(14px) rotateY(-120deg);box-shadow:-20px 6px 40px rgba(0,0,0,.4)}to{transform:translateZ(14px) rotateY(-170deg);box-shadow:-4px 2px 10px rgba(0,0,0,.2)}}.open-book-spread{display:flex;align-items:stretch;transform:rotateX(3deg) rotateY(-1deg);transform-style:preserve-3d;filter:drop-shadow(0 30px 60px rgba(0,0,0,.85));transform-origin:center center;animation:spreadOpen .6s cubic-bezier(.22,.61,.36,1) forwards}.open-book-spread.is-closing{animation:spreadClose .9s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes spreadOpen{0%{opacity:0;transform:rotateX(6deg) rotateY(-10deg) scale(.75) perspective(1200px)}40%{opacity:.7;transform:rotateX(4deg) rotateY(-4deg) scale(.9)}to{opacity:1;transform:rotateX(3deg) rotateY(-1deg) scale(1)}}@keyframes spreadClose{0%{opacity:1;transform:rotateX(3deg) rotateY(-1deg) scale(1)}30%{opacity:1;transform:rotateX(4deg) rotateY(-6deg) scale(.95)}70%{opacity:.6;transform:rotateX(6deg) rotateY(-14deg) scale(.75)}to{opacity:0;transform:rotateX(8deg) rotateY(-20deg) scale(.55)}}.book-edge{width:var(--edge-w);flex-shrink:0;position:relative;overflow:hidden}.book-edge-left{background:linear-gradient(90deg,#ccc,#ddd 2px,#bbb 3px,#d0cfc6 5px,#e8e5d8);border:2px solid var(--cover-color);border-right:none;border-radius:var(--page-radius) 0 0 var(--page-radius)}.book-edge-pages{position:absolute;top:0;right:0;width:12px;height:100%;background:repeating-linear-gradient(180deg,#ccc 0,#ccc 1px,#e0ddd2 0,#e0ddd2 4px);opacity:.5}.book-edge-right{border:2px solid var(--cover-color);border-left:none;border-radius:0 var(--page-radius) var(--page-radius) 0;background:var(--cover-color)}.book-edge-cover{width:100%;height:100%;background:linear-gradient(180deg,#1a1a1a 0,var(--cover-red) 8%,var(--cover-red) 92%,#1a1a1a 100%)}.book-page{position:relative;flex:1 1;width:var(--book-width);aspect-ratio:var(--book-aspect);height:auto;background:var(--paper);overflow:hidden;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);display:flex;flex-direction:column}.book-page-left{border-right:none}.book-page-right{border-left:none}.book-page-inner{position:relative;flex:1 1;overflow:hidden}.book-page-img{width:100%;height:100%;object-fit:contain;display:block;object-position:center;filter:contrast(1.08) brightness(1.02);background:var(--paper)}.book-page-num{font-family:"Noto Serif",serif;font-size:.6rem;color:rgba(0,0,0,.35);padding:2px 10px;line-height:1.2;background:var(--paper);position:relative;z-index:5;border-bottom:1px solid rgba(0,0,0,.08);text-align:left}.book-page-num.right{text-align:right}.book-chapter-label{font-family:Bangers,cursive;letter-spacing:3px;font-size:.6rem;color:rgba(0,0,0,.4);padding:2px 10px;border-top:1px solid rgba(0,0,0,.08);line-height:1.2;background:var(--paper-dark)}.book-chapter-label.right{text-align:right}.spine-shadow{position:absolute;top:0;bottom:0;width:60px;pointer-events:none;z-index:8}.spine-shadow-right{right:0;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1))}.spine-shadow-left{left:0;background:linear-gradient(270deg,transparent,rgba(0,0,0,.1))}.book-spine{width:var(--spine-w);flex-shrink:0;background:linear-gradient(90deg,#111,#2a2a2a 20%,#3a3a3a 50%,#2a2a2a 80%,#111);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;z-index:10;position:relative;border-top:2px solid #111;border-bottom:2px solid #111}.spine-line{width:1px;flex:1 1;max-height:60px;background:rgba(255,255,255,.1)}.spine-title{font-family:Bangers,cursive;font-size:.55rem;letter-spacing:3px;color:rgba(255,255,255,.25);writing-mode:vertical-rl;-webkit-text-orientation:mixed;text-orientation:mixed;text-transform:uppercase}.book-shadow{width:70%;height:30px;background:radial-gradient(ellipse at 50% 0,rgba(0,0,0,.6) 0,transparent 70%);margin:-4px auto 0;transform:scaleY(.35) rotateX(-85deg);transition:all .5s ease}.book-shadow.closed{width:40%;margin-top:24px}.book-shadow.opening{width:50%;opacity:.4}.layer-behind{position:absolute;inset:0;z-index:0}.layer-front{position:relative;z-index:1}.flip-card{position:absolute;inset:0;z-index:20;transform-style:preserve-3d;pointer-events:none;will-change:transform}.flip-from-right{transform-origin:left center;animation:flipRight .85s ease both}.flip-from-left{transform-origin:right center;animation:flipLeft .85s ease both}.flip-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}.flip-face-front{z-index:2}.flip-face-back{transform:rotateY(180deg);z-index:2}.mirrored{transform:scaleX(-1)}.flip-face-front:after{background:linear-gradient(90deg,rgba(0,0,0,0) 10%,rgba(0,0,0,.4));animation:curlShadow .85s ease both}.flip-face-back:after,.flip-face-front:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:3}.flip-face-back:after{background:linear-gradient(270deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.15))}@keyframes flipRight{0%{transform:rotateY(0deg) scale(1)}15%{transform:rotateY(-25deg) scale(1.02)}50%{transform:rotateY(-95deg) scale(1.04)}85%{transform:rotateY(-160deg) scale(1.01)}to{transform:rotateY(-180deg) scale(1)}}@keyframes flipLeft{0%{transform:rotateY(0deg) scale(1)}15%{transform:rotateY(25deg) scale(1.02)}50%{transform:rotateY(95deg) scale(1.04)}85%{transform:rotateY(160deg) scale(1.01)}to{transform:rotateY(180deg) scale(1)}}@keyframes curlShadow{0%{opacity:0}20%{opacity:.8}50%{opacity:1}80%{opacity:.6}to{opacity:0}}@keyframes flagFloat{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-4px) rotate(0deg)}}@keyframes bounceArrow{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.book-nav{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:1100px;padding:14px 20px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);border-top:none;border-radius:0 0 6px 6px}.book-nav-btn{font-family:Bangers,cursive;font-size:1.1rem;letter-spacing:2px;padding:8px 24px;border:none;cursor:pointer;transition:opacity .2s,transform .2s;text-transform:uppercase}.book-nav-btn:disabled{opacity:.2;cursor:not-allowed}.book-btn-prev{background:rgba(255,255,255,.9);color:var(--ink);-webkit-clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);clip-path:polygon(8% 0,100% 0,100% 100%,0 100%)}.book-btn-prev:not(:disabled):hover{transform:translateX(-3px);opacity:.85}.book-btn-next{background:var(--ink);color:#f5f2e8;-webkit-clip-path:polygon(0 0,92% 0,100% 100%,0 100%);clip-path:polygon(0 0,92% 0,100% 100%,0 100%)}.book-btn-next:not(:disabled):hover{transform:translateX(3px);opacity:.85}.book-btn-close{background:transparent;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.15);padding:6px 16px;font-size:.9rem;transition:color .2s,border-color .2s,background .2s}.book-btn-close:not(:disabled):hover{color:#fff;border-color:rgba(255,255,255,.5);background:rgba(255,255,255,.06)}.book-spread-dots{display:flex;gap:10px}.spread-dot{width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.2);cursor:pointer;transition:background .3s,transform .3s}.spread-dot.active{background:#fff;transform:scale(1.4)}@media (max-width:900px){:root{--book-width:clamp(280px,82vw,420px);--book-aspect:600/850}.manga-book-section{padding:30px 16px 40px;gap:20px;min-height:auto;background-size:cover}.manga-book-3d{transform:rotateX(4deg) rotateY(-10deg)}.book-edge,.book-spine,.spine-shadow{display:none}.mobile-manga-viewport{width:100%;max-width:clamp(280px,85vw,420px);margin:0 auto;position:relative;z-index:10;perspective:1200px;animation:mobileSpreadOpen .6s cubic-bezier(.22,.61,.36,1) forwards}.mobile-manga-viewport.is-closing{animation:mobileSpreadClose .6s cubic-bezier(.55,.06,.68,.19) forwards}@keyframes mobileSpreadOpen{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes mobileSpreadClose{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.8) translateY(20px)}}.mobile-manga-page{background:var(--paper);border:3.5px solid var(--ink);border-radius:8px;box-shadow:0 20px 45px rgba(0,0,0,.7),inset 0 0 20px rgba(0,0,0,.05);overflow:hidden;display:flex;flex-direction:column;position:relative}.mobile-page-header{background:var(--paper-dark);border-bottom:2.5px solid var(--ink);display:flex;justify-content:space-between;align-items:center;padding:10px 16px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mobile-page-label{font-family:Bangers,cursive;font-size:.95rem;letter-spacing:2px;color:var(--ink);opacity:.8}.mobile-page-num{font-family:"Noto Serif",serif;font-style:italic;font-size:.8rem;color:rgba(0,0,0,.6);font-weight:600}.mobile-page-body{position:relative;width:100%;aspect-ratio:600/850;background:var(--paper);overflow:hidden}.mobile-page-slide{width:100%;height:100%;display:flex;align-items:center;justify-content:center;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none;cursor:-webkit-grab;cursor:grab}.mobile-page-slide:active{cursor:-webkit-grabbing;cursor:grabbing}.mobile-page-img{width:100%;height:100%;object-fit:contain;display:block;filter:contrast(1.08) brightness(1.02);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.mobile-nav{display:grid!important;grid-template-columns:auto 1fr auto!important;grid-template-rows:auto auto!important;grid-gap:12px 8px!important;gap:12px 8px!important;width:100%!important;max-width:clamp(280px,85vw,420px)!important;padding:16px!important;background:rgba(10,10,10,.9)!important;-webkit-backdrop-filter:blur(12px)!important;backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.1)!important;border-radius:12px!important;margin:20px auto 0!important;box-shadow:0 10px 30px rgba(0,0,0,.5)!important}.mobile-nav .book-btn-close{grid-column:1/-1!important;justify-self:center!important;width:100%!important;max-width:180px!important;background:rgba(255,255,255,.06)!important;border:1.5px solid rgba(255,255,255,.2)!important;color:#fff!important;border-radius:6px!important;font-size:.85rem!important;padding:6px 12px!important;transition:all .2s ease!important}.mobile-nav .book-btn-close:active{background:rgba(255,255,255,.15)!important;transform:scale(.97)!important}.mobile-nav .book-btn-prev{grid-column:1!important;justify-self:start!important;background:var(--paper)!important;color:var(--ink)!important;-webkit-clip-path:none!important;clip-path:none!important;border-radius:6px!important;font-size:.9rem!important;padding:8px 16px!important;box-shadow:0 4px 10px rgba(0,0,0,.3)!important}.mobile-nav .book-btn-prev:not(:disabled):active{transform:scale(.95)!important}.mobile-nav .book-btn-next{grid-column:3!important;justify-self:end!important;background:var(--gold)!important;color:var(--ink)!important;-webkit-clip-path:none!important;clip-path:none!important;border-radius:6px!important;font-size:.9rem!important;padding:8px 16px!important;box-shadow:0 4px 10px rgba(201,168,76,.3)!important}.mobile-nav .book-btn-next:not(:disabled):active{transform:scale(.95)!important}.mobile-nav .book-spread-dots{grid-column:2!important;align-self:center!important;justify-self:center!important;display:flex!important;gap:8px!important}.mobile-nav .spread-dot{width:8px!important;height:8px!important;border-radius:50%!important;background:rgba(255,255,255,.3)!important;cursor:pointer!important}.mobile-nav .spread-dot.active{background:var(--gold)!important;transform:scale(1.3)!important}}