:root{--wolvy-ink:#0b0616;--wolvy-violet:#7e3dd9;--wolvy-banana:#f7ee7f;--wolvy-mint:#60f5bd;--wolvy-pink:#f9a8c8;--wolvy-lake:#7dd2fc;--wolvy-lavender:#f6f4fe;--violet-50:#f6f4fe;--violet-100:#efebfc;--violet-200:#e2dafa;--violet-300:#cbbcf6;--violet-400:#b096ef;--violet-500:#976be7;--violet-600:#7e3dd9;--violet-700:#7839c8;--violet-800:#642fa8;--violet-900:#542989;--violet-950:#33185d;--electric-50:#ececff;--electric-100:#deddff;--electric-200:#c3c1ff;--electric-300:#a39cff;--electric-400:#8974ff;--electric-500:#7c54ff;--electric-600:#7035f6;--electric-700:#6228da;--electric-800:#4f24af;--electric-900:#42258a;--electric-950:#0b0616;--yellow-50:#fdfce9;--yellow-100:#fbf8c6;--yellow-200:#f7ee7f;--yellow-300:#f4e150;--yellow-400:#eece21;--yellow-500:#deb614;--yellow-600:#c08e0e;--yellow-700:#99670f;--yellow-800:#7f5214;--yellow-900:#6c4317;--yellow-950:#3f2209;--mint-50:#eafff5;--mint-100:#ccffe6;--mint-200:#acfcd9;--mint-300:#60f5bd;--mint-400:#22e5a2;--mint-500:#00cc8c;--mint-600:#00a673;--mint-700:#008560;--mint-800:#00694c;--mint-900:#005641;--mint-950:#003125;--pink-50:#fdf2f6;--pink-100:#fce7f0;--pink-200:#fbcfe1;--pink-300:#f9a8c8;--pink-400:#f472a3;--pink-500:#ec4881;--pink-600:#db275c;--pink-700:#be1844;--pink-800:#9d1739;--pink-900:#831833;--pink-950:#500618;--blue-50:#f0f9ff;--blue-100:#e0f2fe;--blue-200:#bae5fd;--blue-300:#7dd2fc;--blue-400:#38bbf8;--blue-500:#0ea3e9;--blue-600:#0282c7;--blue-700:#0368a1;--blue-800:#075885;--blue-900:#0c496e;--blue-950:#082e49;--bg-base:var(--wolvy-ink);--bg-raised:#1a0f2e;--bg-overlay:var(--violet-950);--text-primary:var(--wolvy-lavender);--text-secondary:var(--violet-200);--text-muted:var(--violet-300);--accent:var(--wolvy-violet);--accent-hover:var(--violet-500);--link:var(--electric-400);--highlight:var(--wolvy-banana);--border:var(--violet-950);--border-strong:var(--wolvy-violet);--success:var(--mint-400);--error:var(--pink-500);--warning:var(--yellow-300);--info:var(--blue-400);--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-12:48px;--space-16:64px;--space-24:96px;--space-32:128px;--border-w:2px;--border-w-heavy:4px;--radius-retro:0;--radius-product:8px;--shadow-pixel:4px 4px 0 0 var(--wolvy-ink);--shadow-pixel-violet:4px 4px 0 0 var(--violet-800);--shadow-pixel-banana:4px 4px 0 0 var(--wolvy-banana);--shadow-pixel-sm:2px 2px 0 0 var(--wolvy-ink);--font-display:"Franie", "Montserrat", "Poppins", sans-serif;--font-body:"Inter", system-ui, -apple-system, sans-serif;--font-pixel:"Rooyin", "Press Start 2P", monospace;--font-hand-ar:"Playpen Sans Arabic", "Rubik", sans-serif}[dir=rtl]{--font-display:"SetarXS", "Rubik", "IBM Plex Sans Arabic", sans-serif;--font-body:"SetarXS", "IBM Plex Sans Arabic", "Cairo", sans-serif}@font-face{font-family:Franie;src:url(/fonts/Franie-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Rooyin;src:url(/fonts/RooyinFree-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Rooyin;src:url(/fonts/RooyinFree-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--bg-base);min-height:100dvh;color:var(--text-primary);font:400 16px/1.6 var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0}::selection{background:var(--wolvy-banana);color:var(--wolvy-ink)}:focus-visible{outline:3px solid var(--wolvy-banana);outline-offset:3px}a{color:var(--link)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--wolvy-ink)}::-webkit-scrollbar-thumb{background:var(--violet-800);border:2px solid var(--wolvy-ink)}.backdrop{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#f6f4fe0b 1px,#0000 1px),linear-gradient(#f6f4fe0b 1px,#0000 1px);background-position:100% 100%;background-size:32px 32px;position:fixed;inset:0;overflow:hidden}.backdrop__wolf{color:#170d2a;width:416px;height:192px;position:absolute;bottom:-64px;right:-96px}@media (width>=900px){.backdrop__wolf{width:832px;height:384px;bottom:-128px;right:-192px}}.page{z-index:1;flex-direction:column;min-height:100dvh;display:flex;position:relative}.column{width:100%;max-width:592px;padding-inline:var(--space-4);margin-inline:auto}@media (width>=480px){.column{padding-inline:var(--space-6)}}main.column{padding-top:calc(var(--space-6) + env(safe-area-inset-top));flex:1}.window{background:var(--bg-raised);border:var(--border-w) solid var(--violet-950);box-shadow:var(--shadow-pixel-violet)}.window__bar{justify-content:space-between;align-items:center;gap:var(--space-3);background:var(--wolvy-violet);color:var(--wolvy-lavender);border-bottom:var(--border-w) solid var(--violet-950);font:400 13px/1.4 var(--font-pixel);letter-spacing:.06em;-webkit-user-select:none;user-select:none;padding:7px 12px;display:flex}.window__controls{color:var(--wolvy-ink);flex:none}.profile__body{padding:var(--space-8) 20px var(--space-6);text-align:center;position:relative}.icon-btn{width:44px;height:44px;color:var(--wolvy-lavender);border:var(--border-w) solid var(--violet-600);cursor:pointer;touch-action:manipulation;background:0 0;place-items:center;padding:0;transition:transform .1s steps(2,end),color .1s steps(2,end),border-color .1s steps(2,end);display:inline-grid}.icon-btn:hover{border-color:var(--wolvy-banana);color:var(--wolvy-banana)}.icon-btn:active{transform:translate(2px,2px)}.profile__share{top:var(--space-3);position:absolute;inset-inline-end:var(--space-3)}.avatar{background:var(--wolvy-violet);width:96px;height:96px;color:var(--wolvy-lavender);border:var(--border-w) solid var(--wolvy-ink);box-shadow:var(--shadow-pixel-banana);cursor:pointer;touch-action:manipulation;place-items:center;margin:0 auto;padding:0;transition:transform .1s steps(2,end),box-shadow .1s steps(2,end);display:grid}.avatar:active{box-shadow:none;transform:translate(4px,4px)}.avatar__wolf{width:78px;height:36px;display:block}.is-hopping{animation:.6s step-end both hop}@keyframes hop{0%{transform:translateY(0)}20%,60%{transform:translateY(-12px)}40%{transform:translateY(-18px)}80%{transform:translateY(0)}}.profile__name{margin:var(--space-6) 0 0;font-size:0;line-height:1}.profile__name svg{width:auto;height:28px;color:var(--wolvy-lavender);display:inline-block}.profile__handle{margin:var(--space-3) 0 0;font:400 14px/1.4 var(--font-pixel);letter-spacing:.04em;color:var(--text-muted)}.cursor{vertical-align:-2px;background:var(--wolvy-banana);width:8px;height:14px;margin-inline-start:4px;animation:1.1s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.profile__bio{max-width:34ch;margin:var(--space-3) auto 0;color:var(--text-secondary);text-wrap:balance;font-size:16px;line-height:1.55}.profile__tagline{margin:var(--space-2) 0 0;font:500 17px/1.9 var(--font-hand-ar);letter-spacing:0;color:var(--wolvy-banana)}.social{justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin:20px 0 0;padding:0;list-style:none;display:flex}.social__link{touch-action:manipulation;transition:transform .1s steps(2,end);display:block}.social__link img{width:44px;height:44px;display:block}.social__link:active{transform:translate(2px,2px)}.chip{background:var(--violet-100);width:48px;height:48px;color:var(--wolvy-ink);border:var(--border-w) solid var(--wolvy-ink);flex:none;place-items:center;display:grid}.chip img{width:auto;max-width:32px;height:auto;max-height:32px;display:block}.chip--banana{background:var(--wolvy-banana)}.featured-slot{margin-top:var(--space-8)}.featured{min-height:92px;padding:20px 18px var(--space-4) 14px;background:var(--accent);color:var(--wolvy-lavender);border:var(--border-w) solid var(--wolvy-ink);box-shadow:var(--shadow-pixel-banana);touch-action:manipulation;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:14px;text-decoration:none;transition:transform .1s steps(2,end),box-shadow .1s steps(2,end);display:grid;position:relative}.featured .chip{width:56px;height:56px}.featured .chip img{max-width:40px;max-height:40px}.featured__title{font:700 18px/1.2 var(--font-display);display:block}.featured__sub{margin-top:var(--space-1);color:var(--violet-100);font-size:14px;line-height:1.4;display:block}.featured .row__arrow{color:var(--wolvy-lavender)}.featured:active{box-shadow:none;transform:translate(4px,4px)}.featured__sticker{top:-14px;background:var(--wolvy-banana);color:var(--wolvy-ink);border:var(--border-w) solid var(--wolvy-ink);box-shadow:var(--shadow-pixel-sm);font:400 12px/1.4 var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;padding:3px 8px;position:absolute;inset-inline-end:var(--space-3);transform:rotate(-3deg)}.group{margin-top:40px}.eyebrow{margin:0 0 var(--space-4);font:700 13px/1.2 var(--font-pixel);letter-spacing:.08em;text-transform:uppercase;color:var(--wolvy-banana);align-items:center;gap:10px;display:flex}.eyebrow:before{content:"►";font-size:10px}.eyebrow:after{content:"";border-top:var(--border-w) dashed var(--violet-950);flex:1}[dir=rtl] .eyebrow{letter-spacing:0}[dir=rtl] .eyebrow:before{content:"◄"}.rows{gap:14px;margin:0;padding:0;list-style:none;display:grid}.row,.tile{background:var(--bg-raised);color:var(--text-primary);border:var(--border-w) solid var(--violet-950);box-shadow:var(--shadow-pixel-violet);touch-action:manipulation;text-decoration:none;transition:transform .1s steps(2,end),box-shadow .1s steps(2,end),border-color .1s steps(2,end)}.row{min-height:76px;padding:var(--space-3) 18px var(--space-3) var(--space-3);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.row__text{min-width:0}.row__title{font-size:16px;font-weight:600;line-height:1.3;display:block}.row__sub{color:var(--text-muted);margin-top:2px;font-size:14px;line-height:1.4;display:block}.row__sub,.featured__sub,.tile__sub{text-wrap:pretty}.row__arrow{color:var(--violet-400);flex:none;transition:transform .1s steps(2,end),color .1s steps(2,end)}[dir=rtl] .row__arrow{scale:-1 1}@media (hover:hover){a.row:hover,.tile:hover{box-shadow:6px 6px 0 0 var(--wolvy-banana);border-color:var(--wolvy-violet);transform:translate(-2px,-2px)}.row--split:has(.row__main:hover){box-shadow:6px 6px 0 0 var(--wolvy-banana);border-color:var(--wolvy-violet);transform:translate(-2px,-2px)}.featured:hover{box-shadow:6px 6px 0 0 var(--wolvy-banana);transform:translate(-2px,-2px)}a.row:hover .row__arrow,.featured:hover .row__arrow{color:var(--wolvy-banana);transform:translate(4px)}.social__link:hover{transform:translate(-2px,-2px)}}a.row:active,.tile:active{box-shadow:none;transform:translate(4px,4px)}.row--split:has(.row__main:active){box-shadow:none;transform:translate(4px,4px)}.row--split{grid-template-columns:minmax(0,1fr) auto;gap:0;padding:0}.row__main{min-width:0;min-height:72px;padding:var(--space-3);color:inherit;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:14px;text-decoration:none;display:grid}.row__action{min-width:72px;padding:var(--space-2) var(--space-3);color:var(--text-muted);border:0;border-inline-start:var(--border-w) dashed var(--violet-950);font:400 12px/1 var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;background:0 0;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;gap:6px;transition:color .1s steps(2,end);display:flex}.row__action:hover{color:var(--wolvy-banana)}.row__action:active>*{transform:translate(2px,2px)}.row__action:focus-visible{outline-offset:-5px}.tiles{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.tiles>li{min-width:0;display:flex}.tile{align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-4) var(--space-1) 14px;text-align:center;flex-direction:column;flex:1;display:flex}.tile__art{flex:none;place-items:center;width:56px;height:56px;display:grid}.tile__art img{width:auto;max-width:56px;height:auto;max-height:56px;display:block}.tile__text{flex-direction:column;gap:2px;min-width:0;display:flex}.tile__title{font:700 15px/1.2 var(--font-display)}.tile__sub{color:var(--text-muted);font-size:13px;line-height:1.35}@media (width>=420px){.tiles{gap:var(--space-3)}.tile__title{font-size:16px}}.marquee{margin-top:var(--space-12);white-space:nowrap;-webkit-user-select:none;user-select:none;border-block:var(--border-w) solid var(--wolvy-ink);background:var(--wolvy-banana);color:var(--wolvy-ink);padding-block:10px;overflow:hidden}.marquee__track{animation:60s linear infinite marquee;display:inline-flex}.marquee__item{align-items:center;gap:var(--space-4);font:700 14px/1 var(--font-pixel);letter-spacing:.06em;text-transform:uppercase;padding-inline-end:var(--space-4);display:inline-flex}@keyframes marquee{to{transform:translate(-50%)}}[dir=rtl] .marquee__track{animation-name:marquee-rtl}@keyframes marquee-rtl{to{transform:translate(50%)}}.wolf-trot{flex:none;width:44px;height:21px;display:inline-block;position:relative}.wolf-trot img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}[dir=rtl] .wolf-trot img{transform:none}.wolf-trot img:first-child{animation:.44s step-end infinite trot-a}.wolf-trot img:nth-child(2){opacity:0;animation:.44s step-end infinite trot-b}@keyframes trot-a{50%{opacity:0}}@keyframes trot-b{50%{opacity:1}}.footer{padding-block:20px calc(var(--space-8) + env(safe-area-inset-bottom));text-align:center;color:var(--text-muted);font-size:13px;line-height:1.5}.footer p{margin:0}.toast{z-index:20;left:50%;bottom:calc(var(--space-6) + env(safe-area-inset-bottom));pointer-events:none;position:fixed;transform:translate(-50%)}.toast__msg{padding:var(--space-2) 14px;white-space:nowrap;background:var(--wolvy-banana);color:var(--wolvy-ink);border:var(--border-w) solid var(--wolvy-ink);box-shadow:var(--shadow-pixel-violet);font:700 14px/1.3 var(--font-pixel);letter-spacing:.04em;animation:.2s steps(2,end) both toast-in;display:block}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}@media (prefers-reduced-motion:no-preference){.reveal{animation:.36s steps(3,end) backwards px-in;animation-delay:calc(var(--i,0) * 70ms)}}@keyframes px-in{0%{opacity:0;transform:translateY(12px)}}@media (prefers-reduced-motion:reduce){.marquee__track,.cursor,.is-hopping,.toast__msg,.wolf-trot img{animation:none!important}.wolf-trot img:nth-child(2){opacity:0!important}}@media (width<=370px){.tiles{grid-template-columns:1fr;gap:14px}.tile{min-height:76px;padding:var(--space-3);text-align:start;flex-direction:row;gap:14px}.tile__art{width:48px;height:48px}.tile__art img{max-width:44px;max-height:44px}.tile__title{font-size:16px}.tile__sub{font-size:14px}}@media (width<=359px){.profile__body{padding-inline:var(--space-4)}.row{gap:var(--space-3);padding-inline-end:14px}}