:root{--bg-dark-void:#090103;--bg-card-dark:rgba(18,2,6,.88);--bg-card-hover:rgba(30,4,11,.96);--bg-glass-motto:rgba(22,2,7,.82);--crimson-blood:#dc2626;--crimson-glow:#ef4444;--crimson-deep:#7f1d1d;--crimson-shadow:rgba(220,38,38,.45);--gold-imperial:#d4af37;--gold-chakra:#f59e0b;--gold-bright:#fbbf24;--gold-light:#fef08a;--gold-shadow:rgba(245,158,11,.4);--gold-metallic:linear-gradient(135deg,#f59e0b,#fffbeb 40%,#b45309 75%,#d97706);--gold-fire:linear-gradient(135deg,#fbbf24,#dc2626 50%,#991b1b);--cyan-accent:#06b6d4;--green-online:#10b981;--text-pure:#fff;--text-main:#f8fafc;--text-muted:#cbd5e1;--text-dim:#94a3b8;--text-gold:#fde047;--font-thai:"Kanit",sans-serif;--font-cinzel:"Cinzel",serif;--font-orbitron:"Orbitron",sans-serif;--font-jp:"Noto Sans JP",sans-serif;--font-code:"JetBrains Mono",monospace;--smooth:all 0.28s cubic-bezier(0.16,1,0.3,1)}body,html{cursor:auto!important}#bgm-volume-slider,.ai-chat-action-btn,.ai-fab-button,.bgm-ctrl-btn,.bgm-toggle-btn,.btn,.card-thumb-wrap,.drawer-link,.filter-tab,.floater-pill-btn,.lang-btn,.mini-close-btn,.modal-close-trigger,.nav-ai-btn,.nav-link,.sfx-toggle-btn,.social-circle-btn,.starter-prompt-btn,.terminal-action-btn,.view-doc-btn,[role=button],a,button,input,select,textarea{cursor:pointer!important}.cursor-loading,.cursor-loading *,.is-loading,.is-loading *,body.is-loading,body.is-loading *{cursor:wait!important}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:110px}body.anime-naruto-theme{background-color:var(--bg-dark-void);color:var(--text-main);font-family:var(--font-thai);font-size:16px;line-height:1.68;overflow-x:hidden;position:relative;min-height:100vh}.bg-wallpaper-desktop{background-image:url(/images/upscaled_upscaled_BlackgroundSep28_2026_png-1791799557-1791799558.png);opacity:.88}.bg-wallpaper-desktop,.bg-wallpaper-mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;background-size:cover;background-position:top;background-repeat:no-repeat;z-index:-3}.bg-wallpaper-mobile{display:none;background-image:url(/images/upscaled_ImageSep28_2026_09_06_51AM-1791799574-1791799575.png);opacity:.92}@media (max-width:900px) or (orientation:portrait){.bg-wallpaper-desktop{display:none}.bg-wallpaper-mobile{display:block}}.bg-overlay-veil{background:radial-gradient(circle at center,rgba(12,1,4,.45) 0,rgba(8,1,3,.82) 80%);z-index:-2}#sakura-canvas,.bg-overlay-veil{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none}#sakura-canvas{z-index:1}.gold-foil-text{background:var(--gold-metallic);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:800;filter:drop-shadow(0 0 15px rgba(245,158,11,.4))}.highlight-red{color:var(--crimson-glow);font-weight:700;text-shadow:0 0 10px var(--crimson-shadow)}.highlight-gold{color:var(--gold-bright);font-weight:700;text-shadow:0 0 10px var(--gold-shadow)}.site-header{position:fixed;top:0;left:0;right:0;height:74px;background:rgba(10,1,3,.94);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:2px solid var(--crimson-blood);box-shadow:0 4px 30px rgba(0,0,0,.9),0 0 20px rgba(220,38,38,.4);z-index:100;transition:var(--smooth)}.nav-container{max-width:100%;height:100%;margin:0 auto;padding:0 28px 0 16px;display:flex;align-items:center;justify-content:space-between;gap:16px}.lang-switch-box{display:inline-flex;align-items:center;background:rgba(18,2,6,.95);border:1px solid var(--crimson-blood);border-radius:20px;padding:2px;box-shadow:0 0 12px rgba(220,38,38,.4)}.lang-btn{background:transparent;border:none;color:var(--text-dim);font-family:var(--font-orbitron);font-size:.72rem;font-weight:800;padding:4px 10px;border-radius:14px;cursor:pointer;transition:var(--smooth);letter-spacing:.5px}.lang-btn:hover{color:#fff}.lang-btn.active{background:var(--crimson-blood);color:#fff;box-shadow:0 0 10px rgba(239,68,68,.9)}.brand-logo{gap:10px;text-decoration:none;margin-left:-4px}.brand-logo,.logo-box{display:flex;align-items:center}.logo-box{position:relative;width:48px;height:48px;justify-content:center;background:transparent;border:none;box-shadow:none}.brand-avatar{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.7));transition:transform .25s ease}.brand-avatar:hover{transform:scale(1.08)}.chakra-flame{display:none}.brand-title{font-family:var(--font-orbitron);font-size:1.25rem;font-weight:900;letter-spacing:2px;color:#fff;line-height:1.1}.brand-sub{font-size:.78rem;color:var(--gold-light);letter-spacing:.8px;white-space:nowrap;line-height:1.2}.jp-badge{display:none}.nav-menu{display:flex;gap:6px}.nav-link,.nav-menu{align-items:center;flex-shrink:0}.nav-link{color:#cbd5e1;text-decoration:none;font-size:.84rem;font-weight:700;padding:7px 11px;border-radius:6px;display:inline-flex;gap:7px;transition:all .2s cubic-bezier(.16,1,.3,1);border:1px solid transparent;position:relative}.nav-link,.nav-link span{white-space:nowrap!important}.nav-link span{display:inline-block}.nav-link i{color:var(--gold-bright);font-size:.84rem;flex-shrink:0;transition:transform .2s ease}.nav-link:hover{color:#fff;background:rgba(220,38,38,.35);border-color:var(--gold-bright);box-shadow:0 0 16px rgba(220,38,38,.45);transform:translateY(-1px)}.nav-link:hover i{transform:scale(1.15);color:#fff;text-shadow:0 0 8px var(--gold-bright)}.header-actions{gap:10px}.header-actions,.sfx-toggle-btn{display:flex;align-items:center;flex-shrink:0}.sfx-toggle-btn{background:hsla(0,0%,100%,.08);border:1px solid var(--gold-imperial);color:var(--gold-light);width:36px;height:36px;border-radius:50%;cursor:pointer;justify-content:center;transition:var(--smooth)}.sfx-toggle-btn:hover{background:rgba(220,38,38,.4);transform:scale(1.1)}.social-circle-btn{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.5);border:1px solid var(--gold-imperial);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:var(--smooth);flex-shrink:0}.social-circle-btn:hover{background:var(--crimson-blood);box-shadow:0 0 12px var(--gold-bright);transform:translateY(-2px)}.social-circle-btn.discord:hover{background:#5865f2}.mobile-toggle-btn{display:none;background:rgba(20,2,7,.95);border:1.5px solid var(--crimson-blood);color:var(--gold-bright);width:42px;height:42px;border-radius:8px;font-size:1.2rem;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);box-shadow:0 0 12px rgba(0,0,0,.8);align-items:center;justify-content:center;flex-shrink:0}.mobile-toggle-btn.active,.mobile-toggle-btn:hover{background:rgba(220,38,38,.45);border-color:var(--gold-bright);color:#fff;box-shadow:0 0 16px rgba(220,38,38,.65);transform:scale(1.05)}.mobile-dropdown-menu{position:absolute;top:100%;left:0;right:0;width:100%;background:rgba(10,1,3,.98);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-bottom:2px solid var(--crimson-blood);box-shadow:0 25px 50px rgba(0,0,0,.96),0 0 30px rgba(220,38,38,.45);max-height:calc(100vh - 62px);overflow-y:auto;overscroll-behavior:contain;transform:translateY(-115%);opacity:0;pointer-events:none;transition:transform .32s cubic-bezier(.16,1,.3,1),opacity .22s ease;z-index:99}.mobile-dropdown-menu.open{transform:translateY(0);opacity:1;pointer-events:auto}.nav-dropdown-backdrop{position:fixed;top:62px;left:0;right:0;bottom:0;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:98;opacity:0;pointer-events:none;transition:opacity .28s ease}.nav-dropdown-backdrop.open{opacity:1;pointer-events:auto}.dropdown-inner-container{max-width:680px;margin:0 auto;padding:16px 20px 24px;display:flex;flex-direction:column;gap:14px}.dropdown-ai-row{width:100%}.dropdown-ai-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(135deg,rgba(220,38,38,.95),rgba(136,19,19,.98));border:1.5px solid var(--gold-bright);border-radius:8px;color:#fff;font-family:var(--font-orbitron);font-size:.92rem;font-weight:800;cursor:pointer;box-shadow:0 4px 20px rgba(220,38,38,.6),inset 0 0 12px hsla(0,0%,100%,.15);transition:transform .2s ease,box-shadow .2s ease}.dropdown-ai-btn:active,.dropdown-ai-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(239,68,68,.85);border-color:#fff}.d-ai-left{display:flex;align-items:center;gap:10px}.d-ai-left i{font-size:1.15rem;color:#fff;filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.d-ai-badge{background:rgba(16,185,129,.25);border:1px solid #10b981;color:#a7f3d0;font-family:var(--font-code);font-size:.68rem;font-weight:700;padding:3px 8px;border-radius:12px}.dropdown-links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}@media (max-width:480px){.dropdown-links-grid{grid-template-columns:1fr;gap:8px}}.dropdown-nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(22,2,8,.85);border:1px solid rgba(212,175,55,.25);border-radius:6px;color:#f1f5f9;text-decoration:none;font-size:.9rem;font-weight:700;transition:all .2s ease}.dropdown-nav-item i{color:var(--gold-bright);font-size:1rem;width:20px;text-align:center;flex-shrink:0}.dropdown-nav-item.full-width{grid-column:1/-1}.dropdown-nav-item:active,.dropdown-nav-item:hover{background:rgba(220,38,38,.35);border-color:var(--gold-bright);color:#fff;box-shadow:0 4px 16px rgba(220,38,38,.5);transform:translateX(4px)}.dropdown-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding-top:14px;border-top:1px dashed rgba(212,175,55,.25);margin-top:2px}.dropdown-social-group{display:flex;align-items:center;gap:10px}.dropdown-circle-btn{width:38px;height:38px;border-radius:50%;background:rgba(22,2,7,.9);border:1px solid var(--gold-imperial);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .2s ease}.dropdown-circle-btn:hover{background:var(--crimson-blood);border-color:var(--gold-bright);box-shadow:0 0 12px var(--gold-bright);transform:scale(1.1)}.dropdown-circle-btn.discord:hover{background:#5865f2}.dropdown-circle-btn.shop:hover{background:var(--gold-fire)}.dropdown-motto-tag{font-family:var(--font-orbitron);font-size:.72rem;color:var(--gold-light);letter-spacing:1px;font-weight:800}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 28px;font-family:var(--font-thai);font-size:.98rem;font-weight:700;text-decoration:none;border-radius:4px;cursor:pointer;transition:var(--smooth);position:relative;overflow:hidden;border:1px solid transparent;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.btn-crimson-battle{background:linear-gradient(135deg,#991b1b,#dc2626 50%,#7f1d1d);color:#fff;border:1px solid #ef4444;box-shadow:0 4px 22px rgba(220,38,38,.6)}.btn-crimson-battle:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px rgba(239,68,68,.8);border-color:#fff}.btn-dark-ninja{background:rgba(18,2,7,.92);color:#fff;border:1px solid var(--crimson-blood);box-shadow:0 4px 18px rgba(0,0,0,.7)}.btn-dark-ninja:hover{background:rgba(220,38,38,.35);border-color:#ef4444;box-shadow:0 8px 25px rgba(220,38,38,.5);transform:translateY(-3px)}.btn-dark-glass{background:rgba(14,1,4,.85);color:var(--text-muted);border:1px solid hsla(0,0%,100%,.15)}.btn-dark-glass:hover{background:rgba(220,38,38,.25);border-color:var(--crimson-glow);color:#fff;transform:translateY(-3px)}.crimson-text-bold{color:#fff;font-weight:900;text-shadow:0 0 14px rgba(239,68,68,.9),0 0 30px rgba(185,28,28,.6)}.crimson-glow-text{color:#fff;font-weight:800;text-shadow:0 0 12px var(--crimson-glow)}.section-crimson-line{width:180px;height:3px;background:linear-gradient(90deg,transparent,#ef4444,#dc2626,transparent);margin:12px auto 0;box-shadow:0 0 10px rgba(239,68,68,.6)}.scroll-card{position:relative;background:rgba(14,1,5,.94);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(220,38,38,.35);border-radius:6px;box-shadow:0 12px 36px rgba(0,0,0,.85),inset 0 0 20px rgba(220,38,38,.1);transition:var(--smooth);overflow:hidden;clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,12px 100%,0 calc(100% - 12px))}.scroll-card:hover{border-color:var(--crimson-glow);box-shadow:0 16px 45px rgba(0,0,0,.9),0 0 28px rgba(220,38,38,.4);transform:translateY(-4px)}.scroll-frame{padding:32px;position:relative;z-index:2}.frame-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-orbitron);font-size:.75rem;letter-spacing:1.5px;color:var(--gold-bright);background:rgba(220,38,38,.2);padding:4px 12px;border-radius:20px}.naruto-motto-scroll{background:linear-gradient(135deg,rgba(28,2,7,.96),rgba(69,10,10,.92));border:2px solid var(--crimson-blood);border-radius:8px;padding:16px 24px;box-shadow:0 12px 35px rgba(0,0,0,.85),0 0 25px rgba(220,38,38,.5);margin-bottom:26px;overflow:hidden}.naruto-motto-scroll:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--gold-bright)}.scroll-body{justify-content:space-between;width:100%;gap:16px;flex-wrap:wrap}.scroll-kanji-stamp{font-family:var(--font-jp);background:#000;color:var(--crimson-glow);border:1px solid var(--crimson-blood);padding:4px 10px;border-radius:4px;font-size:.95rem;font-weight:900;letter-spacing:2px;box-shadow:0 0 10px rgba(220,38,38,.5)}.scroll-kanji-stamp.red{background:var(--crimson-deep);color:#fff;border-color:#ef4444}.motto-text-wrap{display:flex;flex-direction:column;gap:2px;flex:1}.motto-jp-calligraphy{font-family:var(--font-jp);font-size:.88rem;color:var(--gold-light);letter-spacing:2px;opacity:.9}.motto-quote{font-size:clamp(1.35rem,2.5vw,1.85rem);font-weight:800;letter-spacing:.5px;text-shadow:0 0 16px rgba(239,68,68,.85);line-height:1.25}.hero-section{padding-top:108px;padding-bottom:75px;position:relative;z-index:2;scroll-margin-top:80px}.hero-container{max-width:1360px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px}.ninja-rank-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(18,2,7,.9);border:1px solid var(--gold-bright);padding:6px 16px;border-radius:30px;box-shadow:0 0 18px rgba(220,38,38,.4);margin-bottom:20px}.kanji-seal{background:var(--crimson-blood);color:#fff;font-family:var(--font-jp);font-size:.76rem;font-weight:900;padding:2px 7px;border-radius:3px;border:1px solid var(--gold-bright)}.rank-text{font-family:var(--font-orbitron);font-size:.8rem;font-weight:800;letter-spacing:1.5px;color:var(--gold-bright)}.hero-title{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}.title-sub-jp{font-family:var(--font-jp);font-size:1.05rem;color:var(--text-dim);letter-spacing:2px}.title-name{font-size:clamp(2.8rem,5.8vw,4.8rem);line-height:1.1;letter-spacing:1px}.title-aka{font-size:1.35rem;font-weight:600;color:var(--text-muted)}.naruto-motto-scroll{display:flex;align-items:center;background:var(--bg-glass-motto);border:1px solid var(--gold-bright);border-radius:6px;padding:12px 20px;box-shadow:0 8px 24px rgba(0,0,0,.6),0 0 18px rgba(245,158,11,.25);margin-bottom:22px;position:relative}.scroll-body{display:flex;align-items:center;gap:14px}.scroll-kanji{font-family:var(--font-jp);background:var(--gold-fire);color:#fff;padding:3px 8px;border-radius:4px;font-size:.85rem;font-weight:900;letter-spacing:1px}.motto-quote{font-size:1.18rem;font-weight:700;color:#fff;font-style:italic}.hero-description{font-size:1.05rem;color:var(--text-muted);line-height:1.75;margin-bottom:28px}.hero-jutsu-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:32px}.jutsu-pill{font-family:var(--font-code);font-size:.84rem;font-weight:600;background:rgba(18,2,7,.9);border:1px solid var(--gold-imperial);color:var(--gold-light);padding:6px 14px;border-radius:4px;display:flex;align-items:center;gap:8px;transition:var(--smooth)}.jutsu-pill:hover{background:rgba(220,38,38,.4);border-color:var(--gold-bright);transform:translateY(-2px)}.jp-tag{background:var(--crimson-blood);color:#fff;padding:1px 6px;border-radius:2px;font-family:var(--font-jp);font-size:.72rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:40px}.hero-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;border-top:1px solid rgba(212,175,55,.3);padding-top:24px}.stat-num{font-family:var(--font-orbitron);font-size:1.9rem;font-weight:900;line-height:1.1}.stat-txt{font-size:.78rem;color:var(--text-dim);margin-top:4px}.hero-visual{position:relative}.interactive-ninja-card{background:rgba(18,2,6,.94);border:2px solid var(--gold-bright);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.85),0 0 30px rgba(220,38,38,.35);padding:24px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.headband-plate{background:linear-gradient(180deg,#d1d5db,#9ca3af 50%,#4b5563);color:#111827;font-family:var(--font-orbitron);font-weight:900;font-size:.78rem;padding:4px 14px;border-radius:4px;display:flex;align-items:center;gap:10px;box-shadow:inset 0 1px 2px hsla(0,0%,100%,.8),0 2px 6px rgba(0,0,0,.6);border:1px solid #374151}.plate-screw{width:5px;height:5px;background:#1f2937;border-radius:50%}.ninja-card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,175,55,.3);padding-bottom:14px;margin-bottom:18px}.status-live-pulse{font-family:var(--font-code);font-size:.74rem;color:var(--green-online);display:flex;align-items:center;gap:6px}.status-live-pulse i{animation:pulse-dot 1.5s infinite}.ninja-avatar-box{position:relative;width:100%;aspect-ratio:1/1;max-height:350px;border-radius:8px;overflow:hidden;margin-bottom:18px;border:1.5px solid var(--gold-bright);background:radial-gradient(circle at center,#2e0510 0,#0d0104 100%);box-shadow:inset 0 0 25px rgba(220,38,38,.4)}.avatar-imgs{width:100%;height:100%;position:relative}.avatar-imgs img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;transition:opacity .4s ease,transform .4s ease}.avatar-front{opacity:1;z-index:2}.avatar-back{-o-object-fit:cover;object-fit:cover;-o-object-position:center 12%;object-position:center 12%}.avatar-back,.ninja-avatar-box.swapped .avatar-front{opacity:0;z-index:1}.ninja-avatar-box.swapped .avatar-back{opacity:1;z-index:2}.swap-avatar-btn{position:absolute;bottom:12px;right:12px;z-index:10;background:rgba(15,2,6,.9);border:1px solid var(--gold-bright);color:var(--gold-light);font-family:var(--font-thai);font-size:.78rem;font-weight:700;padding:6px 14px;border-radius:20px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:var(--smooth)}.swap-avatar-btn:hover{background:var(--crimson-blood);color:#fff;transform:scale(1.05)}.ninja-card-body{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-family:var(--font-code);font-size:.84rem}.profile-field{display:flex;justify-content:space-between;align-items:center;padding:4px 0;border-bottom:1px dashed hsla(0,0%,100%,.08)}.field-label{color:var(--text-dim)}.ninja-telemetry-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;background:rgba(0,0,0,.55);border:1px solid rgba(212,175,55,.25);padding:10px;border-radius:4px;text-align:center}.telemetry-cell{display:flex;flex-direction:column;gap:2px;font-family:var(--font-code)}.telemetry-cell span{font-size:.64rem;color:var(--text-dim)}.telemetry-cell strong{font-size:.72rem;color:var(--gold-bright)}.section-wrapper{position:relative;z-index:2;padding:110px 24px}.bg-darker-pattern{background:rgba(12,2,5,.85);border-top:2px solid rgba(212,175,55,.25);border-bottom:2px solid rgba(212,175,55,.25)}.section-container{max-width:1320px;margin:0 auto}.section-title-wrap{text-align:center;margin-bottom:56px;position:relative}.jp-section-watermark{position:absolute;top:-36px;left:50%;transform:translateX(-50%);font-family:var(--font-jp);font-size:5rem;font-weight:900;color:rgba(220,38,38,.06);pointer-events:none;white-space:nowrap;letter-spacing:12px}.section-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-orbitron);font-size:.8rem;letter-spacing:2px;color:var(--gold-bright);background:rgba(212,175,55,.12);border:1px solid var(--gold-imperial);padding:5px 16px;border-radius:30px;margin-bottom:14px;text-transform:uppercase}.section-heading{font-family:var(--font-cinzel),var(--font-thai);font-size:clamp(2.2rem,4vw,3rem);font-weight:800;color:#fff;margin-bottom:12px}.section-subtitle{color:var(--text-dim);font-size:1.05rem;max-width:700px;margin:0 auto 16px}.section-gold-line{width:160px;height:3px;background:linear-gradient(90deg,transparent,var(--crimson-glow),var(--gold-bright),transparent);margin:0 auto}.overview-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:32px}.story-title{font-size:1.45rem;font-weight:700;color:#fff;margin-bottom:16px}.story-text{color:var(--text-muted);margin-bottom:18px;line-height:1.8}.core-strengths-grid{display:flex;flex-direction:column;gap:16px;margin-top:24px;border-top:1px solid rgba(212,175,55,.25);padding-top:20px}.strength-item{display:flex;align-items:flex-start;gap:16px}.st-icon{width:44px;height:44px;border-radius:8px;background:rgba(220,38,38,.25);border:1px solid var(--gold-imperial);color:var(--gold-bright);display:flex;align-items:center;justify-content:center;font-size:1.2rem;flex-shrink:0}.strength-item strong{display:block;font-size:1rem;color:#fff}.strength-item span{font-size:.88rem;color:var(--text-dim)}.specs-table{list-style:none;display:flex;flex-direction:column;gap:10px}.specs-table li{justify-content:space-between;padding:8px 12px;background:rgba(0,0,0,.35);border-radius:4px;border-left:3px solid var(--gold-bright)}.sp-key,.specs-table li{display:flex;align-items:center}.sp-key{font-size:.88rem;color:var(--text-dim);gap:8px}.sp-key i{color:var(--gold-bright)}.sp-val{font-size:.92rem;font-weight:500;color:#fff;text-align:right}.sp-val a{color:var(--gold-light);text-decoration:none}.sp-val a:hover{text-decoration:underline}.network-badge-box{margin-top:24px;border-top:1px solid rgba(212,175,55,.25);padding-top:18px}.nb-title{display:block;font-family:var(--font-orbitron);font-size:.76rem;color:var(--gold-bright);letter-spacing:1px;margin-bottom:12px}.nb-links{display:flex;flex-wrap:wrap;gap:8px}.nb-item{background:rgba(220,38,38,.2);border:1px solid var(--gold-imperial);color:#fff;text-decoration:none;font-size:.84rem;font-weight:600;padding:6px 12px;border-radius:4px;display:inline-flex;align-items:center;gap:6px;transition:var(--smooth)}.nb-item:hover{background:var(--gold-fire);border-color:#fff;transform:translateY(-2px);box-shadow:0 0 12px var(--crimson-shadow)}.project-filter-toolbar{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:44px}.filter-tab{background:rgba(14,1,5,.94);border:1px solid rgba(220,38,38,.4);color:var(--text-muted);font-family:var(--font-thai);font-size:.92rem;font-weight:700;padding:9px 22px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--smooth);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.filter-tab:hover{border-color:#ef4444;color:#fff;background:rgba(220,38,38,.35);box-shadow:0 0 15px rgba(220,38,38,.5)}.filter-tab.active{background:linear-gradient(135deg,#991b1b,#dc2626 50%,#7f1d1d);color:#fff;border-color:#ef4444;box-shadow:0 4px 22px rgba(220,38,38,.7)}.projects-cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:28px}.anime-project-card{background:rgba(14,1,5,.95);border:1px solid rgba(220,38,38,.45);border-radius:6px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.85);display:flex;flex-direction:column;transition:var(--smooth);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}.anime-project-card:hover{transform:translateY(-6px);border-color:#ef4444;box-shadow:0 18px 45px rgba(0,0,0,.95),0 0 28px rgba(220,38,38,.5)}.card-thumb-wrap{position:relative;width:100%;height:220px;background:#000;overflow:hidden}.card-thumb-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s ease}.anime-project-card:hover .card-thumb-wrap img{transform:scale(1.08)}.thumb-hover-overlay{position:absolute;inset:0;background:rgba(10,1,3,.82);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.anime-project-card:hover .thumb-hover-overlay{opacity:1}.view-doc-btn{background:linear-gradient(135deg,#991b1b,#dc2626);border:1px solid #ef4444;color:#fff;font-family:var(--font-thai);font-size:.9rem;font-weight:700;padding:9px 20px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 0 15px rgba(220,38,38,.6);transform:translateY(10px);transition:var(--smooth);clip-path:polygon(0 0,calc(100% - 6px) 0,100% 6px,100% 100%,6px 100%,0 calc(100% - 6px))}.anime-project-card:hover .view-doc-btn{transform:translateY(0)}.view-doc-btn:hover{box-shadow:0 0 22px rgba(239,68,68,.9);background:#ef4444;color:#fff}.cert-thumb-preview .view-doc-btn{transform:none!important;margin-bottom:6px}.cert-thumb-preview .view-doc-btn:hover{transform:translateY(-2px)!important}.card-badge{position:absolute;top:12px;left:12px;font-family:var(--font-orbitron);font-size:.72rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:4px;backdrop-filter:blur(8px);border:1px solid hsla(0,0%,100%,.2)}.card-badge.ui{background:linear-gradient(135deg,#7f1d1d,#dc2626);color:#fff;border-color:#ef4444;box-shadow:0 0 10px rgba(239,68,68,.6)}.card-badge.infra{background:rgba(220,38,38,.9);color:#fff}.card-badge.reverse{background:rgba(180,83,9,.9);color:#fff}.card-badge.software{background:rgba(6,182,212,.9);color:#000}.card-badge.web-erp{background:rgba(99,102,241,.9);color:#fff}.card-badge.design{background:rgba(236,72,153,.9);color:#fff}.card-content-wrap{padding:24px;display:flex;flex-direction:column;flex-grow:1}.proj-title{font-size:1.18rem;font-weight:700;color:#fff;margin-bottom:12px;line-height:1.4}.proj-desc{font-size:.92rem;color:var(--text-muted);line-height:1.65;margin-bottom:18px;flex-grow:1}.tech-tag-row{display:flex;flex-wrap:wrap;gap:6px}.tech-tag-row span{font-family:var(--font-code);font-size:.74rem;background:rgba(0,0,0,.5);border:1px solid rgba(212,175,55,.3);color:var(--gold-light);padding:3px 8px;border-radius:3px}.naruto-timeline-wrap{position:relative;max-width:980px;margin:0 auto;padding:20px 0}.chakra-timeline-conduit{position:absolute;top:0;bottom:0;left:36px;width:4px;background:linear-gradient(180deg,var(--gold-bright),var(--crimson-blood),var(--gold-bright));box-shadow:0 0 15px var(--crimson-shadow)}.timeline-entry{position:relative;margin-bottom:40px;padding-left:90px}.entry-node{position:absolute;top:24px;left:18px;width:40px;height:40px;border-radius:50%;background:#090103;border:2px solid var(--gold-bright);color:var(--gold-light);display:flex;align-items:center;justify-content:center;font-size:1rem;box-shadow:0 0 15px var(--gold-shadow);z-index:5}.entry-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;flex-wrap:wrap;gap:12px}.entry-time{display:inline-block;font-family:var(--font-code);font-size:.82rem;color:var(--gold-bright);margin-bottom:4px}.entry-role{font-size:1.35rem;font-weight:700;color:#fff}.entry-org{font-size:1.05rem}.rank-tag{font-family:var(--font-code);font-size:.76rem;font-weight:700;padding:4px 12px;border-radius:20px}.rank-tag.active{background:rgba(16,185,129,.2);color:var(--green-online);border:1px solid var(--green-online)}.rank-tag.completed{background:hsla(0,0%,100%,.08);color:var(--text-dim);border:1px solid hsla(0,0%,100%,.15)}.entry-desc{color:var(--text-muted);font-size:.98rem;line-height:1.7;margin-bottom:18px}.entry-points{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.pt-item{display:flex;align-items:flex-start;gap:10px;font-size:.94rem}.pt-item i{color:var(--gold-bright);margin-top:4px}.doc-inspect-btn{background:rgba(220,38,38,.25);border:1px solid var(--gold-imperial);color:var(--gold-light);font-family:var(--font-thai);font-size:.88rem;font-weight:700;padding:7px 16px;border-radius:4px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:var(--smooth)}.doc-inspect-btn:hover{background:var(--gold-fire);border-color:#fff;color:#fff;transform:translateY(-2px)}.hub-visit-btn{background:linear-gradient(135deg,rgba(220,38,38,.95),rgba(136,19,19,.98));border:1.5px solid var(--gold-bright);color:#fff;font-family:var(--font-thai);font-size:.9rem;font-weight:700;padding:8px 18px;border-radius:4px;text-decoration:none;cursor:pointer;display:inline-flex;align-items:center;gap:9px;box-shadow:0 4px 18px rgba(220,38,38,.5);transition:var(--smooth)}.hub-visit-btn:hover{background:var(--gold-fire);border-color:#fff;color:#fff;box-shadow:0 6px 24px var(--crimson-glow);transform:translateY(-2px)}#skills .section-container{max-width:1820px;margin:0 auto}.skills-slider-wrapper{position:relative;width:100%}.skills-slider-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding:0 6px;flex-wrap:wrap;gap:14px}.skills-slider-hint{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-orbitron);font-size:.82rem;color:var(--gold-light);letter-spacing:.8px;background:rgba(220,38,38,.16);border:1px solid rgba(212,175,55,.35);padding:8px 20px;border-radius:24px;backdrop-filter:blur(8px)}.skills-slider-hint i{color:var(--gold-bright);font-size:.95rem;animation:pulse-skills-arrow 1.8s ease-in-out infinite}@keyframes pulse-skills-arrow{0%,to{transform:translateX(0)}50%{transform:translateX(5px)}}.skills-slider-nav-btns{display:inline-flex;align-items:center;gap:12px}.skills-nav-btn{width:44px;height:44px;border-radius:50%;background:rgba(18,2,7,.95);border:1.5px solid var(--crimson-blood);color:var(--gold-bright);font-size:1.05rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--smooth);box-shadow:0 4px 18px rgba(0,0,0,.8),0 0 12px rgba(220,38,38,.35)}.skills-nav-btn:hover{background:var(--crimson-blood);border-color:var(--gold-bright);color:#fff;box-shadow:0 6px 24px rgba(220,38,38,.9),0 0 16px var(--gold-bright);transform:scale(1.08)}.skills-nav-btn:active{transform:scale(.94)}.skills-counter-badge{font-family:var(--font-code);font-size:.86rem;font-weight:800;color:#fff;background:rgba(14,1,4,.92);border:1px solid rgba(212,175,55,.4);padding:6px 16px;border-radius:14px;letter-spacing:1.2px;box-shadow:0 2px 10px rgba(0,0,0,.6)}.skills-chakra-grid{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:22px;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:12px 6px 26px;-webkit-overflow-scrolling:touch;cursor:grab}.skills-chakra-grid.is-dragging{cursor:grabbing!important;scroll-behavior:auto;scroll-snap-type:none}.skills-chakra-grid .skill-chakra-card{flex:0 0 340px!important;width:340px!important;min-width:340px!important;max-width:340px!important;scroll-snap-align:start}@media (max-width:600px){.skills-chakra-grid .skill-chakra-card{flex:0 0 86vw!important;width:86vw!important;min-width:86vw!important;max-width:86vw!important}}.skills-chakra-grid::-webkit-scrollbar{height:8px}.skills-chakra-grid::-webkit-scrollbar-track{background:rgba(14,1,4,.85);border-radius:8px;border:1px solid rgba(220,38,38,.3)}.skills-chakra-grid::-webkit-scrollbar-thumb{background:linear-gradient(90deg,#dc2626,#f59e0b 50%,#dc2626);border-radius:8px;box-shadow:0 0 10px rgba(220,38,38,.75)}.skills-chakra-grid::-webkit-scrollbar-thumb:hover{background:linear-gradient(90deg,#ef4444,#fbbf24 50%,#ef4444)}.chakra-header{display:flex;align-items:center;gap:14px;margin-bottom:22px;border-bottom:1px solid rgba(212,175,55,.25);padding-bottom:14px}.chakra-icon{font-size:1.5rem;color:var(--gold-bright)}.chakra-title{font-size:1.18rem;font-weight:700;color:#fff}.chakra-sub{font-family:var(--font-jp);font-size:.74rem;color:var(--text-dim)}.chakra-gauges{gap:16px}.chakra-gauges,.gauge-item{display:flex;flex-direction:column}.gauge-item{gap:6px}.gauge-label{display:flex;justify-content:space-between;font-size:.88rem;color:var(--text-muted)}.gauge-label strong{font-family:var(--font-code);color:var(--gold-bright)}.gauge-track{width:100%;height:7px;background:hsla(0,0%,100%,.08);border-radius:4px;overflow:hidden}.gauge-fill{height:100%;border-radius:4px;transition:width 1.2s cubic-bezier(.16,1,.3,1)}.gauge-fill.gold{background:var(--gold-metallic);box-shadow:0 0 12px var(--gold-shadow)}.gauge-fill.crimson{background:linear-gradient(90deg,#b91c1c,#ef4444);box-shadow:0 0 12px var(--crimson-shadow)}.gauge-fill.ai-chakra{background:linear-gradient(90deg,#dc2626,#ea580c 50%,#f59e0b);box-shadow:0 0 14px rgba(245,158,11,.75)}.skill-chakra-card.featured-ai-card{border:1.5px solid var(--gold-bright);box-shadow:0 16px 45px rgba(0,0,0,.95),0 0 28px rgba(220,38,38,.45),inset 0 0 20px rgba(245,158,11,.12)}.skill-chakra-card.featured-ai-card:hover{border-color:#fff;box-shadow:0 22px 55px rgba(0,0,0,.98),0 0 36px var(--gold-bright),inset 0 0 24px rgba(220,38,38,.25);transform:translateY(-5px)}.featured-ai-badge{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(220,38,38,.9),rgba(180,83,9,.95));border:1px solid var(--gold-bright);color:#fff;font-family:var(--font-orbitron);font-size:.7rem;font-weight:800;padding:4px 12px;border-radius:20px;letter-spacing:.8px;margin-bottom:12px;box-shadow:0 0 14px rgba(245,158,11,.6)}.talents-honor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.honor-card .scroll-frame{display:flex;flex-direction:column;align-items:center;text-align:center;padding:38px 26px}.honor-emblem{width:76px;height:76px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.2rem;margin-bottom:20px}.honor-emblem.gold{background:radial-gradient(circle,#fef08a 0,#d4af37 60%,#78350f 100%);color:#120306;border:2px solid #fff;box-shadow:0 0 25px rgba(245,158,11,.6)}.honor-emblem.silver{background:radial-gradient(circle,#fff 0,#cbd5e1 60%,#475569 100%);color:#0f172a;border:2px solid #fff;box-shadow:0 0 25px rgba(203,213,225,.6)}.honor-emblem.blue{background:radial-gradient(circle,#38bdf8 0,#0284c7 60%,#0c4a6e 100%);color:#fff;border:2px solid #bae6fd;box-shadow:0 0 25px rgba(6,182,212,.5)}.honor-ribbon{font-family:var(--font-orbitron);font-size:.74rem;font-weight:800;letter-spacing:1.5px;padding:4px 14px;border-radius:20px;margin-bottom:14px}.honor-ribbon.gold{background:rgba(245,158,11,.25);color:var(--gold-bright);border:1px solid var(--gold-bright)}.honor-ribbon.silver{background:rgba(203,213,225,.25);color:#e2e8f0;border:1px solid #cbd5e1}.honor-ribbon.blue{background:rgba(6,182,212,.25);color:#38bdf8;border:1px solid #38bdf8}.honor-title{font-size:1.45rem;font-weight:700;color:#fff;margin-bottom:12px}.honor-desc{font-size:.94rem;color:var(--text-muted);line-height:1.65;margin-bottom:20px}.honor-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;font-family:var(--font-code);font-size:.8rem;color:var(--gold-light);border-top:1px solid rgba(212,175,55,.25);padding-top:14px;width:100%}.terminal-cyber-box,.terminal-shell-box{background:rgba(9,1,3,.96);border:1.5px solid rgba(220,38,38,.7);box-shadow:0 16px 45px rgba(0,0,0,.95),0 0 25px rgba(220,38,38,.25),inset 0 0 20px rgba(0,0,0,.8);border-radius:8px;overflow:hidden;max-width:960px;margin:0 auto;backdrop-filter:blur(16px);position:relative}.term-top-bar,.terminal-window-bar{background:linear-gradient(90deg,#140207,#1f040b 50%,#140207);border-bottom:1px solid rgba(212,175,55,.3);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px}.term-dots{display:flex;gap:8px}.term-dots .dot{width:12px;height:12px;border-radius:50%;display:inline-block}.term-dots .dot.r,.term-dots .dot.red{background:#ef4444;box-shadow:0 0 8px rgba(239,68,68,.6)}.term-dots .dot.y,.term-dots .dot.yellow{background:#f59e0b;box-shadow:0 0 8px rgba(245,158,11,.6)}.term-dots .dot.g,.term-dots .dot.green{background:#10b981;box-shadow:0 0 8px rgba(16,185,129,.6)}.term-title{font-size:.85rem;font-weight:700;color:#fff;letter-spacing:.5px}.term-status,.term-title{font-family:var(--font-code);display:flex;align-items:center;gap:8px}.term-status{font-size:.75rem;color:var(--gold-light);background:rgba(220,38,38,.2);border:1px solid rgba(239,68,68,.4);padding:3px 10px;border-radius:4px}.status-pulse-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-dot 1.5s infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.terminal-body{height:440px;overflow-y:auto;padding:20px;font-family:var(--font-code);font-size:.9rem;line-height:1.65;color:#f1f5f9;display:flex;flex-direction:column;gap:16px;background:radial-gradient(circle at top,rgba(220,38,38,.05) 0,transparent 70%)}.terminal-body::-webkit-scrollbar{width:6px}.terminal-body::-webkit-scrollbar-thumb{background:var(--gold-imperial);border-radius:3px}.ai-welcome-box{background:rgba(26,4,10,.7);border:1px solid rgba(212,175,55,.3);border-left:4px solid var(--crimson-glow);padding:16px 20px;border-radius:6px}.ai-header-badge{display:flex;align-items:center;gap:10px;margin-bottom:8px;font-size:.95rem;font-weight:700;color:var(--gold-bright)}.ai-avatar-mini{width:32px;height:32px;border-radius:50%;border:1px solid var(--gold-bright);-o-object-fit:contain;object-fit:contain;background:#000}.ai-topics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;margin:12px 0}.ai-topic-item{background:rgba(0,0,0,.4);border:1px solid rgba(220,38,38,.25);padding:6px 10px;border-radius:4px;font-size:.8rem;color:#e2e8f0}.ai-topic-item i{color:var(--crimson-glow);margin-right:6px}.starter-prompts-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.starter-prompt-btn{background:rgba(220,38,38,.15);border:1px solid rgba(212,175,55,.4);color:var(--gold-light);font-family:var(--font-code);font-size:.78rem;padding:5px 12px;border-radius:4px;cursor:pointer;transition:var(--smooth);display:inline-flex;align-items:center;gap:6px}.starter-prompt-btn:hover{background:var(--crimson-blood);color:#fff;border-color:#fff;transform:translateY(-1px)}.chat-entry{display:flex;flex-direction:column;gap:6px;animation:fadeInMsg .25s ease forwards}@keyframes fadeInMsg{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-entry.user{align-items:flex-end}.chat-bubble-user{background:linear-gradient(135deg,rgba(220,38,38,.4),rgba(153,27,27,.5));border:1px solid var(--crimson-glow);color:#fff;padding:10px 16px;border-radius:12px 12px 2px 12px;max-width:85%;word-break:break-word;box-shadow:0 4px 15px rgba(0,0,0,.4)}.user-tag-line{font-size:.72rem;color:var(--gold-light);margin-bottom:4px;font-weight:600}.chat-entry.ai{align-items:flex-start}.chat-bubble-ai{background:rgba(18,2,7,.9);border:1px solid rgba(212,175,55,.35);border-left:3px solid var(--gold-bright);color:#f8fafc;padding:14px 18px;border-radius:4px 12px 12px 12px;max-width:90%;word-break:break-word;line-height:1.7}.chat-bubble-ai pre{background:#040102;border:1px solid rgba(220,38,38,.4);padding:10px 14px;border-radius:6px;overflow-x:auto;margin:10px 0;color:#fef08a;font-size:.84rem}.chat-bubble-ai code{background:rgba(220,38,38,.2);color:#fef08a;padding:2px 6px;border-radius:3px;font-size:.85rem}.chat-bubble-ai p{margin:6px 0}.chat-bubble-ai strong{color:var(--gold-bright)}.ai-typing-indicator{display:flex;align-items:center;gap:8px;color:var(--gold-light);font-size:.82rem;font-style:italic;padding:8px 12px}.ai-typing-dots span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--crimson-glow);animation:typingBounce 1.2s ease-in-out infinite}.ai-typing-dots span:nth-child(2){animation-delay:.2s}.ai-typing-dots span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.terminal-input-row{background:#060102;border-top:1px solid rgba(212,175,55,.3);padding:12px 18px;display:flex;align-items:center;gap:12px}.chat-prompt-tag{color:var(--crimson-glow);font-size:1.1rem}#terminal-input{flex-grow:1;background:transparent;border:none;outline:none;font-family:var(--font-code);font-size:.95rem;color:#fff}#terminal-input::-moz-placeholder{color:hsla(0,0%,100%,.4);font-size:.85rem}#terminal-input::placeholder{color:hsla(0,0%,100%,.4);font-size:.85rem}.terminal-action-btn{background:var(--gold-fire);border:1px solid var(--gold-bright);color:#fff;width:36px;height:36px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--smooth)}.terminal-action-btn:hover{transform:scale(1.08);box-shadow:0 0 12px var(--gold-bright)}.terminal-action-btn.secondary{background:rgba(220,38,38,.2);border-color:rgba(220,38,38,.5);color:var(--text-dim)}.terminal-action-btn.secondary:hover{background:rgba(220,38,38,.5);color:#fff}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:32px}.contact-channels-col{display:flex;flex-direction:column;gap:18px}.comm-card .scroll-frame{display:flex;align-items:center;gap:18px;padding:24px}.comm-icon-box{width:52px;height:52px;border-radius:50%;background:rgba(220,38,38,.25);border:1px solid var(--gold-imperial);color:var(--gold-bright);display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.comm-type{font-size:.84rem;color:var(--text-dim)}.comm-primary{font-size:1.15rem;font-weight:700;color:#fff;text-decoration:none}.comm-primary:hover{color:var(--gold-bright)}.comm-note{font-size:.78rem;color:var(--text-dim)}.comm-link{color:#38bdf8;font-family:var(--font-code);font-size:.88rem;font-weight:600;text-decoration:underline;text-decoration-color:rgba(56,189,248,.45);text-underline-offset:3px;transition:var(--smooth);display:inline-block;margin:2px 0}.comm-link:hover{color:#93c5fd;text-decoration-color:#93c5fd;text-shadow:0 0 10px rgba(56,189,248,.7)}.eco-head-title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:6px;display:flex;align-items:center;gap:10px}.eco-head-title i{color:var(--gold-bright)}.eco-head-desc{font-size:.92rem;color:var(--text-dim);margin-bottom:20px}.eco-nav-list{display:flex;flex-direction:column;gap:10px}.eco-item{justify-content:space-between;padding:12px 18px;background:rgba(0,0,0,.4);border:1px solid rgba(212,175,55,.25);border-radius:4px;color:#fff;text-decoration:none;transition:var(--smooth)}.eco-item,.eco-item-left{display:flex;align-items:center}.eco-item-left{gap:14px}.eco-ico{font-size:1.3rem;color:var(--gold-bright);transition:var(--smooth)}.eco-item-left strong{display:block;font-size:.94rem;transition:var(--smooth)}.eco-item span,.eco-item-left span{font-family:var(--font-code)!important;font-size:.82rem!important;color:#38bdf8!important;font-weight:600!important;letter-spacing:.25px!important;display:inline-block!important;margin-top:2px!important;transition:var(--smooth)!important}.eco-item .fa-arrow-up-right-from-square{color:var(--gold-bright);font-size:.85rem;transition:var(--smooth)}.eco-item:hover{background:var(--gold-fire);border-color:#fff;transform:translateX(6px);box-shadow:0 0 20px var(--crimson-shadow),0 4px 14px rgba(0,0,0,.6)}.eco-item:hover .eco-ico{color:#fff;transform:scale(1.12)}.eco-item:hover strong{color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.4)}.eco-item:hover .eco-item-left span,.eco-item:hover span{color:#002e80!important;font-weight:700!important;text-shadow:0 0 1px hsla(0,0%,100%,.55)!important}.eco-item:hover .fa-arrow-up-right-from-square{color:#fff;transform:translate(2px,-2px)}.site-footer{background:#060102;border-top:2px solid var(--gold-imperial);padding:50px 24px 30px;position:relative;z-index:2}.footer-container{max-width:1300px;margin:0 auto}.footer-top-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px;padding-bottom:30px;border-bottom:1px solid hsla(0,0%,100%,.1)}.footer-brand-wrap{display:flex;align-items:center;gap:14px}.foot-avatar{width:48px;height:48px;border-radius:50%;border:1px solid var(--gold-bright)}.foot-name{display:block;font-size:1.15rem;font-weight:700;color:#fff}.foot-motto{font-size:.88rem;color:var(--gold-light);font-style:italic}.footer-nav-links{display:flex;flex-wrap:wrap;gap:16px}.footer-nav-links a{color:var(--text-muted);text-decoration:none;font-size:.92rem;transition:var(--smooth)}.footer-nav-links a:hover{color:var(--gold-bright)}.footer-bottom-row{display:flex;justify-content:space-between;align-items:center;margin-top:24px;font-size:.84rem;color:var(--text-dim);flex-wrap:wrap;gap:14px}.back-to-top{color:var(--gold-bright);text-decoration:none;font-family:var(--font-code);font-weight:700;display:inline-flex;align-items:center;gap:6px}.back-to-top:hover{text-decoration:underline}.floating-bgm-controller{position:fixed;bottom:24px;left:24px;z-index:998}.bgm-disc-box{background:rgba(15,2,6,.95);border:1.5px solid var(--gold-bright);box-shadow:0 10px 30px rgba(0,0,0,.9),0 0 20px var(--crimson-shadow);border-radius:8px;padding:12px 16px;display:flex;align-items:center;gap:14px;backdrop-filter:blur(20px);transition:var(--smooth);max-width:calc(100vw - 32px)}.bgm-disc-box.minimized{display:none}.vinyl-disc-spin{width:48px;height:48px;border-radius:50%;background:radial-gradient(circle,#222 25%,#111 60%,#000 100%);border:2px solid var(--gold-bright);display:flex;align-items:center;justify-content:center;box-shadow:0 0 12px var(--gold-shadow);flex-shrink:0}.vinyl-disc-spin.spin{animation:spin-vinyl 4s linear infinite}@keyframes spin-vinyl{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.vinyl-logo-center{width:24px;height:24px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.bgm-text-controls{display:flex;flex-direction:column}.track-name{font-family:var(--font-orbitron);font-size:.8rem;font-weight:700;color:#fff;white-space:nowrap}.track-sub{font-family:var(--font-code);font-size:.66rem;color:var(--gold-bright)}.track-actions-row{display:flex;align-items:center;gap:8px;margin-top:6px}.bgm-ctrl-btn{background:rgba(220,38,38,.25);border:1px solid var(--gold-imperial);width:28px;height:28px;border-radius:50%;color:var(--gold-light);display:flex;align-items:center;justify-content:center;cursor:pointer!important;font-size:.75rem;transition:var(--smooth)}.bgm-ctrl-btn:hover{border-color:#fff;transform:scale(1.1)}.bgm-ctrl-btn:hover,.bgm-toggle-btn{background:var(--gold-fire);color:#fff}.bgm-toggle-btn{border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer!important;font-size:.85rem;transition:var(--smooth)}.bgm-toggle-btn:hover{transform:scale(1.1);box-shadow:0 0 12px var(--gold-bright)}.wave-bars{display:flex;align-items:flex-end;gap:3px;height:18px}.wave-bars span{width:3px;background:var(--crimson-glow);height:4px;border-radius:2px}.wave-bars.active span:first-child{animation:wave .8s ease-in-out infinite alternate}.wave-bars.active span:nth-child(2){animation:wave 1.1s ease-in-out .15s infinite alternate}.wave-bars.active span:nth-child(3){animation:wave .7s ease-in-out .3s infinite alternate}.wave-bars.active span:nth-child(4){animation:wave 1.3s ease-in-out .1s infinite alternate}.wave-bars.active span:nth-child(5){animation:wave .9s ease-in-out .25s infinite alternate}.wave-bars.active span:nth-child(6){animation:wave 1.2s ease-in-out .4s infinite alternate}@keyframes wave{0%{height:4px}to{height:18px}}.vol-control{display:flex;align-items:center;gap:6px;color:var(--text-dim);font-size:.8rem}#bgm-volume-slider{width:55px;height:4px;accent-color:var(--gold-bright);cursor:pointer!important}.mini-close-btn{background:transparent;border:none;color:var(--text-dim);cursor:pointer!important;font-size:.9rem;padding:4px}.mini-close-btn:hover{color:#fff}.floater-pill-btn{display:none;background:var(--gold-fire);border:1px solid var(--gold-bright);color:#fff;font-family:var(--font-orbitron);font-size:.8rem;font-weight:800;padding:10px 18px;border-radius:30px;cursor:pointer!important;box-shadow:0 4px 20px rgba(220,38,38,.6);align-items:center;gap:8px;transition:var(--smooth)}.floater-pill-btn.visible{display:flex}.floater-pill-btn:hover{transform:translateY(-3px) scale(1.05)}.ai-chat-floater-root{position:fixed;bottom:24px;right:24px;z-index:1001;font-family:var(--font-thai)}.ai-fab-button{background:linear-gradient(135deg,#180309,#2b040e 50%,#160206);border:1.5px solid var(--gold-bright);box-shadow:0 10px 30px rgba(0,0,0,.9),0 0 24px rgba(220,38,38,.7);border-radius:50px;padding:8px 18px 8px 10px;display:flex;align-items:center;gap:12px;cursor:pointer!important;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s ease;position:relative;overflow:hidden;backdrop-filter:blur(16px)}.ai-fab-button:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,rgba(239,68,68,.35),transparent 70%);pointer-events:none}.ai-fab-button:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 38px rgba(0,0,0,.95),0 0 32px var(--crimson-glow)}.ai-fab-button.is-hidden{display:none!important}.ai-fab-inner{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.ai-fab-avatar-wrap{position:relative;width:44px;height:44px;flex-shrink:0}.ai-fab-avatar{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1.5px solid var(--gold-bright);background:#000}.ai-fab-pulse-ring{position:absolute;inset:-4px;border-radius:50%;border:1.5px dashed var(--crimson-glow);animation:spin-vinyl 10s linear infinite}.ai-fab-label-wrap{display:flex;flex-direction:column;text-align:left}.ai-fab-title{font-family:var(--font-orbitron);font-size:.92rem;font-weight:800;color:#fff;letter-spacing:.5px;display:flex;align-items:center;gap:6px;white-space:nowrap}.ai-fab-sub{font-size:.72rem;color:var(--gold-light);letter-spacing:.3px;white-space:nowrap}.ai-fab-status-badge{background:rgba(16,185,129,.25);border:1px solid #10b981;color:#a7f3d0;font-family:var(--font-code);font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:12px;letter-spacing:.5px;box-shadow:0 0 8px rgba(16,185,129,.5);animation:pulse-dot 2s infinite}.ai-chat-window{position:fixed;bottom:24px;right:24px;width:450px;max-width:calc(100vw - 32px);height:640px;max-height:calc(100vh - 48px);background:rgba(9,1,3,.98);border:1.5px solid var(--gold-imperial);border-radius:12px;box-shadow:0 25px 65px rgba(0,0,0,.98),0 0 40px rgba(220,38,38,.45);display:flex;flex-direction:column;overflow:hidden;backdrop-filter:blur(25px);z-index:1002;transform:translateY(35px) scale(.92);opacity:0;pointer-events:none;filter:blur(10px);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .3s ease,filter .3s ease}.ai-chat-window.is-open{transform:translateY(0) scale(1);opacity:1;pointer-events:auto;filter:blur(0)}.ai-chat-header{background:linear-gradient(90deg,#140207,#24040d 50%,#140207);border-bottom:1px solid rgba(212,175,55,.35);padding:12px 18px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.ai-chat-title-group{display:flex;align-items:center;gap:12px}.ai-chat-avatar-box{position:relative;width:38px;height:38px;flex-shrink:0}.ai-chat-avatar-box img{width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:1.5px solid var(--gold-bright)}.ai-chat-online-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;border-radius:50%;background:#10b981;border:2px solid #000;box-shadow:0 0 6px #10b981}.ai-chat-main-title{font-family:var(--font-orbitron);font-size:1rem;font-weight:800;color:#fff;letter-spacing:.5px;margin:0;line-height:1.2}.ai-chat-sub-title{font-size:.74rem;color:var(--gold-light);display:block}.ai-chat-header-actions{display:flex;align-items:center;gap:8px}.ai-chat-action-btn{background:rgba(220,38,38,.2);border:1px solid rgba(212,175,55,.3);color:var(--gold-light);width:32px;height:32px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer!important;font-size:.85rem;transition:var(--smooth)}.ai-chat-action-btn:hover{background:var(--crimson-blood);color:#fff;border-color:#fff;transform:scale(1.08)}.ai-chat-action-btn.close-btn:hover{background:#ef4444}.ai-chat-body{flex:1;overflow-y:auto;padding:16px;font-family:var(--font-code);font-size:.88rem;line-height:1.6;color:#f1f5f9;display:flex;flex-direction:column;gap:14px;background:radial-gradient(circle at top,rgba(220,38,38,.08) 0,transparent 60%)}.ai-chat-body::-webkit-scrollbar{width:5px}.ai-chat-body::-webkit-scrollbar-thumb{background:var(--gold-imperial);border-radius:3px}.ai-chat-input-row{background:#060102;border-top:1px solid rgba(212,175,55,.35);padding:12px 16px;display:flex;align-items:center;gap:10px;flex-shrink:0}#ai-chat-input{flex-grow:1;background:transparent;border:none;outline:none;font-family:var(--font-thai);font-size:.94rem;color:#fff}#ai-chat-input::-moz-placeholder{color:hsla(0,0%,100%,.4);font-size:.84rem}#ai-chat-input::placeholder{color:hsla(0,0%,100%,.4);font-size:.84rem}.nav-ai-btn{background:linear-gradient(135deg,#b91c1c,#7f1d1d);border:1px solid var(--gold-bright);color:#fff;font-family:var(--font-orbitron);font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:4px;cursor:pointer!important;display:inline-flex;align-items:center;gap:8px;transition:var(--smooth);box-shadow:0 0 12px rgba(220,38,38,.5);letter-spacing:.5px}.nav-ai-btn:hover{background:var(--gold-fire);transform:translateY(-1px);box-shadow:0 0 18px var(--gold-bright)}.btn-hero-ai-chat{background:linear-gradient(135deg,rgba(220,38,38,.9),rgba(127,29,29,.95));border:1.5px solid var(--gold-bright);color:#fff;font-family:var(--font-orbitron);font-size:.92rem;font-weight:800;padding:12px 24px;border-radius:4px;display:inline-flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer!important;transition:var(--smooth);box-shadow:0 0 20px rgba(220,38,38,.6);letter-spacing:.5px}.btn-hero-ai-chat:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 0 30px var(--gold-bright);border-color:#fff}.modal-overlay{position:fixed;inset:0;background:rgba(6,1,2,.94);backdrop-filter:blur(20px);z-index:2000;display:flex;align-items:center;justify-content:center;padding:24px;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.open{opacity:1;pointer-events:auto}.modal-window{background:#110205;border:2px solid var(--gold-bright);border-radius:8px;box-shadow:0 20px 60px rgba(0,0,0,.9),0 0 35px var(--crimson-shadow);max-width:1000px;width:100%;max-height:92vh;display:flex;flex-direction:column;overflow:hidden}.modal-top{padding:16px 24px;background:#1a0309;border-bottom:1px solid rgba(212,175,55,.3);display:flex;align-items:center;justify-content:space-between}.modal-caption{font-size:1.15rem;font-weight:700;color:var(--gold-bright)}.modal-close-trigger{background:transparent;border:none;color:#fff;font-size:1.3rem;cursor:pointer}.modal-img-area{padding:20px;overflow-y:auto;display:flex;justify-content:center;background:#080102}.modal-img-area img{max-width:100%;max-height:70vh;-o-object-fit:contain;object-fit:contain;border-radius:4px;border:1px solid hsla(0,0%,100%,.1)}.modal-bottom{padding:14px 24px;border-top:1px solid rgba(212,175,55,.25);display:flex;justify-content:flex-end;background:#140207}@media (max-width:1080px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-visual{max-width:480px;margin:0 auto;width:100%}.hero-actions,.hero-jutsu-tags,.naruto-motto-scroll{justify-content:center}.hero-stats-grid{grid-template-columns:repeat(2,1fr)}.contact-layout,.overview-layout{grid-template-columns:1fr}}@media (min-width:1281px){.site-header{height:70px}.nav-menu{display:flex!important}#header-ai-btn{display:inline-flex!important}.header-actions .sfx-toggle-btn,.header-actions .social-circle-btn{display:flex!important}.mobile-dropdown-menu,.mobile-toggle-btn,.nav-dropdown-backdrop{display:none!important}}@media (max-width:1280px),(orientation:portrait){.site-header{height:62px}.nav-container{padding:0 14px 0 6px;gap:10px;justify-content:space-between}#header-ai-btn,.header-actions .sfx-toggle-btn,.header-actions .social-circle-btn,.nav-menu{display:none!important}.header-actions{display:flex!important;align-items:center;gap:8px}.header-actions .lang-switch-box{padding:2px;border-radius:16px;background:rgba(18,2,6,.95);border:1px solid rgba(220,38,38,.6)}.header-actions .lang-btn{padding:3px 8px;font-size:.7rem;font-weight:800;letter-spacing:0}.mobile-toggle-btn{display:flex!important}.mobile-dropdown-menu{max-height:calc(100vh - 62px)}.mobile-dropdown-menu,.nav-dropdown-backdrop{display:block!important;top:62px}.hero-section{padding-top:80px;padding-bottom:50px}.hero-container{grid-template-columns:1fr;gap:32px}.hero-visual{max-width:440px;margin:0 auto;width:100%}.ninja-avatar-box{max-height:320px}.hero-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stat-num{font-size:1.5rem}.contact-layout,.overview-layout{grid-template-columns:1fr}.chakra-timeline-conduit{left:20px}.timeline-entry{padding-left:60px}.entry-node{left:0;width:36px;height:36px;font-size:.9rem}.floating-bgm-controller{bottom:12px;left:12px;right:auto;max-width:calc(52vw - 16px);z-index:998}.bgm-disc-box{padding:6px 10px;gap:8px;flex-direction:row;align-items:center}.vinyl-disc-spin{width:34px;height:34px}.track-name{font-size:.72rem;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-sub,.vol-control{display:none}.ai-chat-floater-root{bottom:12px;right:12px;z-index:1001}.ai-fab-button{padding:6px 12px;gap:8px}.ai-fab-avatar-wrap{width:34px;height:34px}.ai-fab-sub{display:none}.ai-fab-title{font-size:.78rem}.ai-fab-status-badge{display:none}.ai-chat-window{width:calc(100vw - 20px);right:10px;bottom:10px;height:calc(100vh - 75px);max-height:calc(100vh - 75px)}}@media (max-width:560px){.nav-container{padding:0 10px 0 4px!important}.brand-logo{gap:8px;margin-left:-4px}.brand-sub{display:none!important}.brand-title{font-size:1.1rem;letter-spacing:1px}.logo-box{width:36px;height:36px}.section-wrapper{padding:60px 14px}.hero-section{padding-top:76px;padding-bottom:45px}.title-name{font-size:2.1rem}.hero-stats-grid,.projects-cards-container{grid-template-columns:1fr}.btn{width:100%}.track-actions-row{gap:4px}.bgm-ctrl-btn{width:24px;height:24px;font-size:.65rem}.bgm-toggle-btn{width:28px;height:28px;font-size:.75rem}}.chakra-click-ring{position:fixed;width:20px;height:20px;border-radius:50%;border:2px solid var(--gold-bright);box-shadow:0 0 14px var(--crimson-glow),inset 0 0 10px var(--gold-chakra);transform:translate(-50%,-50%) scale(.2);pointer-events:none;z-index:9999;animation:chakra-ripple .55s cubic-bezier(.16,1,.3,1) forwards}@keyframes chakra-ripple{0%{transform:translate(-50%,-50%) scale(.2);opacity:1;border-color:var(--gold-bright)}50%{opacity:.8;border-color:var(--crimson-glow)}to{transform:translate(-50%,-50%) scale(3.5);opacity:0}}.banner-play-btn:active,.bgm-toggle-btn:active,.btn:active,.chip-btn:active,.filter-tab:active,.nb-item:active,.swap-avatar-btn:active,.view-doc-btn:active{transform:scale(.96)!important;transition:transform .08s ease!important}.anime-project-card,.interactive-ninja-card,.scroll-card,.skill-card,.talent-card,.timeline-card{will-change:transform,box-shadow;transform-style:preserve-3d}.anime-project-card:hover{border-color:var(--gold-bright);box-shadow:0 20px 48px rgba(0,0,0,.9),0 0 30px rgba(245,158,11,.35)}.anime-project-card:hover .proj-title{color:var(--gold-light);text-shadow:0 0 10px rgba(245,158,11,.5)}.anime-project-card .view-doc-btn:hover{background:var(--gold-fire);color:#fff;border-color:#fff;box-shadow:0 0 18px var(--crimson-shadow);transform:scale(1.06)}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:#090103;border-left:1px solid rgba(212,175,55,.2)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--crimson-blood) 0,var(--gold-chakra) 100%);border-radius:4px;border:1px solid #000}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--crimson-glow) 0,var(--gold-bright) 100%)}.nav-resume-btn{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(135deg,rgba(180,83,9,.92),rgba(217,119,6,.98));border:1.5px solid var(--gold-bright);color:#fff;font-family:var(--font-thai);font-size:.82rem;font-weight:700;padding:6px 14px;border-radius:6px;text-decoration:none;cursor:pointer;box-shadow:0 0 14px rgba(245,158,11,.45);transition:all .2s cubic-bezier(.16,1,.3,1);white-space:nowrap}.nav-resume-btn:hover{background:linear-gradient(135deg,#d97706,#b45309);border-color:#fff;box-shadow:0 0 22px rgba(251,191,36,.75);transform:translateY(-1px);color:#fff}.nav-resume-btn i{color:#fff;font-size:.9rem;filter:drop-shadow(0 0 4px rgba(0,0,0,.5))}.btn-gold-resume{background:linear-gradient(135deg,#92400e,#d97706 50%,#78350f);color:#fff!important;border:1.5px solid var(--gold-bright);box-shadow:0 4px 22px rgba(245,158,11,.5)}.btn-gold-resume:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 8px 32px rgba(251,191,36,.8);border-color:#fff;background:linear-gradient(135deg,#b45309,#f59e0b 50%,#92400e)}.dropdown-resume-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 18px;background:linear-gradient(135deg,rgba(180,83,9,.95),rgba(217,119,6,.98));border:1.5px solid var(--gold-bright);border-radius:8px;color:#fff;font-family:var(--font-thai);font-size:.92rem;font-weight:700;text-decoration:none;cursor:pointer;box-shadow:0 4px 20px rgba(245,158,11,.5);transition:transform .2s ease,box-shadow .2s ease;margin-top:6px}.dropdown-resume-btn:active,.dropdown-resume-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(251,191,36,.8);border-color:#fff;color:#fff}.spec-resume-highlight{background:rgba(220,38,38,.12)!important;border-left:3px solid var(--gold-bright)!important;padding-left:8px!important}.resume-spec-link{display:inline-flex;align-items:center;gap:5px;color:var(--gold-bright);text-decoration:none;font-weight:700;transition:all .2s ease}.resume-spec-link:hover{color:#fff;text-shadow:0 0 8px var(--gold-bright);text-decoration:underline}