.hp .crumb{color:var(--muted);align-items:center;gap:8px;margin-bottom:22px;font-size:14px;display:flex}.hp .crumb button{color:var(--muted);background:0 0;border:0;padding:0}.hp .crumb button:hover{color:var(--text)}.hp .crumb svg{width:14px;height:14px}.hp .mhead{--c:var(--lime);background:radial-gradient(500px 300px at 90% 0%, color-mix(in srgb, var(--c) 22%, transparent), transparent), var(--surface);border:1px solid var(--line);border-radius:36px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;padding:clamp(24px,4vw,40px);display:grid}.hp .mhead h1{margin-top:14px;font-size:clamp(42px,6vw,76px)}.hp .mhead p{color:var(--muted);max-width:56ch;margin-top:12px;font-size:17px}.hp .mhead .meta{flex-wrap:wrap;gap:8px;margin-top:20px;display:flex}@media (max-width:760px){.hp .mhead{grid-template-columns:minmax(0,1fr)}}.hp .ringbox{width:168px;height:168px;position:relative}.hp .ringbox svg{width:100%;height:100%;transform:rotate(-90deg)}.hp .ringbox circle{fill:none;stroke-width:12px}.hp .ringbox .bgc{stroke:var(--surface-2)}.hp .ringbox .fg{stroke:var(--c,var(--lime));stroke-linecap:round;stroke-dasharray:440;animation:1.4s cubic-bezier(.2,.8,.2,1) .2s backwards hp-ring}.hp .ringbox div{text-align:center;place-content:center;display:grid;position:absolute;inset:0}.hp .ringbox strong{font-family:var(--f-display);font-size:40px;line-height:1}.hp .ringbox span{color:var(--muted);font-size:12px}.hp .mgrid{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:22px;margin-top:28px;display:grid}@media (max-width:1000px){.hp .mgrid{grid-template-columns:minmax(0,1fr)}}.hp .games{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}@media (max-width:640px){.hp .games{grid-template-columns:minmax(0,1fr)}}.hp .gcard{text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),border-color .3s;display:grid;position:relative;overflow:hidden}.hp .gcard:not(.locked):hover{border-color:var(--lime);transform:translateY(-5px)rotate(-.4deg)}.hp .gcard.locked{cursor:default}.hp .gart{background:linear-gradient(160deg, #2a1f57, var(--surface));height:170px;position:relative;overflow:hidden}.hp .gart .badge{z-index:2;position:absolute;top:16px;left:16px}.hp .gbody{gap:10px;padding:22px;display:grid}.hp .gbody h3{font-size:24px}.hp .gbody p{color:var(--muted);font-size:14.5px}.hp .gbody .meta{flex-wrap:wrap;gap:8px;display:flex}.hp .locked .gart>:not(.badge):not(.lockico){filter:grayscale()blur(1.5px);opacity:.45}.hp .lockico{z-index:2;color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hp .lockico svg{width:34px;height:34px}.hp .wr{position:absolute;inset:0}.hp .wr .gnd{background:var(--sky);height:3px;box-shadow:0 0 12px var(--sky);position:absolute;bottom:26px}.hp .wr .plat{border:2px solid var(--lime);width:46px;height:8px;box-shadow:0 0 12px var(--lime);border-radius:2px;animation:4s cubic-bezier(.6,0,.2,1) infinite alternate hp-slide;position:absolute;bottom:26px}.hp .wr .hero-dot{background:var(--coral);width:14px;height:22px;box-shadow:0 0 12px var(--coral);border-radius:7px 7px 3px 3px;animation:4s ease-in-out infinite hp-hop;position:absolute;bottom:30px}.hp .wr .portal{border:2px solid var(--pink);width:18px;height:34px;box-shadow:0 0 14px var(--pink);border-radius:50%;position:absolute;bottom:30px;right:10%}.hp .wr .code{font-family:var(--f-mono);color:var(--lime);background:#0009;border-radius:6px;padding:4px 8px;font-size:11px;position:absolute;top:14px;right:14px}.hp .art-grid{grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:absolute;inset:22px 40px}.hp .art-grid i{background:var(--violet);opacity:.5;border-radius:6px}.hp .art-grid i:nth-child(3n){background:var(--pink)}.hp .art-grid i:nth-child(5){grid-column:span 2}.hp .art-sel{font-family:var(--f-mono);color:var(--amber);place-items:center;font-size:22px;display:grid;position:absolute;inset:0}.hp .art-box{border:2px dashed var(--coral);place-items:center;display:grid;position:absolute;inset:26px 70px}.hp .art-box:before{content:"";border:2px solid var(--sky);width:60%;height:50%}.hp .side{gap:18px;min-width:0;display:grid}.hp .cert-mini.locked-c:after{content:"";background:repeating-linear-gradient(135deg,#0e0a1fb3 0 10px,#0e0a1f99 10px 20px);position:absolute;inset:0}.hp .cert-mini .lk{z-index:2;color:var(--text);justify-content:center;align-items:center;gap:6px;font-size:14px;font-weight:600;display:flex;position:absolute;inset:0}.hp .cert-mini .lk svg{width:16px;height:16px}.hp .path{gap:0;margin-top:16px;display:grid}.hp .path div{grid-template-columns:26px 1fr auto;align-items:center;gap:12px;padding:10px 0;font-size:14.5px;display:grid;position:relative}.hp .path div:before{content:"";background:var(--line);width:2px;position:absolute;top:34px;bottom:-10px;left:12px}.hp .path div:last-child:before{display:none}.hp .path i{background:var(--surface-2);border:2px solid var(--line);z-index:1;border-radius:50%;place-items:center;width:26px;height:26px;font-size:12px;font-style:normal;display:grid;position:relative}.hp .path i svg{width:14px;height:14px}.hp .path .done i{background:var(--lime);border-color:var(--lime);color:var(--ink)}.hp .path .cur i{border-color:var(--lime);box-shadow:0 0 0 5px color-mix(in srgb, var(--lime) 20%, transparent)}.hp .path span{font-family:var(--f-mono);color:var(--muted);font-size:12px}@media (prefers-reduced-motion:reduce){.hp .ringbox .fg,.hp .wr .plat,.hp .wr .hero-dot{animation:none}}@keyframes hp-ring{0%{stroke-dashoffset:440px}}@keyframes hp-slide{0%,20%{left:32%}80%,to{left:46%}}@keyframes hp-hop{0%{bottom:30px;left:12%}35%{bottom:30px;left:26%}50%{bottom:70px;left:42%}62%{bottom:36px;left:52%}75%{bottom:70px;left:60%}90%,to{bottom:30px;left:78%}}