@layer home{.wn-root{--wn-bg:#0c0f17;--wn-bg-elevated:#141926;--wn-bg-card:#181f30;--wn-border:#ffffff1a;--wn-border-strong:#ffffff38;--wn-text:#f3f5f9;--wn-muted:#9ca6ba;--wn-accent:#63b3ed;--wn-amber:#f6ad55;--wn-violet:#b794f4;--wn-radius:18px;--wn-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;background:radial-gradient(90% 60% at 15% 0%, #63b3ed1f, transparent 65%), radial-gradient(80% 55% at 85% 10%, #b794f41f, transparent 65%), var(--wn-bg);min-block-size:100dvh;color:var(--wn-text);font-family:var(--wn-sans);flex-direction:column;line-height:1.55;display:flex}.wn-root :focus-visible{outline:3px solid var(--wn-accent);outline-offset:3px}.wn-shell{flex:1;gap:3.5rem;inline-size:min(1040px,100% - 2.5rem);margin-inline:auto;padding-block:2.5rem 4rem;display:grid}.wn-header{border-block-end:1px solid var(--wn-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-block-end:1.25rem;display:flex}.wn-brand{letter-spacing:-.01em;color:var(--wn-text);font-size:1.15rem;font-weight:800;text-decoration:none}.wn-nav{flex-wrap:wrap;gap:.5rem;display:flex}.wn-nav__link{border:1px solid var(--wn-border);min-block-size:38px;color:var(--wn-muted);background:#ffffff08;border-radius:999px;align-items:center;gap:.4em;padding-block:.35rem;padding-inline:.85rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:border-color .14s,color .14s,background-color .14s;display:inline-flex}.wn-nav__link:hover{color:var(--wn-text);border-color:var(--wn-border-strong);background:#ffffff12}.wn-hero{gap:1.1rem;max-inline-size:68ch;display:grid}.wn-kicker{letter-spacing:.08em;text-transform:uppercase;color:var(--wn-accent);font-size:.85rem;font-weight:700}.wn-title{letter-spacing:-.025em;text-wrap:balance;font-size:clamp(2.1rem,1.5rem + 3vw,3.25rem);font-weight:800;line-height:1.12}.wn-bio{color:var(--wn-muted);text-wrap:pretty;font-size:clamp(1.05rem,.98rem + .35vw,1.2rem)}.wn-section{gap:1.25rem;display:grid}.wn-section__head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:.5rem;display:flex}.wn-h2{letter-spacing:-.015em;text-wrap:balance;font-size:clamp(1.35rem,1.15rem + .8vw,1.65rem);font-weight:750}.wn-section__sub{color:var(--wn-muted);font-size:.95rem}.wn-games{grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));grid-auto-rows:auto;gap:1.25rem;inline-size:100%;display:grid}.wn-card{grid-row:span 3;grid-template-rows:auto 1fr auto;grid-template-rows:subgrid;border-radius:var(--wn-radius);border:1px solid var(--wn-border);background:linear-gradient(165deg, var(--wn-bg-card), var(--wn-bg-elevated));gap:1rem;padding:1.5rem;transition:border-color .16s,transform .16s;display:grid;box-shadow:0 18px 40px -20px #000000a6}.wn-card:hover{border-color:var(--wn-border-strong);transform:translateY(-2px)}.wn-card--spirit{background:radial-gradient(90% 80% at 100% 0,#f6ad5524,#0000 65%),linear-gradient(165deg,#211814,#14100e);border-color:#f6ad5547}.wn-card--psych{background:radial-gradient(90% 80% at 100% 0,#b794f429,#0000 65%),linear-gradient(165deg,#172138,#111625);border-color:#63b3ed47}.wn-card--battle{background:radial-gradient(90% 80% at 100% 0,#f5656526,#0000 65%),linear-gradient(165deg,#27151b,#140f14);border-color:#fc818147}.wn-card__top{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.wn-card__title{letter-spacing:-.01em;align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;display:flex}.wn-badge{border:1px solid var(--wn-border);color:var(--wn-muted);white-space:nowrap;background:#ffffff0d;border-radius:999px;align-items:center;padding-block:.2rem;padding-inline:.65rem;font-size:.78rem;font-weight:600;display:inline-flex}.wn-card__desc{color:var(--wn-muted);text-wrap:pretty;font-size:.98rem}.wn-card__actions{flex-wrap:wrap;gap:.65rem;padding-block-start:.25rem;display:flex}.wn-btn{border:1px solid var(--wn-border-strong);min-block-size:44px;color:var(--wn-text);cursor:pointer;background:#ffffff0f;border-radius:999px;justify-content:center;align-items:center;gap:.45em;padding-block:.55rem;padding-inline:1.15rem;font-size:.95rem;font-weight:650;text-decoration:none;transition:filter .14s,transform .12s,background-color .14s;display:inline-flex}.wn-btn:hover{background:#ffffff1f}.wn-btn:active{transform:translateY(1px)}.wn-btn--spirit{color:#1a110b;background:linear-gradient(135deg,#f6ad55,#dd6b20);border-color:#0000;font-weight:750}.wn-btn--spirit:hover{background:linear-gradient(135deg,#fbd38d,#ed8936)}.wn-btn--psych{color:#fff;background:linear-gradient(135deg,#4299e1,#805ad5);border-color:#0000;font-weight:750}.wn-btn--psych:hover{filter:brightness(1.1)}.wn-btn--battle{color:#fff;background:linear-gradient(135deg,#f56565,#c53030);border-color:#0000;font-weight:750}.wn-btn--battle:hover{filter:brightness(1.1)}.wn-projects{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));grid-auto-rows:auto;gap:1rem;inline-size:100%;display:grid}.wn-project{grid-row:span 2;grid-template-rows:auto 1fr;grid-template-rows:subgrid;border:1px solid var(--wn-border);color:var(--wn-text);background:#ffffff06;border-radius:14px;gap:.45rem;padding:1.2rem 1.35rem;text-decoration:none;transition:border-color .14s,background-color .14s;display:grid}.wn-project:hover{border-color:var(--wn-border-strong);background:#ffffff0d}.wn-project__title{justify-content:space-between;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:700;display:flex}.wn-project__desc{color:var(--wn-muted);text-wrap:pretty;font-size:.92rem}.wn-footer{border-block-start:1px solid var(--wn-border);color:var(--wn-muted);flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding-block-start:1.5rem;font-size:.88rem;display:flex}}@layer reset{html{box-sizing:border-box;-webkit-text-size-adjust:100%}:where(*){box-sizing:inherit}:where(body,h1,h2,h3,p,ul,ol,figure){margin:0}:where(ul){padding:0;list-style:none}:where(button,input,select){font:inherit;color:inherit}}@layer base,components,screens,psych;