:root{color-scheme:light;--color-page: #f3f6fb;--color-paper: #f8fbff;--color-ink: #07111f;--color-muted: #667386;--color-border: #cdd6e5;--color-blue: #2f62ff;--color-lime: #d7ff4a;--color-game: #2f62ff;--color-music: #d84f86;--color-guitar: #b97816;--color-life: #168f8a;--color-admin: #111827;--color-music-bg: #fff1f7;--color-guitar-bg: #fff4dc;--color-life-bg: #eafaf7;--color-dark: #07111f;--color-dark-panel: #101a2a;--font-body: "Noto Sans SC", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Space Grotesk", "Inter Tight", var(--font-body);--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--layout-width: 1220px;--radius: 6px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(7,17,31,.045) 1px,transparent 1px),linear-gradient(rgba(7,17,31,.035) 1px,transparent 1px),radial-gradient(circle at 18% 12%,rgba(47,98,255,.12),transparent 28rem),radial-gradient(circle at 86% 18%,rgba(215,255,74,.16),transparent 22rem),var(--color-page);background-size:48px 48px,48px 48px,auto,auto,auto;color:var(--color-ink);font-family:var(--font-body)}a{color:inherit}img{display:block;max-width:100%;background:linear-gradient(135deg,#2f62ff24,#d7ff4a29),repeating-linear-gradient(45deg,rgba(7,17,31,.08) 0 1px,transparent 1px 12px)}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--color-blue);outline-offset:4px}.app-shell{position:relative;min-height:100vh;overflow:hidden}.content-shell{position:relative;z-index:1}.container{width:min(100% - 40px,var(--layout-width));margin:0 auto}.section{position:relative;padding:112px 0;scroll-margin-top:104px;transition:background-color .26s ease,color .26s ease}.section__header{display:grid;grid-template-columns:minmax(260px,.72fr) minmax(260px,.48fr);gap:clamp(28px,6vw,96px);align-items:end;margin-bottom:42px}.section__eyebrow{margin:0 0 8px;color:var(--section-accent, var(--color-blue));font-family:var(--font-mono);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.section__title{position:relative;display:inline-block;margin:0;max-width:720px;font-family:var(--font-display);font-size:clamp(3.2rem,8vw,7.4rem);font-weight:900;letter-spacing:-.06em;line-height:.88;isolation:isolate;transition:color .18s ease,letter-spacing .22s ease,transform .22s cubic-bezier(.2,.8,.2,1),text-shadow .22s ease}.section__title:after{content:"";position:absolute;inset:auto -.04em .04em;z-index:-1;height:.32em;background:var(--section-accent, var(--color-blue));opacity:.18;transform:scaleX(.18);transform-origin:left center;transition:opacity .18s ease,transform .22s cubic-bezier(.2,.8,.2,1)}.section__title:hover{color:var(--section-hover-ink, var(--color-ink));letter-spacing:-.04em;text-shadow:.06em .06em 0 var(--section-title-shadow, rgba(47, 98, 255, .12));transform:translate(-4px,-4px)}.section__title:hover:after{opacity:.82;transform:scaleX(1)}.section__description{margin:0;color:var(--color-muted);font-size:1.08rem;font-weight:700;line-height:1.85}.ambient{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.ambient__glow{position:absolute;width:34vw;aspect-ratio:1;border-radius:999px;filter:blur(70px);opacity:.26;animation:drift 18s ease-in-out infinite alternate}.ambient__glow--game{top:-14vw;right:2vw;background:var(--color-blue)}.ambient__glow--music{bottom:-16vw;left:-6vw;background:var(--color-music);animation-delay:-6s}.ambient__grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(47,98,255,.26) 1px,transparent 1.5px),radial-gradient(circle,rgba(7,17,31,.12) 1px,transparent 1.5px);background-position:0 0,24px 24px;background-size:96px 96px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%);opacity:.48}.ambient__scan{position:absolute;top:-40%;right:-20%;bottom:-40%;left:-20%;background:linear-gradient(112deg,transparent 0 42%,rgba(47,98,255,.08) 48%,rgba(215,255,74,.12) 50%,transparent 57% 100%);mix-blend-mode:multiply;transform:translate(-36%);animation:radar-scan 12s linear infinite}.ambient__radar{position:absolute;width:34rem;aspect-ratio:1;border:1px solid rgba(47,98,255,.16);border-radius:50%;opacity:.52}.ambient__radar:before,.ambient__radar:after{content:"";position:absolute;border:1px dashed rgba(7,17,31,.12);border-radius:50%}.ambient__radar:before{top:18%;right:18%;bottom:18%;left:18%}.ambient__radar:after{top:36%;right:36%;bottom:36%;left:36%}.ambient__radar--one{top:18%;left:7%;animation:radar-float 18s ease-in-out infinite alternate}.ambient__radar--two{right:-8rem;bottom:16%;width:28rem;animation:radar-float 22s ease-in-out -7s infinite alternate-reverse}@keyframes drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(4vw,2vw,0) scale(1.08)}}@keyframes radar-scan{0%{transform:translate(-42%)}to{transform:translate(42%)}}@keyframes radar-float{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(2.5rem,-1.4rem,0) scale(1.05)}}.site-header{position:sticky;top:0;z-index:40;display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;width:min(100% - 40px,var(--layout-width));margin:0 auto;padding:20px 0 12px}.site-header:after{content:"";position:absolute;top:0;right:-20px;bottom:0;left:-20px;z-index:-1;border-bottom:1px solid rgba(205,214,229,.8);background:#f3f6fbd1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.site-header__brand{align-self:start;padding-top:8px;color:var(--color-blue);font-family:var(--font-display);font-size:1rem;font-weight:900;letter-spacing:.02em;text-decoration:none;text-transform:uppercase}.site-header__groups{display:grid;justify-items:end;gap:10px;min-width:0}.site-header__nav,.site-header__socials{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:6px;max-width:100%;overflow-x:auto;scrollbar-width:none}.site-header__socials{overflow:visible}.site-header__nav a,.site-header__socials a{position:relative;border:1px solid var(--color-border);background:#f8fbffdb;color:var(--color-ink);font-weight:800;text-decoration:none;box-shadow:4px 4px #07111f14;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background-color .18s ease}.social-link{position:relative;isolation:isolate}.social-link:hover,.social-link:focus,.social-link:focus-visible{z-index:60}.social-link__card{position:absolute;top:calc(100% + 10px);right:0;z-index:70;display:grid;grid-template-columns:44px max-content;gap:10px;align-items:center;min-width:190px;padding:10px;border:1px solid var(--color-ink);background:var(--color-paper);color:var(--color-ink);box-shadow:8px 8px #07111f1f;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.96);transform-origin:top right;transition:opacity .16s ease,transform .18s ease}.social-link__card img{width:44px;height:44px;border:1px solid var(--color-border);object-fit:cover}.social-link__card strong,.social-link__card small{display:block}.social-link__card strong{font-family:var(--font-display);font-size:1rem;font-weight:950}.social-link__card small{margin-top:2px;color:var(--color-muted);font-family:var(--font-mono);font-size:.68rem;font-weight:900}.social-link:hover .social-link__card,.social-link:focus .social-link__card,.social-link:focus-visible .social-link__card{opacity:1;transform:translateY(0) scale(1)}.site-header__nav a{padding:9px 13px;font-size:.9rem}.site-header__socials a{padding:6px 9px;color:var(--color-muted);font-size:.76rem;box-shadow:none}.site-header__nav a:hover,.site-header__nav a:focus-visible,.site-header__socials a:hover,.site-header__socials a:focus-visible{transform:translate(-2px,-2px);border-color:var(--color-ink);background:var(--color-lime);box-shadow:6px 6px #07111f29}.hero{padding-top:86px}.hero__layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(360px,.82fr);gap:clamp(36px,5vw,82px);min-height:calc(100vh - 120px);align-items:center}.hero__identity{position:relative;display:grid;grid-template-columns:clamp(150px,14vw,210px) minmax(0,1fr);gap:18px 28px;align-items:center;max-width:740px}.hero__avatar-stage{position:relative;display:grid;grid-row:span 3;place-items:center;width:clamp(148px,13vw,210px);aspect-ratio:1;isolation:isolate}.hero__avatar-stage:after{content:"PLAYER CARD";position:absolute;right:-54px;bottom:6px;padding:4px 8px;border:1px solid var(--color-border);background:var(--color-paper);color:var(--color-blue);font-family:var(--font-mono);font-size:.68rem;font-weight:900;letter-spacing:.08em;transform:rotate(-4deg)}.hero__avatar{width:100%;height:100%;border:2px solid var(--color-ink);border-radius:999px;object-fit:cover;box-shadow:10px 10px 0 var(--color-lime);transition:transform .22s ease,box-shadow .22s ease,filter .22s ease}.hero__avatar-ring{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1;border:1px dashed rgba(47,98,255,.7);border-radius:50%;opacity:.78;animation:avatar-ring 12s linear infinite}.hero__crown{position:absolute;top:-36px;z-index:3;color:#f0a83a;font-size:clamp(2rem,4vw,3rem);opacity:0;text-shadow:2px 2px 0 var(--color-ink);transform:translateY(10px) rotate(-8deg) scale(.8);transition:opacity .18s ease,transform .22s cubic-bezier(.22,1.2,.36,1)}.hero__spark{position:absolute;left:50%;top:50%;z-index:2;width:7px;height:7px;border-radius:50%;background:var(--color-lime);opacity:0;transform:rotate(calc(var(--spark-index) * 36deg)) translate(0) scale(.5)}.hero__spark:nth-of-type(3n){background:var(--color-blue)}.hero__spark:nth-of-type(4n){background:var(--color-music)}.hero__avatar-stage:hover .hero__avatar,.hero__avatar-stage:focus-within .hero__avatar{filter:saturate(1.18) contrast(1.05);transform:translate(-4px,-5px) rotate(-2deg);box-shadow:14px 14px 0 var(--color-lime)}.hero__avatar-stage:hover .hero__crown,.hero__avatar-stage:focus-within .hero__crown{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}.hero__avatar-stage:hover .hero__spark,.hero__avatar-stage:focus-within .hero__spark{animation:firework-pop .82s ease-out both;animation-delay:calc(var(--spark-index) * 34ms)}@keyframes avatar-ring{0%{transform:rotate(0) scale(1)}to{transform:rotate(360deg) scale(1.04)}}@keyframes firework-pop{0%{opacity:0;transform:rotate(calc(var(--spark-index) * 36deg)) translate(12px) scale(.3)}18%{opacity:1}74%{opacity:1;transform:rotate(calc(var(--spark-index) * 36deg)) translate(88px) scale(1)}to{opacity:0;transform:rotate(calc(var(--spark-index) * 36deg)) translate(112px) scale(.1)}}.hero__eyebrow{grid-column:2;margin:0 0 10px;color:var(--color-blue);font-family:var(--font-mono);font-size:.88rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero__name{position:relative;grid-column:2;margin:0;min-height:clamp(4rem,6.2vw,5.8rem);max-width:100%;font-family:var(--font-display);font-size:clamp(3.6rem,5vw,5.8rem);font-weight:950;letter-spacing:-.055em;line-height:.9;cursor:default;perspective:900px}.hero__name-primary,.hero__name-local{display:block;transition:opacity .22s ease,transform .36s cubic-bezier(.2,.9,.2,1),filter .22s ease}.hero__name-local{position:absolute;inset:0 auto auto 0;opacity:0;transform:translateY(.35em) rotateX(-55deg);transform-origin:50% 40%}.hero__name:hover .hero__name-primary,.hero__name:focus-within .hero__name-primary{opacity:0;filter:blur(8px);transform:translateY(-.18em) rotateX(48deg)}.hero__name:hover .hero__name-local,.hero__name:focus-within .hero__name-local{opacity:1;transform:translateY(0) rotateX(0)}.hero__signature,.hero__intro{grid-column:1 / -1}.hero__signature{display:flex;flex-wrap:wrap;gap:8px;max-width:840px;margin:8px 0 0;font-size:clamp(1.4rem,2.8vw,2.5rem);font-weight:900;line-height:1.18}.hero__signature span{display:inline-block;padding:3px 7px;white-space:nowrap;transition:transform .18s ease,color .18s ease,background-color .18s ease}.hero__signature:hover span,.hero__signature:focus-within span{background:var(--color-ink);color:var(--color-paper)}.hero__signature:hover span:nth-child(2n),.hero__signature:focus-within span:nth-child(2n){background:var(--color-paper);color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink);transform:translateY(-4px) rotate(-1deg)}.hero__signature:hover span:nth-child(3),.hero__signature:focus-within span:nth-child(3){transform:translateY(3px) rotate(1deg)}.hero__intro{max-width:760px;margin:8px 0 0;color:var(--color-muted);font-size:1.08rem;font-weight:700;line-height:1.9}.hero__status{position:relative}.hero__status:before{content:"LIVE STATUS";position:absolute;top:-24px;left:18px;z-index:1;padding:5px 10px;background:var(--color-blue);color:#fff;font-family:var(--font-mono);font-size:.74rem;font-weight:900;letter-spacing:.08em}.status-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;transform:rotate(1.2deg)}.status-card{display:grid;grid-template-columns:72px minmax(0,1fr);gap:13px;min-width:0;min-height:168px;padding:14px;border:1px solid var(--color-border);background:#f8fbffe6;color:var(--color-ink);text-decoration:none;box-shadow:8px 8px #07111f14;transition:transform .18s ease,box-shadow .18s ease}.status-card:nth-child(2){transform:translateY(24px) rotate(-2deg)}.status-card:nth-child(3){transform:translate(-18px) rotate(2deg)}.status-card:nth-child(4){transform:translateY(12px)}.status-card:hover,.status-card:focus-visible{transform:translate(-3px,-4px) rotate(0);box-shadow:12px 12px #2f62ff29}.status-card img{width:72px;height:72px;border:1px solid var(--color-border);object-fit:cover}.status-card__label,.status-card h3,.status-card p,.status-card time{margin:0}.status-card__label{color:var(--color-blue);font-family:var(--font-mono);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.status-card h3{margin-top:6px;font-family:var(--font-display);font-size:1.1rem;font-weight:900;line-height:1.1;overflow-wrap:anywhere}.status-card p{margin-top:8px;color:var(--color-muted);font-size:.88rem;font-weight:700;line-height:1.65}.status-card time{display:inline-block;margin-top:10px;color:var(--color-muted);font-family:var(--font-mono);font-size:.74rem}.hero{background:linear-gradient(180deg,#f8fbff00,#f8fbff57),transparent}.section[data-section=games]{--section-hover-ink: var(--color-ink);--section-title-shadow: rgba(47, 98, 255, .16);--module-border: var(--color-game);--module-soft: rgba(47, 98, 255, .12);margin:40px 0;padding:112px 0;background:radial-gradient(circle at 28% 34%,rgba(47,98,255,.1),transparent 22rem),radial-gradient(circle at 72% 72%,rgba(215,255,74,.14),transparent 20rem),transparent;color:var(--color-ink)}.section[data-section=games]:before,.section[data-section=games]:after{content:"";position:absolute;left:0;width:100%;height:1px;background:#2f62ff29}.section[data-section=games]:before{top:24px}.section[data-section=games]:after{bottom:24px}.section[data-section=games] .section__description{color:var(--color-muted)}.section[data-section=music]{--module-border: var(--color-music);--module-soft: rgba(216, 79, 134, .12);--section-hover-ink: #8e1f52;--section-title-shadow: rgba(216, 79, 134, .18);background:radial-gradient(circle at 12% 22%,rgba(216,79,134,.08),transparent 24rem),transparent}.section[data-section=guitar]{--module-border: var(--color-guitar);--module-soft: rgba(185, 120, 22, .14);--section-hover-ink: #8c4c00;--section-title-shadow: rgba(185, 120, 22, .2);background:radial-gradient(circle at 84% 24%,rgba(185,120,22,.09),transparent 22rem),transparent}.section[data-section=life]{--module-border: var(--color-life);--module-soft: rgba(22, 143, 138, .12);--section-hover-ink: #0b625f;--section-title-shadow: rgba(22, 143, 138, .18);background:radial-gradient(circle at 16% 72%,rgba(22,143,138,.08),transparent 22rem),transparent}.game-lab{display:grid;grid-template-columns:minmax(360px,.92fr) minmax(0,1.08fr);gap:clamp(36px,6vw,88px);align-items:start}.radar-panel{position:sticky;top:112px}.radar-picker{position:relative;width:min(100%,560px);aspect-ratio:1;margin:0 auto;border:1px solid var(--module-border, var(--color-border));border-radius:50%;background:radial-gradient(circle at center,rgba(248,251,255,.96) 0 18%,transparent 18.2%),radial-gradient(circle at 34% 70%,rgba(215,255,74,.2),transparent 28%),radial-gradient(circle at 72% 34%,rgba(47,98,255,.18),transparent 30%),#f8fbff14;box-shadow:18px 18px 0 var(--module-soft, rgba(7, 17, 31, .06)),inset 0 0 0 28px #2f62ff06}.radar-picker__rings{position:absolute;top:9%;right:9%;bottom:9%;left:9%;border:1px dashed rgba(47,98,255,.2);border-radius:50%}.radar-picker__rings:before,.radar-picker__rings:after{content:"";position:absolute;top:13%;right:13%;bottom:13%;left:13%;border:1px dashed rgba(47,98,255,.18);border-radius:50%}.radar-picker__rings:after{top:30%;right:30%;bottom:30%;left:30%;border-style:solid}.radar-picker__core{position:absolute;top:36%;right:36%;bottom:36%;left:36%;z-index:1;display:grid;place-items:center;align-content:center;border:1px solid rgba(7,17,31,.76);border-radius:50%;background:var(--color-paper);color:var(--color-ink);text-align:center}.radar-picker__core span,.radar-picker__core small,.radar-selection span{color:var(--color-muted);font-family:var(--font-mono);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.radar-picker__core strong{margin-top:4px;font-family:var(--font-display);font-size:clamp(1rem,2.2vw,1.45rem);font-weight:950;line-height:1.05}.radar-picker__core small{margin-top:6px;font-size:.68rem}.radar-chip{position:absolute;left:var(--x);top:var(--y);z-index:2;min-width:112px;padding:9px 13px;border:1px solid rgba(7,17,31,.28);border-radius:999px;background:#f8fbfff0;color:var(--color-ink);font:inherit;font-weight:950;line-height:1.1;box-shadow:4px 5px 0 var(--module-soft, rgba(7, 17, 31, .08));cursor:pointer;transform:translate(-50%,-50%);transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}.radar-chip small{display:block;margin-top:3px;color:var(--color-muted);font-size:.68rem;font-weight:800}.radar-chip[data-tone=blue]{border-bottom-color:var(--color-blue)}.radar-chip[data-tone=green]{border-bottom-color:#73d64b}.radar-chip[data-tone=orange]{border-bottom-color:var(--color-guitar)}.radar-chip[data-tone=pink]{border-bottom-color:var(--color-music)}.radar-chip:hover,.radar-chip:focus-visible,.radar-chip[aria-pressed=true]{transform:translate(-50%,-50%) scale(1.06);border-color:var(--color-ink);background:var(--color-lime);box-shadow:7px 8px 0 var(--module-soft, rgba(7, 17, 31, .12))}.radar-selection{width:min(100%,520px);margin:28px auto 0;padding:16px 18px;border:1px solid var(--module-border, var(--color-border));background:#f8fbffdb}.radar-selection strong{display:block;margin-top:6px;color:var(--module-border, var(--color-blue));font-family:var(--font-display);font-size:2rem;line-height:1}.radar-selection p{margin:10px 0 0;color:var(--color-muted);font-weight:700;line-height:1.7}.game-results{min-width:0}.game-stats{display:grid;grid-template-columns:repeat(5,minmax(110px,1fr));gap:10px}.stat-card{min-height:106px;padding:14px;border:1px solid var(--module-border, var(--color-border));border-top:4px solid var(--module-border, var(--color-blue));background:var(--color-paper);color:var(--color-ink);box-shadow:5px 5px 0 var(--module-soft, rgba(7, 17, 31, .08))}.stat-card:nth-child(2n){border-top-color:var(--color-lime)}.stat-card p,.stat-card strong{margin:0}.stat-card p{color:var(--color-muted);font-size:.82rem;font-weight:900}.stat-card strong{display:block;margin-top:18px;font-family:var(--font-display);font-size:1.18rem;font-weight:950;line-height:1.08}.game-track{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,286px);gap:18px;margin-top:28px;padding:34px 4px 28px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-padding-inline:4px;scroll-snap-type:x proximity;scrollbar-width:none}.game-track::-webkit-scrollbar{display:none}.game-track:before{content:"";position:absolute;top:16px;left:4px;right:4px;height:1px;background:linear-gradient(90deg,var(--module-border, var(--color-blue)),rgba(215,255,74,.68),transparent),#2f62ff1f}.game-track:after{content:"横向滑动查看完整时间线";position:absolute;left:4px;bottom:0;padding:5px 9px;border:1px solid rgba(248,251,255,.18);background:#07111fdb;color:#9ca8b9;font-family:var(--font-mono);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.game-empty{margin:24px 0 0;padding:18px;border:1px dashed var(--module-border, var(--color-border));color:var(--color-muted);background:#f8fbffc2}.game-card{position:relative;scroll-snap-align:start;min-width:0;overflow:hidden;border:1px solid var(--module-border, var(--color-border));background:var(--color-paper);color:var(--color-ink);box-shadow:0 0 #d7ff4a00;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s ease,border-color .22s ease}.game-card:before{content:"";position:absolute;top:-25px;left:22px;width:11px;height:11px;border:2px solid var(--color-blue);border-radius:50%;background:var(--color-lime);box-shadow:0 0 0 6px #d7ff4a1a}.game-card:nth-child(2n){transform:translateY(16px)}.game-card:hover,.game-card:focus-within{z-index:2;transform:translateY(-8px) rotate(-1deg);border-color:#d7ff4a9e;box-shadow:12px 14px 0 var(--module-soft, rgba(215, 255, 74, .18))}.game-card__date{display:inline-flex;align-items:center;width:fit-content;min-height:28px;margin:12px 14px 0;padding:4px 9px;background:var(--color-ink);color:var(--color-lime);font-family:var(--font-mono);font-size:.72rem;font-weight:950;letter-spacing:.04em}.game-card__rank{position:absolute;top:12px;right:12px;z-index:1;padding:5px 9px;background:var(--color-blue);color:#fff;font-family:var(--font-mono);font-size:.78rem;font-weight:950}.game-card img{width:100%;aspect-ratio:16 / 10;min-height:148px;margin-top:12px;object-fit:cover;filter:saturate(.9) contrast(1.05);transition:filter .22s ease,transform .22s ease}.game-card:hover img,.game-card:focus-within img{filter:saturate(1.12) contrast(1.08);transform:scale(1.025)}.game-card__body{padding:16px}.game-card__body p,.game-card__body h3,.game-card__body strong{margin:0}.game-card__body>p:first-child{color:var(--color-muted);font-family:var(--font-mono);font-size:.75rem;font-weight:800;line-height:1.5}.game-card__body h3{margin-top:10px;font-family:var(--font-display);font-size:1.28rem;font-weight:950;line-height:1.08;overflow-wrap:anywhere}.game-card__body strong{display:inline-block;margin-top:10px;padding:4px 8px;background:var(--color-lime);font-family:var(--font-mono);font-size:.86rem}.game-card__body>p:last-of-type{margin-top:10px;color:#3b4656;font-weight:750;line-height:1.65}.tag-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.tag-row span{display:inline-flex;align-items:center;min-height:28px;padding:3px 8px;border:1px solid var(--color-border);background:#f8fbffb8;color:var(--color-muted);font-size:.78rem;font-weight:800}.game-timeline{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:54px}.timeline-item{display:grid;grid-template-columns:92px 76px minmax(0,1fr);gap:14px;align-items:center;padding:14px;border:1px solid var(--module-border, var(--color-border));background:#f8fbffdb;box-shadow:5px 5px 0 var(--module-soft, rgba(7, 17, 31, .08))}.timeline-item time,.timeline-item h3,.timeline-item p{margin:0}.timeline-item time{color:var(--module-border, var(--color-blue));font-family:var(--font-mono);font-size:.8rem;font-weight:900}.timeline-item img{width:76px;height:76px;object-fit:cover}.timeline-item h3{font-family:var(--font-display);font-size:1.1rem;font-weight:950}.timeline-item p{margin-top:6px;color:var(--color-muted);font-weight:700;line-height:1.6}.artist-row,.piece-row{display:flex;flex-wrap:wrap;gap:10px}.artist-row span,.piece-row span{display:inline-flex;align-items:center;min-height:36px;padding:8px 14px;border:1px solid var(--module-border, var(--color-border));background:var(--color-paper);color:var(--color-ink);font-weight:900;box-shadow:4px 4px 0 var(--module-soft, rgba(7, 17, 31, .08))}.music-grid{display:grid;grid-template-columns:minmax(260px,.85fr) minmax(280px,1.15fr);gap:22px;margin-top:28px}.music-card{display:grid;grid-template-columns:166px minmax(0,1fr);gap:22px;min-width:0;padding:22px;border:1px solid var(--module-border, var(--color-border));background:#f8fbffdb;box-shadow:10px 10px 0 var(--module-soft, rgba(255, 90, 167, .12))}.music-card:nth-child(2n){margin-top:44px}.music-card h3,.music-card p{margin:0}.music-card h3,.fragment-card h3,.log-card h3{font-family:var(--font-display);font-weight:950}.music-card h3{font-size:1.7rem;line-height:1;overflow-wrap:anywhere}.music-card p{margin-top:10px;color:var(--color-muted);font-weight:750;line-height:1.75}.music-card p:first-of-type{color:var(--color-music);font-family:var(--font-mono);font-size:.86rem;font-weight:900}.music-card a{display:inline-flex;align-items:center;min-height:40px;margin-top:16px;padding:8px 12px;border:1px solid var(--color-ink);background:var(--color-ink);color:#fff;font-weight:900;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.music-card a:hover,.music-card a:focus-visible{transform:translate(-2px,-2px);box-shadow:5px 5px #ff5aa742}.vinyl{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at center,var(--color-paper) 0 17%,rgba(7,17,31,.95) 17.2% 100%);box-shadow:inset 0 0 0 12px #ffffff14,8px 8px #07111f1a;overflow:hidden}.vinyl img{width:66%;aspect-ratio:1;border-radius:50%;object-fit:cover;animation:spin-slow 16s linear infinite}.guitar-summary{display:grid;grid-template-columns:.7fr 1.3fr;gap:18px}.guitar-summary div,.log-card{border:1px solid var(--module-border, #dcc48f);background:#fffcf5e6}.guitar-summary div{padding:20px}.guitar-summary p,.guitar-summary strong,.log-card p,.log-card time,.log-card blockquote{margin:0}.guitar-summary p{color:var(--color-muted);font-weight:900}.guitar-summary strong{display:block;margin-top:12px;color:#8c4c00;font-family:var(--font-display);font-size:clamp(1.4rem,3vw,2.4rem);font-weight:950;line-height:1.05}.piece-row{margin-top:18px}.log-list{display:grid;gap:18px;margin-top:28px}.log-card{display:grid;grid-template-columns:minmax(190px,.36fr) minmax(0,.64fr);gap:18px;min-width:0;padding:18px;transform:rotate(-.7deg);box-shadow:10px 10px 0 var(--module-soft, rgba(240, 168, 58, .18))}.log-card img,.fragment-card img{width:100%;object-fit:cover}.log-card img{aspect-ratio:16 / 10}.log-card time{color:#8c4c00;font-family:var(--font-mono);font-size:.82rem;font-weight:900}.log-card h3{margin:10px 0 0;font-size:1.55rem;line-height:1.05;overflow-wrap:anywhere}.log-card p{margin-top:10px;color:var(--color-muted);font-weight:750;line-height:1.75}.log-card p:last-of-type{color:var(--color-ink)}.log-card blockquote{margin-top:14px;padding-left:14px;border-left:4px solid var(--module-border, var(--color-guitar));color:var(--color-ink);font-weight:800;line-height:1.75}.fragment-grid{--timeline-indent: clamp(34px, 5vw, 78px);--timeline-line: clamp(10px, 2vw, 28px);position:relative;display:grid;gap:24px;margin-top:28px;padding-left:var(--timeline-indent)}.fragment-grid:before{content:"";position:absolute;top:8px;bottom:8px;left:var(--timeline-line);width:2px;background:linear-gradient(180deg,transparent,var(--module-border, var(--color-life)) 10%,var(--module-border, var(--color-life)) 88%,transparent)}.fragment-card{position:relative;display:grid;grid-template-columns:minmax(150px,.28fr) minmax(180px,.3fr) minmax(0,.42fr);gap:18px;align-items:stretch;min-width:0;padding:16px;border:1px solid var(--module-border, var(--color-border));background:#f8fbffe0;box-shadow:8px 8px 0 var(--module-soft, rgba(66, 165, 255, .12));transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.fragment-card:before{content:"";position:absolute;top:24px;left:calc((var(--timeline-indent) - var(--timeline-line)) * -1 - 7px);width:14px;height:14px;border:2px solid var(--color-paper);background:var(--module-border, var(--color-life));box-shadow:0 0 0 1px var(--module-border, var(--color-life)),0 0 0 8px var(--module-soft, rgba(66, 165, 255, .12))}.fragment-card:hover,.fragment-card:focus-within{transform:translate(6px);background:var(--color-paper);box-shadow:12px 12px 0 var(--module-soft, rgba(66, 165, 255, .16))}.fragment-card time{color:var(--module-border, var(--color-life));font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2.4rem);font-weight:950;letter-spacing:-.06em;line-height:.95}.fragment-card img{height:100%;aspect-ratio:4 / 3;border:1px solid rgba(7,17,31,.12)}.fragment-card div{display:grid;align-content:center;min-width:0;padding:4px 0}.fragment-card p,.fragment-card h3{margin:0}.fragment-card p:first-child{color:var(--module-border, var(--color-life));font-family:var(--font-mono);font-size:.82rem;font-weight:900}.fragment-card h3{margin-top:10px;font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.05;overflow-wrap:anywhere}.fragment-card p:last-child{margin-top:10px;color:var(--color-muted);font-weight:750;line-height:1.75}.admin-panel{--section-accent: var(--color-admin);--section-hover-ink: var(--color-ink);--section-title-shadow: rgba(7, 17, 31, .14);background:radial-gradient(circle at 84% 18%,rgba(7,17,31,.08),transparent 22rem),transparent;color:var(--color-ink)}.admin-login{--section-accent: var(--color-admin);--section-hover-ink: var(--color-ink);min-height:calc(100vh - 180px);display:grid;align-items:center}.admin-login__layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(320px,420px);gap:clamp(24px,5vw,72px);align-items:center}.admin-login__form{display:grid;gap:14px;padding:24px;border:1px solid var(--color-admin);background:#f8fbffe6;box-shadow:12px 12px #07111f1a}.admin-login__form label{display:grid;gap:8px;color:var(--color-ink);font-size:.85rem;font-weight:900}.admin-login__form input{min-height:44px;border:1px solid var(--color-border);background:var(--color-paper);color:var(--color-ink);font:inherit;font-weight:800;padding:10px 12px}.admin-login__form button{min-height:44px;border:1px solid var(--color-admin);background:var(--color-ink);color:var(--color-paper);font:inherit;font-weight:950;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.admin-login__form button:hover,.admin-login__form button:focus-visible{transform:translate(-2px,-2px);background:var(--color-blue);box-shadow:6px 6px #2f63ff2e}.admin-login__error{margin:0;padding:10px 12px;border:1px solid #b42318;background:#fff4f2;color:#b42318;font-weight:900}.admin-panel .section__description{color:var(--color-muted)}.admin-toolbar{position:sticky;top:90px;z-index:2;display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:22px;padding:14px;border:1px solid var(--color-admin);background:#f8fbffdb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.admin-toolbar button,.admin-toolbar a,.admin-card button{display:inline-flex;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--color-admin);background:var(--color-paper);color:var(--color-ink);font:inherit;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}.admin-toolbar button:hover,.admin-toolbar button:focus-visible,.admin-toolbar a:hover,.admin-toolbar a:focus-visible,.admin-card button:hover,.admin-card button:focus-visible{transform:translate(-2px,-2px);background:var(--color-lime);box-shadow:5px 5px #d7ff4a2e}.admin-toolbar span{margin-left:auto;color:var(--color-muted);font-family:var(--font-mono);font-size:.78rem;font-weight:800}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.admin-card{min-width:0;padding:20px;border:1px solid var(--color-admin);background:#f8fbffe0;box-shadow:10px 10px #07111f14}.admin-card:nth-child(3),.admin-card:nth-child(6){grid-column:1 / -1}.admin-card__header{display:flex;gap:14px;align-items:start;justify-content:space-between;margin-bottom:18px}.admin-card h3,.admin-card p{margin:0}.admin-card h3{font-family:var(--font-display);font-size:1.6rem;font-weight:950;letter-spacing:-.04em}.admin-card p{margin-top:6px;color:var(--color-muted);font-weight:750}.admin-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-card label{display:grid;gap:6px;min-width:0;color:var(--color-ink);font-size:.82rem;font-weight:900}.admin-card input,.admin-card textarea,.admin-card select{width:100%;min-width:0;border:1px solid var(--color-border);border-radius:0;background:#f8fbffeb;color:var(--color-ink);font:inherit;font-weight:750}.admin-card input,.admin-card select{min-height:40px;padding:8px 10px}.admin-card textarea{resize:vertical;padding:10px;line-height:1.65}.admin-mini-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;grid-column:1 / -1;padding:14px;border:1px solid rgba(7,17,31,.18);background:#f3f6fbc7}.admin-mini-card--wide{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-entry-header{grid-column:1 / -1;display:flex;gap:12px;align-items:center;justify-content:space-between}.admin-entry-header strong{color:var(--color-admin);font-family:var(--font-display);font-size:1.1rem;font-weight:950}.admin-card button.admin-danger{min-height:32px;padding:6px 10px;border-color:#b42318;background:#fff4f2;color:#b42318}.admin-card button.admin-danger:hover,.admin-card button.admin-danger:focus-visible{background:#b42318;color:#fff;box-shadow:5px 5px #b4231829}.admin-image-field{display:grid;grid-template-columns:96px minmax(0,1fr);gap:10px;grid-column:1 / -1;min-width:0;margin:0;padding:12px;border:1px dashed var(--color-border);background:#f8fbff94}.admin-image-field legend{padding:0 6px;color:var(--color-admin);font-weight:950}.admin-image-field img{grid-row:span 3;width:96px;height:96px;border:1px solid var(--color-border);object-fit:cover}.admin-image-field label{align-self:start}.admin-image-field__hint{margin:0;color:var(--color-muted);font-size:.9rem;line-height:1.6}.admin-image-field input[type=file]{padding:8px;background:var(--color-paper)}.admin-check-row{display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center}.admin-check-row label{display:inline-flex;grid-template-columns:none;align-items:center;gap:8px}.admin-check-row input{width:auto;min-height:auto}.site-footer{position:relative;z-index:3;padding:46px 0 52px;border-top:1px solid var(--color-border);background:#f8fbff94}.site-footer .container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px}.site-footer p,.site-footer a{margin:0;color:var(--color-muted);font-weight:800;line-height:1.7}.site-footer a{text-decoration:none}.site-footer .container>div{display:flex;flex-wrap:wrap;gap:12px;overflow:visible}.site-footer .social-link__card{top:auto;bottom:calc(100% + 10px);transform:translateY(6px) scale(.96);transform-origin:bottom right}.site-footer a:hover,.site-footer a:focus-visible{color:var(--color-blue)}@keyframes spin-slow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}@media(max-width:1000px){.section__header,.hero__layout,.game-lab,.music-grid,.guitar-summary,.fragment-grid,.admin-login__layout,.admin-grid,.admin-form-grid,.admin-mini-card,.admin-mini-card--wide{grid-template-columns:1fr}.admin-card:nth-child(3),.admin-card:nth-child(6){grid-column:auto}.radar-panel{position:static}.game-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.game-track{grid-auto-columns:minmax(230px,42vw)}}@media(max-width:760px){.container,.site-header{width:min(100% - 24px,var(--layout-width))}.section{padding:76px 0}.section__header{gap:18px}.section__title{font-size:clamp(3rem,15vw,4.8rem)}.site-header{grid-template-columns:1fr;gap:12px}.site-header__groups,.site-header__nav,.site-header__socials{justify-items:start;justify-content:flex-start}.hero{padding-top:62px}.hero__identity{grid-template-columns:1fr;gap:14px}.hero__avatar-stage{grid-row:auto;width:112px}.hero__avatar-stage:after{right:-34px;bottom:-8px;font-size:.56rem}.hero__avatar{box-shadow:6px 6px 0 var(--color-lime)}.hero__crown{top:-26px}.hero__name{min-height:clamp(3.4rem,13vw,4.8rem);font-size:clamp(3.2rem,13vw,4.8rem);letter-spacing:-.06em}.hero__eyebrow,.hero__name{grid-column:1}.hero__signature,.hero__intro{grid-column:1 / -1;margin-left:0}.status-grid,.game-stats,.game-timeline,.music-card,.log-card,.fragment-card{grid-template-columns:1fr}.fragment-card img{height:auto}.status-grid,.status-card,.status-card:nth-child(2),.status-card:nth-child(3),.status-card:nth-child(4),.game-card:nth-child(2),.game-card:nth-child(3),.log-card{transform:none}.game-track{grid-auto-columns:minmax(232px,82vw);padding-bottom:30px}.radar-picker{display:grid;width:100%;aspect-ratio:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:18px;border-radius:0}.radar-picker__rings{display:none}.radar-picker__core{position:static;grid-column:1 / -1;min-height:136px;border-radius:999px}.radar-chip,.radar-chip:hover,.radar-chip:focus-visible,.radar-chip[aria-pressed=true]{position:static;width:100%;min-width:0;transform:none}.timeline-item{grid-template-columns:1fr}.admin-toolbar{position:static}.admin-toolbar span{width:100%;margin-left:0}}