@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Bungee&family=Permanent+Marker&family=Space+Grotesk:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{--bg:#010820;--electric:#26f;--electric-bright:#59f;--chrome:#a8c8f8;--chrome-bright:#deeeff;--ink:#fff;--ink-soft:#7aaee8;--ink-dim:#3d6aaa;--panel:#030e3ad1;--panel-edge:#2266ff4d;--panel-edge-hi:#59f9;--acid:#af0;--orange:#ff7a1f;--yellow:#ffd400;--hot:#ff2a55;--magenta:#ff2d95;--violet:#b347ff;--cyan:#00d4ff;--ink-black:#08020f;--paper:#f5f7ff;--font-display:"Bebas Neue", "Space Grotesk", sans-serif;--font-graffiti:"Bungee", "Bebas Neue", sans-serif;--font-marker:"Permanent Marker", cursive;--font-body:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--bg);scroll-behavior:smooth;min-height:100%}body{min-height:100vh;color:var(--ink);font-family:var(--font-body);background:var(--bg);isolation:isolate;-webkit-tap-highlight-color:transparent;padding-bottom:80px;font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#010820}::-webkit-scrollbar-thumb{background:#2266ff73;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#5599ffb3}.bg-mag{z-index:-3;pointer-events:none;background:radial-gradient(86% 82%,#0000 32%,#0204128c 68%,#000108f2 100%),radial-gradient(68% 88% at -8% 42%,#aa32c833 0%,#5a1e961a 45%,#0000 70%),radial-gradient(52% 58% at 114% -4%,#ff46962e 0%,#be28a014 44%,#0000 64%),radial-gradient(88% 68% at 52%,#1e145a52 0%,#0000 68%),radial-gradient(110% 52% at 44% 120%,#c8328221 0%,#0000 56%),linear-gradient(168deg,#0b1438 0%,#060d28 34%,#03061a 64%,#01030f 100%);position:fixed;inset:0;transform:translateZ(0)}.bg-mag:before{content:"";opacity:.45;pointer-events:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='g'><feTurbulence type='fractalNoise' baseFrequency='0.76' numOctaves='4' seed='11'/><feColorMatrix values='0 0 0 0 0.55 0 0 0 0 0.70 0 0 0 0 1 0 0 0 0.18 -0.04'/></filter><rect width='100%25' height='100%25' filter='url(%23g)'/></svg>");background-size:220px 220px;animation:64s linear infinite grainDrift;position:absolute;inset:0}.bg-mag:after{content:"";opacity:.55;pointer-events:none;background:radial-gradient(circle at 1px 1px,#ffffff1a 1px,#0000 1.5px) 0 0/5px 5px;position:absolute;inset:0}.bg-halftone{z-index:-1;pointer-events:none;opacity:.85;background-image:radial-gradient(circle,#ffffff12 1.5px,#0000 2px);background-size:14px 14px;animation:40s linear infinite halftoneDrift;position:fixed;inset:0;transform:translateZ(0)}@keyframes halftoneDrift{0%{background-position:0 0}to{background-position:14px 14px}}@keyframes psxJitter{0%{transform:translate(0)}20%{transform:translate(.6px,-.4px)}40%{transform:translate(-.5px,.5px)}60%{transform:translate(.4px,.4px)}80%{transform:translate(-.5px,-.3px)}to{transform:translate(0)}}@keyframes psxJitterStrong{0%{transform:translate(0)skew(0)}20%{transform:translate(1px,-.8px)skew(.2deg)}40%{transform:translate(-.9px,1px)skew(-.2deg)}60%{transform:translate(.8px,.7px)skew(.1deg)}80%{transform:translate(-.7px,-.6px)skew(-.1deg)}to{transform:translate(0)skew(0)}}.splats{z-index:-2;pointer-events:none;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.splat{mix-blend-mode:screen;opacity:.28;filter:blur(.5px);will-change:transform;width:200px;height:200px;position:absolute;transform:translateZ(0);-webkit-mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='black'><path d='M88,70 Q72,66 66,82 Q56,92 70,104 Q58,116 72,124 Q84,134 100,126 Q114,134 124,122 Q138,116 134,100 Q146,90 134,76 Q120,66 106,72 Q97,62 88,70 Z'/><circle cx='38' cy='48' r='9'/><circle cx='156' cy='40' r='7'/><circle cx='170' cy='118' r='10'/><circle cx='28' cy='132' r='11'/><circle cx='60' cy='170' r='6'/><circle cx='130' cy='174' r='5'/><circle cx='18' cy='85' r='4'/><circle cx='182' cy='74' r='5'/><circle cx='94' cy='24' r='6'/><circle cx='102' cy='186' r='4'/><circle cx='74' cy='40' r='2.5'/><circle cx='136' cy='62' r='3'/><circle cx='42' cy='108' r='3'/><circle cx='162' cy='94' r='2.5'/><ellipse cx='54' cy='36' rx='3.5' ry='2'/><ellipse cx='144' cy='150' rx='4' ry='2.5'/><circle cx='8' cy='10' r='1'/><circle cx='192' cy='18' r='1.2'/><circle cx='15' cy='190' r='1'/><circle cx='186' cy='182' r='1.5'/><circle cx='114' cy='6' r='1'/><circle cx='5' cy='105' r='1.2'/><circle cx='195' cy='112' r='1'/><circle cx='80' cy='190' r='1'/><circle cx='50' cy='15' r='1.2'/></g></svg>");mask-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200'><g fill='black'><path d='M88,70 Q72,66 66,82 Q56,92 70,104 Q58,116 72,124 Q84,134 100,126 Q114,134 124,122 Q138,116 134,100 Q146,90 134,76 Q120,66 106,72 Q97,62 88,70 Z'/><circle cx='38' cy='48' r='9'/><circle cx='156' cy='40' r='7'/><circle cx='170' cy='118' r='10'/><circle cx='28' cy='132' r='11'/><circle cx='60' cy='170' r='6'/><circle cx='130' cy='174' r='5'/><circle cx='18' cy='85' r='4'/><circle cx='182' cy='74' r='5'/><circle cx='94' cy='24' r='6'/><circle cx='102' cy='186' r='4'/><circle cx='74' cy='40' r='2.5'/><circle cx='136' cy='62' r='3'/><circle cx='42' cy='108' r='3'/><circle cx='162' cy='94' r='2.5'/><ellipse cx='54' cy='36' rx='3.5' ry='2'/><ellipse cx='144' cy='150' rx='4' ry='2.5'/><circle cx='8' cy='10' r='1'/><circle cx='192' cy='18' r='1.2'/><circle cx='15' cy='190' r='1'/><circle cx='186' cy='182' r='1.5'/><circle cx='114' cy='6' r='1'/><circle cx='5' cy='105' r='1.2'/><circle cx='195' cy='112' r='1'/><circle cx='80' cy='190' r='1'/><circle cx='50' cy='15' r='1.2'/></g></svg>");-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.splat-acid{background:var(--acid);animation:14s ease-in-out infinite alternate splatDrift}.splat-magenta{background:var(--magenta);animation:18s ease-in-out infinite alternate-reverse splatDriftAlt}.splat-orange{background:var(--orange);animation:16s ease-in-out infinite alternate-reverse splatDrift}.splat-cyan{background:var(--cyan);animation:20s ease-in-out infinite alternate splatDriftAlt}@keyframes splatDrift{0%{transform:translate(0,0)rotate(0)}to{transform:translate(8px,-6px)rotate(6deg)}}@keyframes splatDriftAlt{0%{transform:translate(0,0)rotate(120deg)}to{transform:translate(-7px,5px)rotate(128deg)}}.bg-flow{z-index:-2;pointer-events:none;mix-blend-mode:screen;opacity:.85;will-change:background-position;background-color:#0000;background-image:radial-gradient(circle at 22% 28%,#ff37a561 0%,#0000 36%),radial-gradient(circle at 78% 18%,#6e46ff57 0%,#0000 40%),radial-gradient(circle at 62% 78%,#ff556e4d 0%,#0000 38%),radial-gradient(circle at 24% 76%,#a03cff57 0%,#0000 38%),radial-gradient(circle at 90% 62%,#00c8ff42 0%,#0000 38%),radial-gradient(circle at 48% 48%,#ff285a2e 0%,#0000 32%);background-position:0 0,0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat,repeat;background-size:220% 220%;background-attachment:scroll,scroll,scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box,border-box;animation:22s ease-in-out infinite alternate bgFlow;position:fixed;inset:-10%;transform:translateZ(0)}@keyframes bgFlow{0%{background-position:0 0}25%{background-position:100% 20%}50%{background-position:80% 100%}75%{background-position:10% 80%}to{background-position:100% 100%}}.bg-swirl{z-index:-2;pointer-events:none;mix-blend-mode:screen;will-change:transform;position:fixed;inset:-45%}.bg-swirl-a{background:radial-gradient(28% 38% at 28% 30%,#ff50be38 0%,#0000 60%),radial-gradient(22% 32% at 72% 64%,#963cff3d 0%,#0000 58%),radial-gradient(18% 24% at 55% 18%,#ff78dc24 0%,#0000 60%);animation:80s linear infinite bgSwirl}.bg-swirl-b{background:radial-gradient(32% 22% at 62% 22%,#3c64ff33 0%,#0000 62%),radial-gradient(24% 34% at 32% 76%,#ff3c5f38 0%,#0000 60%),radial-gradient(20% 28% at 85% 40%,#b450ff2e 0%,#0000 60%);animation:130s linear infinite reverse bgSwirl}@keyframes bgSwirl{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bg-orbs{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.chrome-orb{background:linear-gradient(165deg,#0000 22%,#ff64c852 38%,#b478ff47 50%,#50c8ff3d 60%,#0000 78%),radial-gradient(circle at 32% 28%,#fff 0%,#f4f7ff 4%,#d2dbf0 12%,#8a9cc0 32%,#3a4868 60%,#14182a 88%,#06070f 100%);border-radius:50%;position:absolute;box-shadow:0 30px 60px -10px #000000bf,0 0 90px #ff50c838,0 0 140px #5064ff2e,inset -18px -28px 45px #0000008c,inset 10px 14px 24px #ffffff73}.chrome-orb:before{content:"";filter:blur(1px);background:radial-gradient(#ffffffe6 0%,#ffffff4d 40%,#0000 70%);border-radius:50%;width:22%;height:16%;position:absolute;top:15%;left:22%}.chrome-orb:after{content:"";filter:blur(8px);background:radial-gradient(#00000073 0%,#0000 70%);height:12%;position:absolute;bottom:-20%;left:10%;right:10%}.orb-1{width:220px;height:220px;animation:26s ease-in-out infinite alternate orbDrift1;top:3%;left:2%}.orb-2{width:140px;height:140px;animation:32s ease-in-out infinite alternate orbDrift2;top:6%;right:3%}.orb-3{width:60px;height:60px;animation:22s ease-in-out infinite alternate orbDrift3;top:22%;left:42%}.orb-4{width:75px;height:75px;animation:34s ease-in-out infinite alternate orbDrift4;top:30%;right:24%}.orb-5{width:160px;height:160px;animation:20s ease-in-out infinite alternate orbDrift5;top:42%;left:4%}.orb-6{width:200px;height:200px;animation:28s ease-in-out infinite alternate orbDrift6;top:56%;right:2%}.orb-7{width:90px;height:90px;animation:36s ease-in-out infinite alternate-reverse orbDrift7;top:68%;left:34%}.orb-8{width:110px;height:110px;animation:24s ease-in-out infinite alternate orbDrift8;top:76%;left:3%}.orb-9{width:100px;height:100px;animation:40s ease-in-out infinite alternate-reverse orbDrift9;top:84%;right:22%}.orb-10{width:130px;height:130px;animation:30s ease-in-out infinite alternate orbDrift10;top:92%;right:46%}@keyframes orbDrift1{0%{transform:translate(0,0)rotate(0)}to{transform:translate(240px,180px)rotate(120deg)}}@keyframes orbDrift2{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-220px,260px)rotate(-95deg)}}@keyframes orbDrift3{0%{transform:translate(0,0)rotate(0)}to{transform:translate(200px,-210px)rotate(160deg)}}@keyframes orbDrift4{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-260px,-240px)rotate(-115deg)}}@keyframes orbDrift5{0%{transform:translate(0,0)rotate(0)}to{transform:translate(160px,210px)rotate(140deg)}}@keyframes orbDrift6{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-180px,-200px)rotate(-160deg)}}@keyframes orbDrift7{0%{transform:translate(0,0)rotate(0)}to{transform:translate(220px,-180px)rotate(110deg)}}@keyframes orbDrift8{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-200px,230px)rotate(-130deg)}}@keyframes orbDrift9{0%{transform:translate(0,0)rotate(0)}to{transform:translate(250px,-160px)rotate(150deg)}}@keyframes orbDrift10{0%{transform:translate(0,0)rotate(0)}to{transform:translate(-210px,-200px)rotate(-145deg)}}@keyframes grainDrift{0%{background-position:0 0}to{background-position:220px 220px}}.mag-deco{z-index:5;pointer-events:none;position:fixed;inset:0;overflow:hidden}.mag-edge{font-family:var(--font-mono);color:#7aaee859;letter-spacing:.42em;text-transform:uppercase;writing-mode:vertical-rl;text-orientation:mixed;max-height:78vh;font-size:.56rem;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.mag-edge-left{animation:24s ease-in-out infinite alternate edgeDrift;left:14px}.mag-edge-right{animation:28s ease-in-out infinite alternate-reverse edgeDrift;right:14px}@keyframes edgeDrift{0%{color:#7aaee847}to{color:#a0c8f08c}}.mag-header{flex-direction:column;align-items:flex-end;gap:5px;display:flex;position:absolute;top:18px;right:22px}.mag-header-line{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.2em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020a2e8c;border:1px solid #26f6;padding:3px 9px;font-size:.6rem}.mag-header-jp{letter-spacing:.28em;color:var(--electric-bright);border-color:#5599ff8c}.mag-cmyk{gap:3px;margin-top:6px;display:flex}.mag-cmyk span{border-radius:50%;width:9px;height:9px;box-shadow:0 0 6px}.mag-cmyk span:first-child{color:#00b8ff99;background:#00b8ff}.mag-cmyk span:nth-child(2){color:#ff33998c;background:#f39}.mag-cmyk span:nth-child(3){color:#ffd4008c;background:#ffd400}.mag-cmyk span:nth-child(4){background:#0a0a14;box-shadow:inset 0 0 0 1px #ffffff59}.mag-corner-bl{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.18em;text-transform:uppercase;opacity:.78;align-items:flex-end;gap:6px;font-size:.58rem;display:flex;position:absolute;bottom:16px;left:20px}.mag-corner-num{font-family:var(--font-display);color:var(--ink);letter-spacing:.04em;-webkit-text-stroke:.5px #59f9;font-size:1.65rem;line-height:.85}.mag-corner-tick{color:var(--electric-bright);letter-spacing:-.1em;padding-bottom:2px;font-size:.72rem}@media (width<=820px){.mag-edge,.mag-corner-bl{display:none}.mag-header{top:10px;right:10px}.mag-header-line{padding:2px 7px;font-size:.52rem}}.lang-toggle{z-index:9000;background:var(--paper);border:2px solid var(--ink-black);box-shadow:4px 4px 0 var(--magenta);font-family:var(--font-graffiti);letter-spacing:.06em;align-items:center;gap:4px;padding:5px 9px;font-size:.86rem;display:inline-flex;position:fixed;top:20px;right:22px;transform:rotate(-1.5deg)}.lang-btn{appearance:none;cursor:pointer;font:inherit;letter-spacing:inherit;color:#08020f73;background:0 0;border:none;padding:2px 6px;transition:color .15s,background .15s}.lang-btn:hover{color:var(--ink-black)}.lang-btn.active{color:var(--paper);background:var(--ink-black)}.lang-sep{color:#08020f8c;font-weight:400}@media (width<=820px){.lang-toggle{padding:4px 7px;font-size:.74rem;top:10px;right:10px}}.portfolio-container{z-index:10;max-width:920px;margin:0 auto;padding:80px 24px 60px;position:relative}.section{margin-bottom:110px}.section-title{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);-webkit-text-stroke:1px #ff82dc59;text-shadow:2px 2px #ff3caf73,4px 4px #00c8ff4d;flex-wrap:nowrap;align-items:center;gap:14px;margin-bottom:44px;font-size:clamp(1.8rem,5.2vw,3rem);font-weight:400;display:flex;position:relative}.section-kana{font-family:var(--font-mono);color:#08020f;letter-spacing:.18em;text-transform:uppercase;-webkit-text-stroke:0;text-shadow:none;white-space:nowrap;background:#f5f7ff;border:2px solid #08020f;padding:4px 10px;font-size:.62rem;font-weight:700;transform:rotate(-1deg);box-shadow:3px 3px #ff3cafd9}.section-title-text{white-space:nowrap;flex:1}.section-title:after{content:"";background:linear-gradient(90deg,#ff3caf8c,#2266ff73,#0000);flex:1;align-self:center;min-width:40px;height:2px}.project-num{z-index:3;font-family:var(--font-display);color:#08020f;box-shadow:3px 3px 0 var(--electric);letter-spacing:.06em;background:#f5f7ff;border:2px solid #08020f;padding:4px 14px 2px;font-size:1.4rem;position:absolute;top:-22px;right:-16px;transform:rotate(2deg)}.project-name-jp{font-family:var(--font-mono);color:#ff82dcd9;letter-spacing:.18em;margin-top:6px;margin-bottom:26px;font-size:.72rem}.hero-wrapper{text-align:center;flex-direction:column;align-items:center;gap:22px;padding:20px 0 70px;display:flex;position:relative}.hero-kana{font-family:var(--font-mono);color:#ff82dca6;letter-spacing:.42em;text-transform:uppercase;border-top:1px solid #ff82dc59;border-bottom:1px solid #ff82dc59;margin-bottom:8px;padding:6px 0;font-size:.68rem}.avatar-sticker{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:#08020f;white-space:nowrap;z-index:4;background:#f5f7ff;border:1.5px solid #08020f;padding:3px 8px;font-size:.55rem;font-weight:700;position:absolute;bottom:-8px;right:-42px;transform:rotate(8deg);box-shadow:2px 2px #ff3cafd9}.hero-sticker-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:inline-flex}.hero-sticker{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;box-shadow:3px 3px 0 var(--electric);border:2px solid #08020f;padding:5px 13px;font-size:.66rem;font-weight:700}.hero-sticker-jp{color:#08020f;letter-spacing:.2em;background:#f5f7ff;transform:rotate(-1.5deg);box-shadow:3px 3px #ff3cafd9}.hero-sticker-en{color:#fff;background:linear-gradient(135deg,#26f,#b347ff);transform:rotate(1deg);box-shadow:3px 3px #08020f}.hero-italic{color:#dcc8ffbf;letter-spacing:.04em;margin-top:-4px;font-family:Times New Roman,Times,serif;font-size:1rem;font-style:italic}.avatar-container{width:132px;height:132px;position:relative}.profile-avatar{object-fit:cover;object-position:center top;z-index:2;border:4px solid var(--paper);width:132px;height:132px;box-shadow:0 0 0 3px var(--ink-black), 0 0 0 6px var(--acid), 0 0 0 9px var(--ink-black), 0 0 28px #aaff0059, 0 12px 30px #0009;filter:contrast(1.12)saturate(1.2);image-rendering:pixelated;image-rendering:crisp-edges;border-radius:50%;position:relative}.avatar-glow{background:conic-gradient(from 0deg, var(--electric), #0af, var(--chrome-bright), var(--electric));z-index:1;opacity:.55;border-radius:50%;animation:8s linear infinite avatarSpin;position:absolute;inset:-5px}.hero-title{font-family:var(--font-graffiti);letter-spacing:.04em;color:var(--paper);-webkit-text-stroke:3px var(--ink-black);text-transform:uppercase;will-change:transform;margin:0;font-size:clamp(4.6rem,16vw,9.5rem);font-weight:400;line-height:.92;animation:10s ease-in-out infinite alternate chromaDrift,.45s steps(5,end) infinite psxJitterStrong;position:relative;transform:translateZ(0)}@keyframes chromaDrift{0%{text-shadow:-3px 0 #ff37b4d9,3px 0 #00d2ffbf,8px 8px #be3cff8c,14px 14px 30px #0009}to{text-shadow:-4px 1px #ff5ad2eb,4px -1px #3ce1ffd1,10px 10px #dc50ff99,16px 16px 35px #000000a6}}.title-badge-container{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.title-badge{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--electric-bright);background:#2266ff14;border:1px solid #2266ff80;padding:5px 18px;font-size:.7rem;font-weight:500}.hero-desc{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.12em;font-size:.88rem}.project-card{contain:layout style;background:linear-gradient(180deg, #ffffff0f 0%, transparent 18%, transparent 82%, #00000059 100%), var(--panel);border:1px solid var(--panel-edge);border-top:2px solid var(--electric);outline-offset:5px;outline:1px solid #ff82dc1a;margin-bottom:64px;padding:38px;transition:border-color .25s,transform .4s;position:relative;overflow:visible;box-shadow:inset 0 1px #ffffff1a,inset 0 -1px #0006,0 30px 80px -20px #0009}.project-card:before{content:"";background:linear-gradient(90deg,#0000,#59f9,#0000);height:1px;position:absolute;top:0;left:0;right:0}.project-card:after{content:"";border-top:1px solid var(--electric-bright);border-right:1px solid var(--electric-bright);pointer-events:none;width:14px;height:14px;position:absolute;top:-2px;right:-2px}.project-card:hover{border-color:var(--panel-edge-hi);transform:translateY(-2px)}.project-grid{grid-template-columns:1fr 1fr;align-items:start;gap:44px;display:grid}.project-card:first-of-type .project-grid{grid-template-columns:.9fr 1.5fr}.project-grid.reverse .project-visual{order:-1}.project-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.tech-tag{font-size:.7rem;font-weight:700;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;border:2px solid var(--ink-black);color:var(--ink-black);box-shadow:3px 3px 0 var(--ink-black);padding:4px 11px;transition:transform .18s}.project-meta .tech-tag:first-child{transform:rotate(-2deg)}.project-meta .tech-tag:nth-child(2){transform:rotate(1.5deg)}.project-meta .tech-tag:nth-child(3){transform:rotate(-1deg)}.project-meta .tech-tag:nth-child(4){transform:rotate(2deg)}.project-meta .tech-tag:hover{z-index:2;transform:rotate(0)scale(1.06)}.project-card:first-of-type .tech-tag:first-child{background:var(--acid)}.project-card:first-of-type .tech-tag:nth-child(2){background:var(--cyan)}.project-card:first-of-type .tech-tag:nth-child(3){background:var(--yellow)}.project-card:nth-of-type(2) .tech-tag:first-child{background:var(--magenta);color:var(--paper)}.project-card:nth-of-type(2) .tech-tag:nth-child(2){background:var(--orange)}.project-card:nth-of-type(2) .tech-tag:nth-child(3){background:var(--hot);color:var(--paper)}.project-name{font-family:var(--font-graffiti);letter-spacing:.02em;color:var(--paper);text-transform:uppercase;-webkit-text-stroke:2.5px var(--ink-black);text-shadow:-3px 0 0 var(--magenta), 3px 0 0 var(--cyan), 5px 5px 0 var(--ink-black), 0 0 30px #b450ff4d;will-change:transform;margin-bottom:4px;font-size:clamp(2.4rem,7vw,4rem);font-weight:400;line-height:1;animation:.5s steps(5,end) infinite psxJitter;display:inline-block;transform:translateZ(0)}.project-subtitle{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.05em;text-transform:uppercase;margin-bottom:22px;font-size:.72rem}.project-explanation p{color:var(--chrome);margin-bottom:14px;font-size:.87rem;line-height:1.75}.project-explanation strong{color:var(--ink);font-weight:600}.features-list{flex-direction:column;gap:12px;margin-top:8px;list-style:none;display:flex}.features-list li{color:var(--chrome);padding-left:16px;font-size:.83rem;line-height:1.65;position:relative}.features-list li:before{content:"▸";color:var(--electric-bright);position:absolute;left:0}.project-links{margin-top:26px}.project-btn{font-family:var(--font-graffiti);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-black);background:var(--acid);border:3px solid var(--ink-black);box-shadow:5px 5px 0 var(--ink-black);align-items:center;gap:8px;padding:10px 22px;font-size:.8rem;font-weight:400;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.project-btn:hover{box-shadow:7px 7px 0 var(--ink-black);background:var(--yellow);transform:translate(-2px,-2px)}.project-btn:active{box-shadow:1px 1px 0 var(--ink-black);transform:translate(3px,3px)}.btn-svg{width:16px;height:16px;stroke:var(--ink-black);stroke-width:2.5px}.visual-frame{outline-offset:4px;background:#00061ad9;border:1px solid #2266ff52;outline:1px solid #5599ff24;position:relative;overflow:hidden}.visual-frame:before,.visual-frame:after{content:"";pointer-events:none;width:10px;height:10px;position:absolute}.visual-frame:before{border-top:1px solid #5599ff73;border-left:1px solid #5599ff73;top:-7px;left:-7px}.visual-frame:after{border-bottom:1px solid #5599ff73;border-right:1px solid #5599ff73;bottom:-7px;right:-7px}.frame-header{background:#020a2ee6;border-bottom:1px solid #2266ff2e;align-items:center;gap:8px;padding:8px 12px;display:flex}.dots-indicator{gap:5px;display:flex}.dots-indicator span{border-radius:50%;width:8px;height:8px}.dots-indicator span:first-child{background:#ff505099}.dots-indicator span:nth-child(2){background:#ffc80099}.dots-indicator span:nth-child(3){background:#00c85099}.frame-title{font-family:var(--font-mono);color:var(--ink-soft);letter-spacing:.05em;font-size:.66rem}.frame-body{padding:0}.project-screenshot{object-fit:cover;width:100%;image-rendering:pixelated;image-rendering:crisp-edges;filter:contrast(1.15)saturate(1.25)drop-shadow(-2px 0 #ff3caf73)drop-shadow(2px 0 #00c8ff66);display:none}.frame-body{position:relative}.project-screenshot.active,.project-screenshot:only-child{display:block}.gallery-tabs{display:flex}.tab-btn{font-family:var(--font-mono);color:var(--ink-dim);cursor:pointer;letter-spacing:.06em;text-transform:uppercase;background:#00061ad9;border:1px solid #2266ff2e;flex:1;padding:8px 10px;font-size:.66rem;transition:all .18s}.tab-btn.active{color:var(--ink);background:#2266ff26;border-color:#2266ff7a}.skills-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.skill-card{background:var(--panel);border:1px solid var(--panel-edge);border-left:3px solid var(--electric);contain:layout style;padding:28px 22px;transition:border-left-color .2s}.skill-card:hover{border-left-color:var(--electric-bright)}.skill-icon{width:30px;height:30px;color:var(--electric-bright);margin-bottom:14px}.skill-icon svg{width:100%;height:100%}.skill-card h5{font-family:var(--font-body);color:var(--ink);letter-spacing:.02em;margin-bottom:10px;font-size:.94rem;font-weight:700}.skill-card p{color:var(--chrome);font-size:.81rem;line-height:1.7}.credentials-grid{grid-template-columns:repeat(auto-fit,minmax(265px,1fr));gap:18px;display:grid}.credential-card{background:var(--panel);border:1px solid var(--panel-edge);contain:layout style;padding:28px;transition:border-color .22s;position:relative}.credential-card:hover{border-color:var(--panel-edge-hi)}.cred-badge{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;padding:4px 10px;font-size:.62rem;font-weight:700;position:absolute;top:18px;right:18px}.badge-blue{color:#8bf;background:#2266ff21;border:1px solid #2266ff61}.badge-green{color:#5c8;background:#00c86417;border:1px solid #00c86447}.cred-icon{width:26px;height:26px;color:var(--electric-bright);margin-bottom:16px}.cred-icon svg{width:100%;height:100%}.cred-issuer{font-family:var(--font-mono);color:var(--electric-bright);letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px;font-size:.62rem;display:block}.cred-content h5{font-family:var(--font-body);color:var(--ink);margin-bottom:10px;font-size:.98rem;font-weight:700;line-height:1.3}.cred-star{color:var(--yellow);text-shadow:0 0 8px #ffd400bf;vertical-align:middle;margin-right:5px;font-size:1.05em;display:inline-block}.cred-details{color:var(--chrome);margin-bottom:14px;font-size:.8rem;line-height:1.68}.cred-meta{gap:12px;display:flex}.cred-date{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.05em;font-size:.66rem}.footer{text-align:center;z-index:10;border-top:1px solid #2266ff2e;padding:28px 20px;position:relative}.footer-content p{font-family:var(--font-mono);color:var(--ink-dim);letter-spacing:.1em;font-size:.73rem}@keyframes avatarSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=768px){body{padding-bottom:40px;font-size:13px}.portfolio-container{max-width:100%;padding:60px 16px 36px}.section{margin-bottom:78px}.hero-wrapper{gap:16px;padding:12px 0 40px}.hero-kana{letter-spacing:.28em;word-break:break-word;white-space:normal;padding:5px 0;font-size:.54rem;line-height:1.5}.avatar-container{width:110px;height:110px}.profile-avatar{width:110px;height:110px;box-shadow:0 0 0 2px var(--ink-black), 0 0 0 5px var(--acid), 0 0 0 7px var(--ink-black), 0 0 22px #aaff004d, 0 10px 22px #0000008c}.avatar-sticker{letter-spacing:.12em;padding:2px 7px;font-size:.48rem;bottom:-10px;right:-24px}.hero-title{letter-spacing:.02em;-webkit-text-stroke:2px var(--ink-black);font-size:clamp(3rem,14vw,5.5rem)}.hero-sticker-row{gap:8px}.hero-sticker{letter-spacing:.1em;box-shadow:2px 2px 0 var(--electric);padding:4px 10px;font-size:.58rem}.hero-sticker-jp{box-shadow:2px 2px 0 var(--magenta)}.hero-desc{letter-spacing:.1em;font-size:.82rem}.section-title{letter-spacing:.06em;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px;font-size:clamp(1.35rem,6vw,2.1rem)}.section-kana{letter-spacing:.14em;padding:3px 8px;font-size:.54rem}.section-title-text{white-space:nowrap;width:100%}.section-title:after{display:none}.project-card{outline-offset:3px;margin-bottom:46px;padding:22px}.project-num{padding:3px 11px 2px;font-size:1.05rem;top:-16px;right:-8px}.project-grid,.project-card:first-of-type .project-grid{grid-template-columns:1fr;gap:26px}.project-grid.reverse .project-visual{order:0}.project-name{-webkit-text-stroke:2px var(--ink-black);text-shadow:-2px 0 0 var(--magenta), 2px 0 0 var(--cyan), 4px 4px 0 var(--ink-black);font-size:clamp(2.1rem,9vw,3.2rem)}.project-name-jp{letter-spacing:.14em;margin-bottom:18px;font-size:.66rem}.project-explanation p{font-size:.82rem;line-height:1.7}.features-list li{font-size:.78rem;line-height:1.6}.project-btn{box-shadow:4px 4px 0 var(--ink-black);border-width:2px;padding:9px 16px;font-size:.72rem}.project-btn:hover{box-shadow:5px 5px 0 var(--ink-black);transform:translate(-1px,-1px)}.project-btn:active{box-shadow:1px 1px 0 var(--ink-black);transform:translate(2px,2px)}.tech-tag{box-shadow:2px 2px 0 var(--ink-black);border-width:1.5px;padding:3px 9px;font-size:.62rem}.frame-title{font-size:.6rem}.tab-btn{padding:7px 8px;font-size:.6rem}.dots-indicator span{width:7px;height:7px}.skills-grid,.credentials-grid{grid-template-columns:1fr;gap:14px}.skill-card,.credential-card{padding:22px 20px}.skill-card h5,.credential-card h5{font-size:.94rem}.skill-card p,.credential-card .cred-details{font-size:.78rem}.cred-badge{padding:3px 9px;font-size:.58rem;top:16px;right:16px}.cred-issuer{font-size:.58rem}.lang-toggle{box-shadow:3px 3px 0 var(--magenta);padding:4px 8px;font-size:.78rem;top:14px;right:14px}.orb-1{width:140px;height:140px}.orb-2{width:90px;height:90px}.orb-3{width:44px;height:44px}.orb-4{width:54px;height:54px}.orb-5{width:110px;height:110px}.orb-6{width:130px;height:130px}.orb-7{width:62px;height:62px}.orb-8{width:78px;height:78px}.orb-9{width:72px;height:72px}.orb-10{width:84px;height:84px}.splat{opacity:.22;width:160px;height:160px}.footer{padding:22px 16px}.footer-content p{letter-spacing:.08em;font-size:.62rem}}@media (width<=480px){.portfolio-container{padding:48px 12px 28px}.section{margin-bottom:64px}.hero-kana{letter-spacing:.22em;font-size:.5rem}.avatar-container,.profile-avatar{width:96px;height:96px}.avatar-sticker{padding:2px 6px;font-size:.44rem;bottom:-8px;right:-14px}.hero-title{-webkit-text-stroke:1.5px var(--ink-black);text-shadow:-2px 0 #ff37b4d9,2px 0 #00d2ffbf,5px 5px #be3cff8c;font-size:clamp(2.6rem,14vw,4.5rem)}.hero-sticker{letter-spacing:.08em;padding:3px 8px;font-size:.52rem}.hero-sticker-row{gap:6px}.hero-desc{font-size:.78rem}.section-title{gap:8px;font-size:clamp(1.3rem,7vw,2rem)}.section-kana{letter-spacing:.1em;padding:3px 7px;font-size:.5rem}.project-card{margin-bottom:40px;padding:18px 16px}.project-num{padding:3px 9px 1px;font-size:.92rem;top:-14px;right:-6px}.project-name{font-size:clamp(1.8rem,10vw,2.6rem)}.project-name-jp{margin-bottom:14px;font-size:.62rem}.project-explanation p{font-size:.78rem}.features-list li{padding-left:14px;font-size:.74rem}.features-list{gap:10px}.project-btn{padding:8px 14px;font-size:.68rem}.tech-tag{padding:3px 8px;font-size:.58rem}.skill-card,.credential-card{padding:20px 18px}.skill-card h5,.credential-card h5{font-size:.9rem}.skill-card p,.credential-card .cred-details{font-size:.74rem}.lang-toggle{padding:3px 7px;font-size:.7rem;top:12px;right:12px}.lang-btn{padding:1px 5px}.orb-1{width:96px;height:96px}.orb-2{width:64px;height:64px}.orb-3{width:36px;height:36px}.orb-4{width:42px;height:42px}.orb-5{width:80px;height:80px}.orb-6{width:92px;height:92px}.orb-7{width:46px;height:46px}.orb-8{width:56px;height:56px}.orb-9{width:52px;height:52px}.orb-10{width:60px;height:60px}.splat{opacity:.18;width:130px;height:130px}.footer-content p{font-size:.58rem}}@media (hover:none){.project-btn:hover,.project-card:hover{transform:none}.bg-swirl-a,.bg-swirl-b{mix-blend-mode:normal;opacity:.45}.splat{mix-blend-mode:normal;opacity:.16}}