@import "https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@300;400;500;600;700&family=Noto+Sans+JP:wght@400;700;900&display=swap";.fighting-game-container{background-color:var(--ink);width:100%;height:600px;font-family:var(--font-body);border:var(--border-w) solid var(--fg);position:relative;overflow:hidden}.fighting-game-start-overlay{z-index:100;background:#0a0e1ad9;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fight-button{font-family:var(--font-impact);color:var(--fg);background:var(--accent);border:4px solid var(--fg);cursor:pointer;text-transform:uppercase;box-shadow:8px 8px 0px var(--neon-cyan);padding:1rem 3rem;font-size:3rem;transition:transform .2s,box-shadow .2s}.fight-button:hover{box-shadow:12px 12px 0px var(--neon-cyan);transform:translate(-4px,-4px)}.scanlines{pointer-events:none;z-index:99;background:linear-gradient(#fff0,#fff0 50%,#0003 50%,#0003) 0 0/100% 4px;position:absolute;inset:0}#gameCanvas{width:100%;height:100%;display:block}#cutscene-layer{z-index:45;pointer-events:none;background:#00000080;transition:background .2s;position:absolute;inset:0}#cutscene-text{font-size:clamp(3rem,5vw,6rem);font-family:var(--font-impact);letter-spacing:-2px;text-align:center;color:var(--fg);white-space:nowrap;line-height:.9;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#game-hud{pointer-events:none;z-index:20;position:absolute;inset:0}.hud-side{width:40%;position:absolute;top:20px}.hud-side.left{left:20px}.hud-side.right{text-align:right;right:20px}.hud-side h3{font-family:var(--font-jp);text-shadow:0 0 5px #000;margin-bottom:5px}.hud-side.left h3{color:var(--neon-cyan)}.hud-side.right h3{color:var(--accent)}.bar-container{background:var(--steel);border:2px solid var(--fg);width:100%}.hp-bar-container{height:15px}.stamina-bar-container{width:80%;height:5px;margin-top:2px}.hp-bar-container.right-aligned,.stamina-bar-container.right-aligned{margin-left:auto}.hp-bar{width:100%;height:100%;transition:width .1s}.jin-hp{background:var(--neon-cyan)}.shimura-hp{background:var(--accent);float:right}.stamina-bar{background:var(--fg);width:100%;height:100%}#game-controls{text-align:center;pointer-events:none;opacity:.5;width:100%;transition:opacity .5s;position:absolute;bottom:20px}#game-controls p{color:var(--fg);text-shadow:0 0 5px #000;font-family:monospace;font-size:.9rem}#game-victory{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:30;color:var(--fg);background:#0a0e1ad9;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:0}#game-victory h1{color:var(--neon-cyan);text-shadow:0 0 20px var(--neon-cyan);letter-spacing:-2px;font-family:monospace;font-size:4rem}#game-victory p{font-family:var(--font-jp);margin:20px 0;font-size:1.5rem;font-style:italic}#game-flash{opacity:0;z-index:25;pointer-events:none;background:#fff;transition:opacity .2s;position:absolute;inset:0}.status-container{text-align:center;z-index:25;width:100%;position:absolute;bottom:80px}#game-status{font-family:var(--font-jp);color:var(--fg);letter-spacing:5px}#game-sub{color:var(--accent);font-size:1.2rem;font-weight:700}.page-container{max-width:1400px;margin:0 auto;padding:5vw;position:relative}.chapter-title{text-align:center;z-index:10;text-shadow:5px 5px 0px var(--accent);margin:15vh 0 10vh;font-size:clamp(3rem,6vw,6rem);position:relative}.manga-grid{grid-gap:20px;margin-bottom:50px;display:grid;position:relative}.panel{background:var(--bg);border:var(--border-w) solid var(--fg);z-index:1;flex-direction:column;justify-content:center;padding:2.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275),box-shadow .3s;display:flex;position:relative;overflow:hidden}.panel-shadow{box-shadow:10px 10px 0px var(--fg)}.panel-inverse{background:var(--fg);color:var(--text-inverse)}.panel-inverse .halftone{background-image:radial-gradient(circle, var(--bg) 2px, transparent 2.5px)}.panel-slanted-1{clip-path:polygon(2% 0,100% 2%,98% 100%,0 98%)}.panel-slanted-2{clip-path:polygon(0 2%,98% 0,100% 98%,2% 100%)}.panel.interactive:hover{box-shadow:15px 15px 0px var(--accent);border-color:var(--accent);z-index:10;transform:translate(-5px,-5px)scale(1.02)}.panel.interactive:hover .panel-bg-img{filter:var(--img-filter) brightness(1.2);transform:scale(1.1)}.panel.interactive:hover .speed-lines{opacity:.15}.panel-content{z-index:2;position:relative}.panel-bg-img{object-fit:cover;width:100%;height:100%;filter:var(--img-filter);opacity:.5;z-index:0;transition:transform .5s,filter .5s;position:absolute;top:0;left:0}.speed-lines{background:repeating-conic-gradient(from 0deg, transparent 0deg 10deg, var(--fg) 10deg 11deg);opacity:0;pointer-events:none;z-index:1;width:200%;height:200%;transition:opacity .3s;animation:20s linear infinite rotateSpeed;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes rotateSpeed{to{transform:translate(-50%,-50%)rotate(360deg)}}.grid-hero{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-areas:"avatar avatar title title""avatar avatar title title""avatar avatar bio stats"}@media (width<=1024px){.grid-hero{grid-template-columns:1fr;grid-template-areas:"avatar""title""bio""stats"}}.panel-avatar{min-height:500px;box-shadow:none;background:0 0;border:none;grid-area:avatar;padding:0;overflow:visible}.panel-avatar img{object-fit:cover;width:100%;height:100%;filter:var(--img-filter);border:var(--border-w) solid var(--fg);box-shadow:15px 15px 0px var(--accent);clip-path:polygon(0 0,100% 5%,95% 100%,5% 95%)}.panel-title{background:var(--fg);color:var(--text-inverse);text-align:center;grid-area:title;justify-content:center;padding:2rem}.panel-bio{grid-area:bio;font-size:1.1rem;line-height:1.6}.panel-stats{background:var(--accent);color:#fff;border-color:var(--accent);grid-area:stats}.grid-arsenal{grid-template-columns:repeat(3,1fr);grid-auto-rows:300px}.panel-wide{grid-column:span 2}@media (width<=900px){.grid-arsenal{grid-template-columns:1fr}.panel-wide{grid-column:span 1}}.project-title{color:var(--text-main);text-shadow:3px 3px 0px var(--bg);margin-bottom:10px;font-size:clamp(2rem,3.5vw,3.5rem);line-height:1.1}.panel-inverse .project-title{color:var(--text-inverse);text-shadow:3px 3px 0px var(--accent)}.project-desc{font-size:1.1rem;font-weight:600}.panel-inverse .project-desc{color:var(--text-inverse)}.project-link{z-index:10;position:absolute;inset:0}.h-scroll-container{background:var(--bg);align-items:center;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.h-scroll-wrapper{gap:4vw;width:max-content;height:75vh;padding:0 10vw;display:flex}.h-panel{background:var(--bg);border:var(--border-w) solid var(--fg);width:500px;height:100%;box-shadow:10px 10px 0px var(--fg);flex-direction:column;flex-shrink:0;justify-content:center;padding:2.5rem;display:flex;position:relative}@media (width<=768px){.h-panel{width:85vw}}.stat-row{border-bottom:3px solid var(--fg);font-weight:800;font-family:var(--font-impact);justify-content:space-between;padding:12px 0;font-size:1.5rem;display:flex}.stat-val{color:var(--accent);text-shadow:1px 1px 0px var(--bg)}.manga-badge{border:3px solid var(--fg);font-family:var(--font-impact);background:var(--bg);color:var(--text-main);margin:4px;padding:6px 12px;font-size:1.1rem;transition:all .2s;display:inline-block}.manga-badge:hover{background:var(--fg);color:var(--text-inverse)}.speech-bubble{background:var(--fg);color:var(--text-inverse);border:4px solid var(--bg);font-family:var(--font-impact);z-index:20;box-shadow:6px 6px 0px var(--accent);padding:10px 20px;font-size:1.5rem;position:absolute;top:-20px;right:-20px;transform:rotate(15deg)}.halftone{background-image:radial-gradient(circle, var(--fg) 2px, transparent 2.5px);opacity:.15;pointer-events:none;z-index:0;background-size:10px 10px;width:100%;height:100%;position:absolute;top:0;left:0}.halftone-accent{background-image:radial-gradient(circle, var(--accent) 2px, transparent 2.5px);opacity:.3}.kanji-bg{font-family:var(--font-jp);color:var(--fg);opacity:.05;white-space:nowrap;z-index:0;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:15rem;font-weight:900;line-height:1;position:absolute}.sfx{font-family:var(--font-jp);color:var(--accent);text-shadow:4px 4px 0px var(--fg);z-index:20;pointer-events:none;opacity:0;font-size:4rem;font-weight:900;transition:opacity .3s,transform .3s;position:absolute;transform:scale(.5)}.panel:hover .sfx-hover{opacity:1;transform:scale(1)rotate(-10deg)}:root{--bg:#050505;--fg:#f4f4f4;--accent:#c1121f;--text-main:#f4f4f4;--text-inverse:#050505;--text-muted:#aaa;--neon-cyan:#00f0ff;--neon-cyan-dim:#007a82;--deep-purple:#1a0a2e;--midnight:#0a0e1a;--ink:#0f0f14;--steel:#2a2a35;--warm-highlight:bisque;--font-impact:"Anton", sans-serif;--font-body:"Inter", sans-serif;--font-jp:"Noto Sans JP", sans-serif;--border-w:5px;--radius-sm:4px;--radius-md:8px;--img-filter:grayscale(100%) contrast(1.4) invert(0)}body.paper-mode{--bg:#f4f4f4;--fg:#050505;--accent:#c1121f;--text-main:#050505;--text-inverse:#f4f4f4;--text-muted:#555;--ink:#e8e8e8;--steel:#d0d0d8;--midnight:#f0f0f5;--img-filter:grayscale(100%) contrast(1.4) invert(1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color,color;overflow-x:hidden}::selection{background-color:var(--accent);color:#fff}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}