.nav{z-index:85;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:2px solid var(--border);background:#0c0e16d1;justify-content:space-between;align-items:center;padding:12px 24px;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{color:var(--ink);font-size:13px;text-decoration:none}.nav-logo span{color:var(--green)}.nav-links{gap:20px;display:flex}.nav-link{color:var(--dim);border-bottom:2px solid #0000;padding:4px 0;font-size:10px;text-decoration:none;transition:color .15s}.nav-link:hover{color:var(--ink)}.nav-link.active{color:var(--yellow);border-bottom-color:var(--yellow)}.nav-burger{color:var(--ink);cursor:pointer;background:0 0;border:0;font-size:18px;display:none}@media (width<=600px){.nav-burger{display:block}.nav-links{border-bottom:2px solid var(--border);background:#0c0e16f7;flex-direction:column;gap:0;max-height:0;transition:max-height .3s;position:absolute;top:100%;left:0;right:0;overflow:hidden}.nav-links.open{max-height:320px}.nav-link{border-bottom:1px solid #1c2034;padding:14px 24px}.nav-link.active{background:var(--panel);border-bottom-color:#1c2034}}.sec{padding:56px 0;scroll-margin-top:64px}.shead{color:var(--yellow);align-items:center;gap:12px;margin:0 0 8px;font-family:"Press Start 2P",monospace;font-size:14px;display:flex}.shead:before{content:"";background:var(--green);width:14px;height:14px}.ssub{color:var(--dim);margin-bottom:28px;font-size:18px}.hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:92vh;padding:80px 0 30px;scroll-margin-top:0;display:flex}.hero-photo{object-fit:cover;object-position:top center;width:132px;height:132px;image-rendering:pixelated;border:3px solid var(--border);box-shadow:0 0 0 3px var(--bg),0 0 34px #6fdcff2e;background:linear-gradient(#1a1d2e,#0c0e16);margin-bottom:24px}.greet{color:var(--cyan);font-size:20px}.hero h1{color:var(--ink);text-shadow:3px 3px #000;margin:8px 0;font-size:32px;line-height:1.5}.hero h1 .y{color:var(--yellow)}.hero .tag{color:var(--green);font-size:23px}.hero .tag b{color:var(--ink);border-bottom:2px solid var(--cyan);font-weight:400}.hero-stats{flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin:28px 0 4px;display:flex}.hero-chip{color:var(--dim);letter-spacing:1px;font-family:"Press Start 2P",monospace;font-size:11px}.hero-chip:hover{color:var(--ink)}.chip-dot{color:var(--green);margin:0 10px}.hero-cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:30px;display:flex}.scrollhint{color:var(--dim);margin-top:46px;font-size:18px;animation:1.4s infinite bob}@keyframes bob{50%{transform:translateY(6px)}}@media (width<=560px){.hero-chip{font-size:9px}}.cardgrid{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (width<=680px){.cardgrid{grid-template-columns:1fr}}.tcard{perspective:1200px;cursor:pointer;height:340px}.tinner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}.tinner.flip{transform:rotateY(180deg)}.tface{backface-visibility:hidden;border:3px solid var(--accent);background:var(--panel);flex-direction:column;padding:18px;display:flex;position:absolute;inset:0;box-shadow:5px 5px #00000073}.tback{transform:rotateY(180deg)}.tc-badge{background:var(--yellow);color:#10121d;padding:6px 9px;font-family:"Press Start 2P",monospace;font-size:8px;position:absolute;top:-3px;right:-3px}.tc-top{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding-bottom:8px;display:flex}.tc-name{color:var(--accent);font-family:"Press Start 2P",monospace;font-size:12px}.tc-rar{color:var(--yellow);white-space:nowrap;font-size:14px}.tc-art{background:radial-gradient(circle at 50% 45%,#7fe78712,#0000 70%);flex:1;justify-content:center;align-items:center;margin:6px 0;display:flex}.tc-type{text-align:center;color:var(--dim);margin-bottom:10px;font-size:16px}.tc-stats{flex-direction:column;gap:6px;display:flex}.tc-stat{align-items:center;gap:8px;font-size:16px;display:flex}.tc-stat .k{color:var(--dim);min-width:60px}.bar{border:2px solid var(--border);background:#0c0e16;flex:1;height:11px;overflow:hidden}.bar i{background:var(--accent);height:100%;transition:width 1s;display:block}.tc-foot{text-align:center;color:var(--purple);margin-top:10px;font-size:15px}.tb-desc{color:var(--ink);flex:1;font-size:18px;line-height:1.38}.tb-chips{flex-wrap:wrap;gap:6px;margin:12px 0;display:flex}.tb-chips span{color:var(--dim);border:2px solid var(--border);padding:2px 8px;font-size:15px}.tb-links{gap:14px;display:flex}.tb-links a{color:var(--yellow);font-size:18px;text-decoration:none}.tb-links a:hover{color:var(--green)}.tb-flip{color:var(--purple);text-align:center;margin-top:8px;font-size:15px}.map{padding:6px 0;position:relative}.level{align-items:center;gap:20px;margin-bottom:8px;display:flex;position:relative}.level.rev{text-align:right;flex-direction:row-reverse}.node{border:3px solid var(--accent);background:var(--panel);cursor:pointer;z-index:2;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:74px;height:74px;transition:transform .15s,background .2s;display:flex;position:relative;box-shadow:4px 4px #00000073}.node:hover{background:var(--panel2);transform:scale(1.08)}.node.active{background:var(--accent)}.node .lv{color:var(--accent);margin-top:5px;font-family:"Press Start 2P",monospace;font-size:7px}.node.active .lv{color:#0c0e16}.connector{background:var(--border);z-index:1;width:3px;height:24px;position:absolute;top:74px;left:50%;transform:translate(-50%)}.level-info .r{color:var(--ink);font-size:22px;display:block}.level-info .o{color:var(--accent);margin:4px 0;font-family:"Press Start 2P",monospace;font-size:10px;display:block}.level-info .d{color:var(--dim);font-size:16px}.level-detail{background:var(--panel);border:3px solid var(--accent);margin-bottom:16px;overflow:hidden;box-shadow:5px 5px #00000073}.ld-pad{padding:18px 22px}.level-detail ul{list-style:none}.level-detail li{color:var(--ink);margin-bottom:7px;padding-left:22px;font-size:18px;line-height:1.35;position:relative}.level-detail li:before{content:"✓";color:var(--green);position:absolute;left:0}.rewards{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.reward{color:var(--green);border:2px solid var(--green);padding:3px 10px;font-size:16px}.bag{border:3px solid var(--border);background:var(--panel);padding:20px;box-shadow:6px 6px #00000073}.bag-top{border-bottom:2px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.bag-title{color:var(--ink);font-size:12px}.bag-count{color:var(--dim);font-size:17px}.grid{grid-template-columns:repeat(6,1fr);gap:10px;display:grid}@media (width<=600px){.grid{grid-template-columns:repeat(4,1fr)}}.slot{aspect-ratio:1;border:2px solid var(--border);cursor:help;background:#0c0e16;justify-content:center;align-items:center;transition:transform .1s;display:flex;position:relative}.slot:hover{z-index:10;transform:scale(1.12)}.slot.legendary{border-color:var(--yellow);box-shadow:inset 0 0 8px #ffd25a40}.slot.epic{border-color:var(--purple);box-shadow:inset 0 0 8px #b78cff38}.slot.rare{border-color:var(--cyan);box-shadow:inset 0 0 8px #6fdcff2e}.slot.empty{cursor:default;background:#0a0c13}.slot.empty:hover{transform:none}.tip{background:var(--ink);color:#10121d;opacity:0;visibility:hidden;z-index:20;text-align:left;border:3px solid #000;width:188px;padding:10px 12px;transition:opacity .15s;position:absolute;bottom:115%;left:50%;transform:translate(-50%);box-shadow:4px 4px #00000080}.slot:hover .tip{opacity:1;visibility:visible}.tip:after{content:"";border:6px solid #0000;border-top-color:var(--ink);width:0;height:0;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.tip .t-name{margin-bottom:6px;font-family:"Press Start 2P",monospace;font-size:9px}.tip .t-rar{margin-bottom:6px;font-size:15px;font-weight:700;display:block}.tip .t-prof{color:#2a2d3d;font-size:16px;line-height:1.2}.tip .t-used{color:#555a72;border-top:1px solid #aaa;margin-top:6px;padding-top:5px;font-size:14px}.r-leg{color:#b8860b}.r-epic{color:#7a4fd0}.r-rare{color:#1f7fa8}.legend{flex-wrap:wrap;gap:16px;margin-top:18px;font-size:16px;display:flex}.legend span{color:var(--dim);align-items:center;gap:6px;display:flex}.legend i{border:2px solid;width:12px;height:12px;display:inline-block}.li-leg{border-color:var(--yellow)}.li-epic{border-color:var(--purple)}.li-rare{border-color:var(--cyan)}.dialogue{border:3px solid var(--purple);background:var(--panel);min-height:160px;padding:20px 22px;box-shadow:6px 6px #00000073}.dlg-top{border-bottom:2px solid var(--border);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:10px;display:flex}.dlg-portrait{border:2px solid var(--purple);background:#0c0e16;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.dlg-name{color:var(--purple);font-size:11px}.dlg-text{color:var(--ink);min-height:70px;font-size:22px;line-height:1.5}.dlg-line{margin-bottom:8px}.dlg-cursor{color:var(--purple);animation:1s steps(2,end) infinite blink}.dlg-hint{color:var(--dim);text-align:right;margin-top:10px;font-size:15px}.contact-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:40px;display:grid}@media (width<=600px){.contact-grid{grid-template-columns:1fr}}.contact-card{border:3px solid var(--border);background:var(--panel);align-items:center;gap:16px;padding:16px 18px;text-decoration:none;transition:transform .15s,border-color .2s,background .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:4px 4px #0006}.contact-card:hover{border-color:var(--accent);background:var(--panel2);transform:translate(-3px,-3px);box-shadow:7px 7px #00000080}.cc-glow{pointer-events:none;opacity:0;background:radial-gradient(circle at 30% 50%,var(--accent),transparent 70%);transition:opacity .3s;position:absolute;inset:0}.contact-card:hover .cc-glow{opacity:.08}.cc-icon{border:2px solid var(--accent);background:radial-gradient(circle,#00000080,#0c0e16);flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:box-shadow .25s,transform .2s;display:flex;position:relative;box-shadow:0 0 14px #0006,inset 0 0 12px #0000004d}.contact-card:hover .cc-icon{box-shadow:0 0 18px color-mix(in srgb, var(--accent) 30%, transparent), inset 0 0 10px color-mix(in srgb, var(--accent) 15%, transparent);transform:scale(1.08)}.cc-icon:after{content:"";background:linear-gradient(135deg,transparent 40%,var(--accent) 50%,transparent 60%);opacity:0;z-index:-1;background-position:100% 100%;background-size:300% 300%;transition:opacity .3s;position:absolute;inset:-2px}.contact-card:hover .cc-icon:after{opacity:.5;animation:.8s forwards shimmer-icon}@keyframes shimmer-icon{to{background-position:0 0}}.cc-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.cc-label{color:var(--accent);letter-spacing:.5px;font-family:"Press Start 2P",monospace;font-size:10px}.cc-value{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:19px;transition:color .2s;overflow:hidden}.contact-card:hover .cc-value{color:var(--accent)}.cc-arrow{color:var(--dim);font-family:"Press Start 2P",monospace;font-size:22px;transition:transform .2s,color .2s}.contact-card:hover .cc-arrow{color:var(--accent);transform:translate(5px)}.resume-section{margin-top:8px}.resume-head{color:var(--yellow);align-items:center;gap:10px;margin:0 0 16px;font-size:13px;display:flex}.resume-tabs{z-index:2;gap:0;margin-bottom:-3px;display:flex;position:relative}.resume-tab{background:var(--panel);color:var(--dim);border:3px solid var(--border);cursor:pointer;border-bottom:none;padding:12px 20px;font-family:"Press Start 2P",monospace;font-size:9px;transition:color .15s,background .15s,border-color .15s}.resume-tab:hover{color:var(--ink);background:var(--panel2)}.resume-tab.active{color:var(--yellow);background:var(--panel2);border-color:var(--yellow);border-bottom:3px solid var(--panel2);margin-bottom:-3px}.resume-viewer{border:3px solid var(--border);background:var(--panel);height:600px;padding:6px;position:relative;box-shadow:6px 6px #00000073}.resume-frame{background:#fff;border:0;width:100%;height:100%}.resume-fallback{height:100%;color:var(--dim);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;font-size:19px;display:flex}.resume-actions{justify-content:center;gap:12px;margin-top:16px;display:flex}.resume-actions .pbtn{align-items:center;gap:8px;display:inline-flex}@media (width<=600px){.resume-viewer{height:420px}.resume-tab{padding:10px 14px;font-size:8px}}.footer{text-align:center;color:#565b7d;padding:36px 0 130px;font-size:17px}.companion{z-index:80;align-items:flex-end;gap:10px;display:flex;position:fixed;bottom:18px;right:22px}.bubble{background:var(--ink);color:#10121d;border:3px solid #000;max-width:220px;padding:11px 13px;font-size:19px;line-height:1.25;position:relative;box-shadow:4px 4px #00000080}.bubble:after{content:"";border:6px solid #0000;border-left-color:var(--ink);width:0;height:0;position:absolute;bottom:16px;right:-13px}@media (width<=560px){.companion{transform-origin:100% 100%;bottom:8px;right:8px;transform:scale(.72)}.bubble{max-width:150px;font-size:17px}}@media (width<=680px){.tcard{height:320px}}@media (width<=560px){.tcard{height:340px}.tc-name{font-size:11px}.level{gap:14px}.level.rev{text-align:left;flex-direction:row}.node{width:60px;height:60px}.connector{top:60px}.level-info .r{font-size:20px}}:root{--bg:#10121d;--bg2:#0c0e16;--panel:#1a1d2e;--panel2:#23273d;--border:#3a3f5c;--ink:#e8e6d5;--green:#7fe787;--yellow:#ffd25a;--pink:#ff7eb6;--cyan:#6fdcff;--purple:#b78cff;--dim:#8a8fb0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);image-rendering:pixelated;cursor:default;font-family:VT323,monospace;font-size:21px;line-height:1.4;overflow-x:hidden}a{color:inherit}.press{font-family:"Press Start 2P",monospace}.stars{z-index:0;pointer-events:none;opacity:.45;background-image:radial-gradient(1px 1px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#bbb,#0000),radial-gradient(1px 1px at 35% 85%,#fff,#0000),radial-gradient(1px 1px at 90%,#999,#0000),radial-gradient(1px 1px at 10% 60%,#fff,#0000);background-size:220px 220px;position:fixed;inset:0}.scan{z-index:90;pointer-events:none;background:repeating-linear-gradient(0deg,#00000024 0 1px,#0000 1px 3px);position:fixed;inset:0}.wrap{z-index:2;max-width:920px;margin:0 auto;padding:0 24px;position:relative}.pixbox{background:var(--panel);border:3px solid var(--border);box-shadow:0 0 0 3px var(--bg),6px 6px 0 #0006;position:relative}.blink{animation:1s steps(2,end) infinite blink}@keyframes blink{50%{opacity:0}}.pbtn{background:var(--panel2);color:var(--ink);border:3px solid var(--border);cursor:pointer;align-items:center;gap:8px;padding:16px 22px;font-family:"Press Start 2P",monospace;font-size:11px;text-decoration:none;transition:transform 80ms,box-shadow 80ms,color 80ms,border-color 80ms;display:inline-flex;box-shadow:4px 4px #000}.pbtn:hover{color:var(--yellow);border-color:var(--yellow);transform:translate(-2px,-2px);box-shadow:6px 6px #000}.pbtn:active{transform:translate(2px,2px);box-shadow:1px 1px #000}.pbtn.go{background:var(--green);color:#10121d;border-color:#3fa84a}.pbtn.go:hover{color:#10121d;border-color:#fff}::selection{background:var(--pink);color:#10121d}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border);border:2px solid var(--bg2)}