*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#f59e0b;--color-primary-dark:#d97706;--color-secondary:#1e293b;--color-background:#0f172a;--color-surface:#1e293b;--color-surface-light:#334155;--color-text:#f8fafc;--color-text-muted:#94a3b8;--color-gold:gold;--color-silver:silver;--color-bronze:#cd7f32;--color-success:#22c55e;--border-radius:12px;--shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -2px rgba(0,0,0,.2)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;background:var(--color-background);color:var(--color-text);min-height:100vh;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:2rem}.header{text-align:center;margin-bottom:3rem}.header__graphic-placeholder{width:100%;max-width:600px;height:200px;margin:0 auto 2rem;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-light) 100%);border:2px dashed var(--color-primary);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-size:1.125rem}.header__title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--color-primary) 0,var(--color-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.header__subtitle{color:var(--color-text-muted);font-size:1.125rem}.section{margin-bottom:3rem}.section__title{font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;color:var(--color-text);display:flex;align-items:center;gap:.75rem}.section__title:before{content:"";width:4px;height:1.5rem;background:var(--color-primary);border-radius:2px}.leaderboard{background:var(--color-surface);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}.leaderboard__header{background:var(--color-surface-light);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.leaderboard__header,.leaderboard__row{display:grid;grid-template-columns:60px 1fr 120px 100px;padding:1rem 1.5rem}.leaderboard__row{border-bottom:1px solid var(--color-surface-light);align-items:center;transition:background .2s ease}.leaderboard__row:hover{background:var(--color-surface-light)}.leaderboard__row:last-child{border-bottom:none}.leaderboard__rank{font-weight:700;font-size:1.25rem}.leaderboard__rank--1{color:var(--color-gold)}.leaderboard__rank--2{color:var(--color-silver)}.leaderboard__rank--3{color:var(--color-bronze)}.leaderboard__name,.leaderboard__time{font-weight:600;font-size:1.125rem}.leaderboard__time{font-family:SF Mono,Fira Code,monospace;color:var(--color-primary)}.leaderboard__date,.leaderboard__time--dnf{color:var(--color-text-muted)}.leaderboard__date{font-size:.875rem}.history{background:var(--color-surface);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow)}.history__header{background:var(--color-surface-light);font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.history__header,.history__row{display:grid;grid-template-columns:1fr 120px 100px 80px;padding:1rem 1.5rem}.history__row{border-bottom:1px solid var(--color-surface-light);align-items:center}.history__row:last-child{border-bottom:none}.history__name,.history__time{font-weight:500}.history__time{font-family:SF Mono,Fira Code,monospace}.history__date,.history__time--dnf{color:var(--color-text-muted)}.history__date{font-size:.875rem}.history__pb{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-success);color:#fff;font-size:.75rem;font-weight:600;border-radius:4px}.graphic-placeholder{width:100%;height:150px;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-light) 100%);border:2px dashed var(--color-primary);border-radius:var(--border-radius);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-muted);gap:.5rem}.graphic-placeholder__icon{font-size:2rem;opacity:.5}.graphic-placeholder__text{font-size:.875rem}.footer{text-align:center;padding:2rem}.footer,.footer__graphic-placeholder{color:var(--color-text-muted);font-size:.875rem}.footer__graphic-placeholder{width:100%;max-width:400px;height:100px;margin:0 auto 1rem;background:linear-gradient(135deg,var(--color-surface) 0,var(--color-surface-light) 100%);border:2px dashed var(--color-primary);border-radius:var(--border-radius);display:flex;align-items:center;justify-content:center}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:1.5rem;gap:1.5rem;margin-bottom:3rem}.stat-card{background:var(--color-surface);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow)}.stat-card__label{font-size:.875rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem}.stat-card__value{font-size:2rem;font-weight:700;color:var(--color-primary)}.stat-card__sub{font-size:.875rem;color:var(--color-text-muted);margin-top:.25rem}@media (max-width:768px){.container{padding:1rem}.header__title{font-size:2rem}.header__graphic-placeholder{height:150px}.leaderboard__header,.leaderboard__row{grid-template-columns:50px 1fr 100px}.leaderboard__header>:last-child,.leaderboard__row>:last-child{display:none}.history__header,.history__row{grid-template-columns:1fr 100px 80px}.history__header>:nth-child(3),.history__row>:nth-child(3){display:none}.stats{grid-template-columns:1fr 1fr}}@media (max-width:480px){.stats{grid-template-columns:1fr}}