:root{--bg:#090d12;--panel:#0f1620;--panel-hover:#131c28;--line:#1b2733;--line-bright:#2a3a49;--teal:#2dd4bf;--teal-bright:#5eead4;--text:#d7e2ea;--text-dim:#7c8b99;--text-faint:#4b5a68;--font-display:"Chakra Petch", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-body:"Inter", sans-serif;--suit-hearts:#ff4fa3;--suit-spades:#4ade80;--suit-clubs:var(--teal-bright);--suit-diamonds:#facc15}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;padding:0}#root{min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.shell{min-height:100vh;position:relative;overflow:hidden}.grid-backdrop{z-index:0;pointer-events:none;background-image:linear-gradient(var(--line) 1px, transparent 2px), linear-gradient(90deg, var(--line) 1px, transparent 2px);opacity:.35;background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(80% 60% at 50% 35%,#000 40%,#0000 90%);mask-image:radial-gradient(80% 60% at 50% 35%,#000 40%,#0000 90%)}:focus-visible{outline:2px solid var(--teal-bright);outline-offset:3px}.home{z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:clamp(2.5rem,6vw,4rem);min-height:100vh;padding:2rem 1.25rem;display:flex;position:relative}.home__header{text-align:center}.home__eyebrow{font-family:var(--font-mono);letter-spacing:.28em;color:var(--teal);opacity:.8;margin-bottom:.9rem;font-size:.75rem;display:inline-block}.home__title{font-family:var(--font-display);letter-spacing:.02em;color:var(--text);margin:0;font-size:clamp(2.4rem,7vw,3.6rem);font-weight:600}.home__title-accent{color:var(--teal-bright);text-shadow:0 0 24px #5eead473}.home__subtitle{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.08em;margin:.6rem 0 0;font-size:.9rem}.home__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2.2vw,1.4rem);width:min(680px,92vw);display:grid}@media (width<=560px){.home__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.nav-tile{aspect-ratio:1/.95;background:var(--line-bright);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);color:var(--text);flex-direction:column;align-items:flex-start;gap:.65rem;padding:1.1rem 1.15rem;transition:background .2s,box-shadow .25s,transform .15s;display:flex;position:relative}.nav-tile:before{content:"";background:var(--panel);clip-path:polygon(0 0,calc(100% - 16px) 0,100% 16px,100% 100%,0 100%);z-index:0;transition:background .2s;position:absolute;inset:1px}.nav-tile:hover:before,.nav-tile:focus-visible:before{background:var(--panel-hover)}.nav-tile>*{z-index:1;position:relative}.nav-tile:hover,.nav-tile:focus-visible{background:var(--teal);transform:translateY(-2px);box-shadow:0 0 0 1px #2dd4bf40,0 0 28px #2dd4bf2e,inset 0 0 24px #2dd4bf0f}.nav-tile:active{transform:translateY(0)}.nav-tile__tag{font-family:var(--font-mono);letter-spacing:.18em;color:var(--text-faint);font-size:.65rem;transition:color .2s}.nav-tile:hover .nav-tile__tag,.nav-tile:focus-visible .nav-tile__tag{color:var(--teal)}.nav-tile__icon{color:var(--text-dim);transition:color .2s,filter .2s}.nav-tile:hover .nav-tile__icon,.nav-tile:focus-visible .nav-tile__icon{color:var(--teal-bright);filter:drop-shadow(0 0 6px #5eead480)}.nav-tile__label{font-family:var(--font-display);letter-spacing:.01em;margin-top:auto;font-size:1.02rem;font-weight:600}.nav-tile__corner{width:18px;height:18px;stroke:var(--line-bright);stroke-width:1.4px;fill:none;transition:stroke .2s;position:absolute;top:0;right:0}.nav-tile:hover .nav-tile__corner,.nav-tile:focus-visible .nav-tile__corner{stroke:var(--teal)}.nav-tile--disabled{opacity:.4;pointer-events:none}.placeholder{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.8rem;min-height:100vh;padding:2rem;display:flex;position:relative}.placeholder__tag{font-family:var(--font-mono);letter-spacing:.2em;color:var(--teal);opacity:.8;font-size:.75rem}.placeholder__title{font-family:var(--font-display);margin:0;font-size:clamp(2rem,6vw,2.8rem)}.placeholder__body{font-family:var(--font-body);color:var(--text-dim);margin:0 0 .6rem}.placeholder__back{font-family:var(--font-mono);color:var(--teal-bright);border-bottom:1px solid #0000;font-size:.85rem;transition:border-color .2s}.placeholder__back:hover{border-color:var(--teal-bright)}.page{z-index:1;flex-direction:column;gap:1.4rem;width:min(760px,92vw);min-height:100vh;margin:0 auto;padding:clamp(2rem,5vw,3.5rem) 0 4rem;display:flex;position:relative}.page__back{font-family:var(--font-mono);color:var(--teal-bright);border-bottom:1px solid #0000;align-self:flex-start;font-size:.8rem;transition:border-color .2s}.page__back:hover{border-color:var(--teal-bright)}.page__header{margin-top:.5rem}.page__eyebrow{font-family:var(--font-mono);letter-spacing:.24em;color:var(--teal);opacity:.8;margin-bottom:.5rem;font-size:.7rem;display:block}.page__title{font-family:var(--font-display);margin:0;font-size:clamp(2rem,5.5vw,2.8rem);font-weight:600}.page__subtitle{font-family:var(--font-mono);color:var(--text-dim);margin:.5rem 0 0;font-size:.8rem}.page__link{font-family:var(--font-mono);color:var(--teal-bright);border-bottom:1px solid #0000;margin-top:.3rem;font-size:.8rem;transition:border-color .2s;display:inline-block}.page__link:hover{border-color:var(--teal-bright)}.panel{background:var(--line-bright);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%);padding:calc(1.5rem + 1px) calc(1.6rem + 1px);transition:background .2s,box-shadow .25s;position:relative}.panel:before{content:"";background:var(--panel);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);z-index:0;position:absolute;inset:1px}.panel>*{z-index:1;position:relative}.panel:hover{background:var(--teal);box-shadow:0 0 0 1px #2dd4bf33,0 0 24px #2dd4bf1f}.panel__title{font-family:var(--font-mono);letter-spacing:.2em;color:var(--teal);text-transform:uppercase;margin:0 0 1rem;font-size:.75rem}.panel__text{font-family:var(--font-body);color:var(--text);margin:0;line-height:1.6}.entry+.entry{border-top:1px solid var(--line);margin-top:1.2rem;padding-top:1.2rem}.entry__row{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.4rem 1rem;display:flex}.entry__title{font-family:var(--font-display);color:var(--text);font-size:1rem;font-weight:600}.entry__dates{font-family:var(--font-mono);color:var(--text-faint);white-space:nowrap;font-size:.72rem}.entry__place{font-family:var(--font-mono);color:var(--text-dim);margin:.2rem 0 .5rem;font-size:.78rem}.entry__desc{font-family:var(--font-body);color:var(--text-dim);margin:0;font-size:.92rem;line-height:1.55}.skill-group+.skill-group{margin-top:1rem}.skill-group__label{font-family:var(--font-mono);color:var(--text-faint);letter-spacing:.1em;margin-bottom:.5rem;font-size:.72rem;display:block}.skill-tags{flex-wrap:wrap;gap:.5rem;display:flex}.skill-tag{font-family:var(--font-mono);color:var(--teal-bright);background:#2dd4bf14;border:1px solid #2dd4bf40;padding:.25rem .6rem;font-size:.75rem}.avatar-frame{background:var(--line-bright);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);width:168px;height:168px;padding:4px;position:relative}.avatar-frame:before{content:"";background:conic-gradient(from 0deg, transparent 0deg, var(--teal) 60deg, var(--teal-bright) 75deg, transparent 90deg, transparent 360deg);filter:drop-shadow(0 0 5px #5eead499);animation:13s linear infinite avatar-spin;position:absolute;inset:-50%}.avatar-frame__inner{z-index:1;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%);background:var(--panel);width:100%;height:100%;position:relative;overflow:hidden}.avatar-frame__inner img{object-fit:cover;width:100%;height:100%;display:block}@keyframes avatar-spin{to{transform:rotate(360deg)}}.form{flex-direction:column;gap:1.1rem;display:flex}.form__field{flex-direction:column;gap:.4rem;display:flex}.form__label{font-family:var(--font-mono);letter-spacing:.12em;color:var(--text-dim);font-size:.72rem}.form__input{font-family:var(--font-body);color:var(--text);background:var(--bg);border:1px solid var(--line-bright);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);padding:.65rem .8rem;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.form__input:focus{border-color:var(--teal);outline:none;box-shadow:0 0 0 1px #2dd4bf40,0 0 16px #2dd4bf26}.form__input--textarea{resize:vertical;min-height:120px;font-family:var(--font-body)}.form__submit{font-family:var(--font-mono);letter-spacing:.08em;color:var(--bg);background:var(--teal-bright);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);border:none;align-self:flex-start;padding:.7rem 1.4rem;font-size:.85rem;transition:background .2s,opacity .2s,transform .15s}.form__submit:hover:not(:disabled){background:var(--teal);transform:translateY(-1px)}.form__submit:disabled{opacity:.5;cursor:not-allowed}.form__error{font-family:var(--font-mono);color:#f87171;margin:0;font-size:.8rem}.social-links{flex-wrap:wrap;justify-content:center;gap:.9rem;display:flex}.social-link{font-family:var(--font-mono);color:var(--text-dim);background:var(--line-bright);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);align-items:center;gap:.5rem;padding:calc(.55rem + 1px) calc(.9rem + 1px);font-size:.8rem;transition:color .2s,background .2s,box-shadow .2s;display:flex;position:relative}.social-link:before{content:"";background:var(--panel);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);z-index:0;transition:background .2s;position:absolute;inset:1px}.social-link:hover:before{background:var(--panel-hover)}.social-link>*{z-index:1;position:relative}.social-link:hover{color:var(--teal-bright);background:var(--teal);box-shadow:0 0 16px #2dd4bf26}.social-link__icon{color:inherit;display:flex}.social-link__icon svg{width:16px;height:16px}.project-tech{flex-wrap:wrap;gap:.5rem;margin:1rem 0 1.2rem;display:flex}.project-highlights{flex-direction:column;gap:.6rem;margin:0;padding-left:1.2rem;display:flex}.project-highlights li{font-family:var(--font-body);color:var(--text-dim);font-size:.92rem;line-height:1.55}.project-links{flex-wrap:wrap;gap:.9rem;margin-top:1.4rem;display:flex}.bj-card-flip{perspective:1000px;flex-shrink:0;width:92px;height:128px;position:relative}.bj-card-flip__inner{transform-style:preserve-3d;position:absolute;inset:0}.bj-card-flip__face{backface-visibility:hidden;position:absolute;inset:0}.bj-card-flip__face--back{transform:rotateY(180deg)}.bj-card{background:var(--line-bright);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,0 100%);filter:drop-shadow(0 4px 10px #00000080);position:absolute;inset:0}.bj-card--hearts{background:var(--suit-hearts)}.bj-card--spades{background:var(--suit-spades)}.bj-card--clubs{background:var(--suit-clubs)}.bj-card--diamonds{background:var(--suit-diamonds)}.bj-card__inner{background:var(--panel);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);flex-direction:column;justify-content:space-between;padding:.4rem .5rem;display:flex;position:absolute;inset:1.5px}.bj-card__corner{flex-direction:column;align-items:center;line-height:1;display:flex}.bj-card__corner--bottom{align-self:flex-end;transform:rotate(180deg)}.bj-card__rank{font-family:var(--font-display);color:var(--text);font-size:1.05rem;font-weight:600}.bj-card__pip{margin-top:.1rem;font-size:.85rem;line-height:1}.bj-card__pip--center{filter:drop-shadow(0 0 6px);font-size:2.4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bj-card--hearts .bj-card__inner{color:var(--suit-hearts)}.bj-card--spades .bj-card__inner{color:var(--suit-spades)}.bj-card--clubs .bj-card__inner{color:var(--suit-clubs)}.bj-card--diamonds .bj-card__inner{color:var(--suit-diamonds)}.bj-card__rank{color:var(--text)!important}.bj-card--back{background:var(--line-bright)}.bj-card__back-pattern{background:var(--panel);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);background-image:repeating-linear-gradient(45deg, var(--line) 0, var(--line) 2px, transparent 2px, transparent 10px);position:absolute;inset:1.5px}.bj-hand{flex-direction:column;align-items:center;gap:.6rem;display:flex}.bj-hand__header{font-family:var(--font-mono);letter-spacing:.1em;color:var(--text-dim);text-transform:uppercase;align-items:center;gap:.6rem;font-size:.8rem;display:flex}.bj-hand__total{color:var(--teal-bright);font-weight:500}.bj-hand__cards{justify-content:center;display:flex}.bj-hand__card-slot{margin-left:-32px}.bj-hand__card-slot:first-child{margin-left:0}@media (width<=480px){.bj-card-flip{width:72px;height:100px}.bj-card__pip--center{font-size:1.8rem}.bj-hand__card-slot{margin-left:-26px}}.bj-table{flex-direction:column;gap:2.5rem;margin-top:1.5rem;padding:2rem 1rem;display:flex}.bj-message{text-align:center;font-family:var(--font-display);color:var(--teal-bright);text-shadow:0 0 16px #5eead466;margin:0;font-size:1.3rem;font-weight:600}.bj-controls{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.form__submit--secondary{background:var(--line-bright);color:var(--teal-bright);padding:calc(.7rem + 1px) calc(1.4rem + 1px);position:relative}.form__submit--secondary:before{content:"";background:var(--panel);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);z-index:-1;transition:background .2s;position:absolute;inset:1px}.form__submit--secondary:hover:not(:disabled):before{background:var(--panel-hover)}.form__submit--secondary:hover:not(:disabled){background:var(--teal)}.bj-hud{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-dim);text-transform:uppercase;justify-content:center;gap:1.5rem;margin-top:.5rem;font-size:.8rem;display:flex}.bj-hud__value{color:var(--teal-bright);margin-left:.4rem}.bj-chips{flex-wrap:wrap;justify-content:center;gap:.7rem;margin-top:1.2rem;display:flex}.bj-chip{background:var(--line-bright);width:54px;height:54px;color:var(--text);font-family:var(--font-mono);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:500;transition:transform .15s,background .2s;display:flex;position:relative}.bj-chip:before{content:"";background:var(--panel);z-index:-1;border-radius:50%;transition:background .2s;position:absolute;inset:3px}.bj-chip:hover:not(:disabled){background:var(--teal);transform:translateY(-3px)}.bj-chip:hover:not(:disabled):before{background:var(--panel-hover)}.bj-chip:disabled{opacity:.3;cursor:not-allowed}.bj-chip--clear{clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);width:auto;height:54px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;border-radius:0;padding:0 1rem;font-size:.72rem}.bj-chip--clear:before{clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);border-radius:0}.bj-out-of-eddies{text-align:center;font-family:var(--font-mono);color:var(--text-dim);margin-top:1rem;font-size:.85rem}.bj-deck{flex-shrink:0;width:70px;height:98px;margin:0 auto;position:relative}.bj-deck__card{background:var(--line-bright);clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transform:translate(calc(var(--stack-index) * 2px), calc(var(--stack-index) * -2px));filter:drop-shadow(0 3px 8px #00000080);position:absolute;inset:0}.bj-deck__card:before{content:"";background:var(--panel);clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,0 100%);background-image:repeating-linear-gradient(45deg, var(--line) 0, var(--line) 2px, transparent 2px, transparent 10px);position:absolute;inset:1.5px}