*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--bg: #07000f;--bg-card: rgba(18, 4, 36, .82);--purple-deep: #3d0a5c;--purple-mid: #612874;--purple: #a625d3;--purple-bright: #c855f5;--purple-light: #e0a8ff;--white: #f0e6ff;--muted: rgba(240, 230, 255, .4);--font-head: "Cinzel", serif;--font-body: "Space Mono", monospace}html,body,#root{height:100%;background:var(--bg);color:var(--white);font-family:var(--font-body);overflow-x:hidden}.particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.page{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:260px 1fr;gap:0;align-items:center;padding:3rem 4rem}.page:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 50%,#07000f1a,#07000fa6);pointer-events:none;z-index:-1}.identity{display:flex;flex-direction:column;align-items:flex-start;gap:1.2rem;padding-right:3rem;border-right:1px solid rgba(166,37,211,.22);animation:fadeInUp .8s ease both}.pfp-ring{width:130px;height:130px;border-radius:50%;padding:3px;background:linear-gradient(180deg,var(--purple-bright) 0%,var(--purple-mid) 50%,var(--purple-bright) 100%);background-size:100% 300%;animation:ringShift 5s linear infinite;flex-shrink:0}@keyframes ringShift{0%{background-position:0% 0%}to{background-position:0% 300%}}.pfp-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;filter:drop-shadow(0 0 18px rgba(166,37,211,.6))}.site-title{font-family:var(--font-head);font-size:1.4rem;font-weight:900;letter-spacing:.09em;background:linear-gradient(135deg,var(--purple-bright),var(--purple-light));-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}.site-sub{font-size:.74rem;letter-spacing:.18em;color:var(--muted);text-transform:lowercase;display:flex;align-items:center;gap:.5rem}.sep{color:var(--purple-mid)}.content{display:flex;flex-direction:column;gap:2rem;padding-left:3rem;animation:fadeInUp .8s .12s ease both}.block-heading{font-family:var(--font-head);font-size:clamp(1.1rem,2.2vw,1.5rem);font-weight:700;color:var(--purple);text-shadow:0 0 14px rgba(166,37,211,.45);letter-spacing:.07em;margin-bottom:.9rem}.card{position:relative;background:var(--bg-card);border:1px solid rgba(166,37,211,.18);border-top:none;border-radius:10px;padding:1.4rem 1.6rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);line-height:1.9;font-size:.88rem;overflow:hidden}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--purple-mid) 20%,var(--purple-bright) 50%,var(--purple-mid) 80%,transparent)}.card p{margin-bottom:.75rem}.card p:last-of-type{margin-bottom:0}.hl{background:linear-gradient(90deg,#55cdfc,#f7a8b8,#fff,#f7a8b8,#55cdfc);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:700}.secret-whisper{display:block;margin-top:.65em;opacity:0;transition:opacity 2.5s ease;font-size:.82em;color:var(--muted);font-style:italic;pointer-events:none}.card:hover .secret-whisper{opacity:1;pointer-events:auto}.fav-block{margin-bottom:1.1rem}.fav-block:last-child{margin-bottom:0}.fav-label{font-size:.63rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);margin-bottom:.65rem}.games-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem}.games-grid.resizing .game-card{transition:border-color .25s ease,background .25s ease,transform .25s ease,height .3s ease,min-height .3s ease}.game-card{background:#a625d30d;border:1px solid rgba(166,37,211,.14);border-radius:9px;padding:.7rem .5rem;text-align:center;cursor:default;display:flex;align-items:center;justify-content:center;min-height:52px;transition:border-color .25s ease,background .25s ease,transform .25s ease;animation:cardIn .35s ease both}.game-card:nth-child(1){animation-delay:0s}.game-card:nth-child(2){animation-delay:.06s}.game-card:nth-child(3){animation-delay:.12s}.game-card:nth-child(4){animation-delay:.18s}.game-card:nth-child(5){animation-delay:.24s}.game-card:hover{border-color:#a625d380;background:#a625d31a;transform:translateY(-4px)}.game-name{font-size:.7rem;color:var(--white);line-height:1.4;word-break:break-word}.pill-row{display:flex;flex-wrap:wrap;gap:.5rem}.pill{background:#c855f512;border:1px solid rgba(200,85,245,.22);border-radius:30px;padding:.3rem .85rem;font-size:.73rem;color:var(--purple-light);cursor:default;white-space:nowrap;transition:background .2s ease,transform .2s ease}.pill:hover{background:#c855f526;transform:scale(1.05)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes cardIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 750px){html,body,#root{height:auto;min-height:100%;overflow-y:auto}.page{grid-template-columns:1fr;padding:2rem 1.2rem 3rem;align-items:start;min-height:100vh;height:auto;gap:1.8rem}.identity{flex-direction:column;align-items:center;text-align:center;gap:.9rem;padding-right:0;padding-bottom:1.8rem;border-right:none;border-bottom:1px solid rgba(166,37,211,.22)}.pfp-ring{width:100px;height:100px}.site-title{font-size:1.3rem}.site-sub{justify-content:center}.content{padding-left:0;gap:1.6rem}.card{font-size:.84rem;padding:1.1rem}.block-heading{font-size:1.1rem}.games-grid{grid-template-columns:repeat(2,1fr)}.pill{font-size:.7rem;padding:.28rem .75rem}}@media (max-width: 400px){.page{padding:1.5rem .9rem 2.5rem}.site-title{font-size:1.1rem}}