:root{--bg-a: #060a11;--bg-b: #151e2a;--card: rgba(9, 12, 20, .82);--line: rgba(245, 210, 120, .25);--text: #f8f0df;--muted: #c0b596;--gold: #f5d278;--up: #73e8c9;--flat: #f5d278;--down: #ff8d8d}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Sora,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(72vw 80vh at 8% 8%,rgba(156,63,32,.26) 0%,transparent 55%),radial-gradient(65vw 70vh at 92% 12%,rgba(124,106,59,.26) 0%,transparent 48%),linear-gradient(155deg,var(--bg-a),var(--bg-b))}.page{width:min(1180px,100%);margin:0 auto;padding:20px;display:grid;gap:16px}.hero,.panel{border:1px solid var(--line);border-radius:16px;background:var(--card);box-shadow:0 12px 36px #00000042;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.hero{padding:18px;position:relative;overflow:hidden}.hero h1{margin:0;letter-spacing:.02em}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(110deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,.01) 45%,transparent 100%);pointer-events:none}.hero-top{display:flex;justify-content:space-between;align-items:center;gap:16px}.lang-toggle,.mode-toggle{display:inline-flex;gap:6px}.lang-toggle button{min-width:48px}.mode-toggle button{min-width:84px}.lang-active{border-color:var(--gold)!important;background:#f5d27833!important;font-weight:700}.brand-lockup{display:flex;gap:14px;align-items:center}.brand-logo{width:76px;height:76px;object-fit:contain;filter:drop-shadow(0 5px 18px rgba(0,0,0,.45))}.hero-crest{width:96px;height:96px;border-radius:14px;object-fit:cover;border:1px solid var(--line);box-shadow:0 8px 22px #00000073}.eyebrow{margin:0 0 4px;color:var(--gold);letter-spacing:.18em;font-size:.72rem;font-weight:650}.api-line{margin:2px 0 0;font-size:.76rem;color:var(--muted)}.stats{margin-top:12px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.month-picker{margin-top:12px;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.podium{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.podium-card{border:1px solid rgba(245,210,120,.3);border-radius:14px;background:linear-gradient(160deg,#f5d27826,#ffffff08);padding:12px;display:grid;gap:6px}.podium-rank{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.podium-exp{color:var(--up);font-weight:700}.place-1{box-shadow:0 0 0 1px #f5d27880,0 10px 30px #0000003d}.place-2,.place-3{opacity:.92}.chip{border:1px solid rgba(245,210,120,.28);border-radius:12px;background:linear-gradient(130deg,#f5d2781a,#ffffff05);padding:10px;display:flex;flex-direction:column;gap:6px}.chip-label,.muted{color:var(--muted)}.panel{padding:14px}.panel-header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.panel-header h2{margin:0;font-size:1.1rem;color:var(--gold)}button,select{border:1px solid rgba(245,210,120,.4);border-radius:10px;background:#f5d27814;color:var(--text);font:inherit;padding:8px 10px}button{cursor:pointer}.error{color:var(--down);margin:4px 0 10px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}th{color:var(--gold);font-size:.85rem}.gain-up{color:var(--up);font-weight:700}.gain-flat{color:var(--flat);font-weight:700}.gain-down{color:var(--down);font-weight:700}.chart{width:100%;height:220px;border:1px solid rgba(245,210,120,.25);border-radius:12px;background:linear-gradient(180deg,#f5d27812,#0003),#0003;display:block}@media (max-width: 760px){.page{padding:12px}.hero-top{flex-wrap:wrap;align-items:flex-start;gap:10px}.brand-lockup{flex:1 1 100%;min-width:0}.mode-toggle,.lang-toggle{flex-wrap:wrap}.mode-toggle{flex:1 1 auto}.lang-toggle{margin-left:auto}.mode-toggle button,.lang-toggle button{min-width:0}.month-picker{align-items:stretch}.month-picker select{width:100%}.month-picker .muted{flex:1 1 100%;overflow-wrap:anywhere}.panel-header{flex-wrap:wrap;align-items:flex-start}.panel-header select{width:100%}.hero-crest{width:64px;height:64px}.brand-logo{width:58px;height:58px}.stats,.podium{grid-template-columns:1fr}th:nth-child(4),td:nth-child(4){display:none}}
