:root{--bg:#010a13;--bg-elev:#0a1428;--bg-elev-2:#0f1b2d;--border:#785a28;--border-soft:#3f2d17;--border-bright:#c8aa6e;--text:#e6e1d6;--text-dim:#a9b4d0;--text-faint:#7481a0;--accent:#c8aa6e;--accent-dim:#8d6a34;--accent-bright:#f0e6d3;--hex-blue:#0bc4e3;--hex-blue-dim:#0397ab;--up:#00c48b;--down:#e84057;--notice:#d4a843;--notice-dim:#9a7630;--shadow:0 22px 46px -24px #000000e6;--radius:4px;--notch:10px;--heading-font:"Cinzel", "Times New Roman", serif}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0}body{min-height:100vh;color:var(--text);background:radial-gradient(980px 580px at 82% -12%, #c8aa6e26, transparent 62%), radial-gradient(900px 520px at 3% -5%, #0bc4e31a, transparent 56%), var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.app{flex-direction:column;max-width:1120px;min-height:100vh;margin:0 auto;padding:0 24px;display:flex}.site-header{border-bottom:1px solid var(--border-soft);background-image:linear-gradient(90deg,#c8aa6e1f,#c8aa6e00),repeating-linear-gradient(60deg,#c8aa6e0f 0 8px,#0000 8px 16px,#0bc4e30f 16px 24px);background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:100% 2px,240px 2px;flex-wrap:wrap;align-items:center;gap:16px;padding:20px 0 16px;display:flex}.brand{color:var(--text);font-family:var(--heading-font);letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:inline-flex}.brand-mark{width:36px;height:36px;clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));color:#12100b;background:linear-gradient(135deg, var(--accent), var(--accent-bright));place-items:center;display:grid;box-shadow:0 6px 18px -8px #c8aa6ee6}.brand-accent{color:var(--accent-bright)}.top-nav{align-items:center;display:inline-flex}.top-nav-link{color:var(--text-dim);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#c8aa6e0f;padding:8px 12px;font-size:12px;font-weight:700;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.top-nav-link:hover{color:var(--accent-bright);border-color:var(--border-bright);background:#c8aa6e1f}.search{flex:320px;gap:10px;min-width:220px;display:flex}.search-input{min-width:0;color:var(--text);background:var(--bg-elev);border:1px solid var(--border);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);outline:none;flex:1;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.search-input::placeholder{color:var(--text-faint)}.search-input:focus{border-color:var(--hex-blue);box-shadow:0 0 0 3px #0bc4e333}.auth-avatar{clip-path:polygon(10px 0,100% 0,100% 30px,30px 100%,0 100%,0 10px);width:40px;height:40px;color:var(--text-dim);background:var(--bg-elev-2);border:1px solid var(--border);flex:none;place-items:center;text-decoration:none;transition:border-color .15s,color .15s,box-shadow .15s,transform 80ms;display:grid;box-shadow:0 0 0 2px #c8aa6e1f}.auth-avatar:hover{color:var(--accent-bright);border-color:var(--border-bright);box-shadow:0 0 0 3px #c8aa6e33}.auth-avatar:active{transform:scale(.96)}.auth-avatar.is-signed-in{color:#1a1510;background:linear-gradient(135deg, var(--accent), var(--accent-bright));border-color:#0000;box-shadow:0 4px 14px -4px #c8aa6ea6}.auth-avatar.is-signed-in:hover{color:#1a1510;filter:brightness(1.06)}.auth-avatar-icon{display:block}.auth-avatar.is-signed-in .auth-avatar-icon,.auth-avatar:not(.is-signed-in) .auth-avatar-initials{display:none}.auth-avatar-initials{letter-spacing:.02em;text-transform:uppercase;font-size:14px;font-weight:700;line-height:1}.btn{letter-spacing:.04em;text-transform:uppercase;border:1px solid var(--border);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-family:inherit;font-size:14px;font-weight:700;transition:transform 80ms,background .15s,border-color .15s,opacity .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-primary{border-color:var(--border-bright);background:linear-gradient(135deg, var(--accent), var(--accent-dim));color:#17130d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--accent-bright), var(--accent))}.btn-warning{background:linear-gradient(135deg, var(--notice), var(--notice-dim));color:#161107;border-color:#d4a843b3}.btn-warning:hover:not(:disabled){filter:brightness(1.06)}.btn-ghost{border-color:var(--border);color:var(--text-dim);background:#c8aa6e0d}.btn-ghost:hover:not(:disabled){border-color:var(--border-bright);color:var(--accent-bright)}.content{flex:1;padding:8px 0 40px}.message{clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px);border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);margin:8px 0 20px;padding:13px 16px;font-size:14px}.message.is-error{color:#ff9dab;background:#e8405721;border-color:#e8405780}.message.is-loading{align-items:center;gap:12px;display:flex}.hextech-spinner{flex:none;place-items:center;width:18px;height:18px;display:inline-grid;position:relative}.hextech-spinner:before{content:"";border:2px solid #0bc4e34d;border-top-color:var(--hex-blue);clip-path:polygon(50% 0,94% 25%,94% 75%,50% 100%,6% 75%,6% 25%);width:18px;height:18px;animation:.9s linear infinite spin;box-shadow:0 0 12px #0bc4e373}.hextech-spinner-inner{background:var(--hex-blue);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);width:7px;height:7px;animation:1.1s ease-in-out infinite pulse}.lp-loading{flex-direction:column;flex:none;gap:6px;width:min(220px,42vw);display:flex;position:relative}.lp-loading-track{border:1px solid var(--border);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);background:#c8aa6e14;height:8px;position:relative;overflow:hidden}.lp-loading-track:before{content:"";background:linear-gradient(90deg,#0000,#f0e6d3cc,#0000);animation:1.4s ease-in-out infinite lpScan;position:absolute;inset:1px;transform:translate(-100%)}.lp-loading-pips{grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;display:grid}.lp-loading-pips span{clip-path:polygon(3px 0,100% 0,100% calc(100% - 3px),calc(100% - 3px) 100%,0 100%,0 3px);background:#c8aa6e38;height:4px;animation:1.2s ease-in-out infinite pipPulse}.lp-loading-pips span:nth-child(2){animation-delay:.1s}.lp-loading-pips span:nth-child(3){animation-delay:.2s}.lp-loading-pips span:nth-child(4){animation-delay:.3s}.lp-loading-pips span:nth-child(5){animation-delay:.4s}.message.is-lp-loading{justify-content:center}.spinner{border:2px solid #c8aa6e3d;border-top-color:var(--accent);border-radius:50%;flex:none;width:15px;height:15px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.5;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes lpScan{to{transform:translate(100%)}}@keyframes pipPulse{0%,to{background:#c8aa6e33}50%{background:#f0e6d3b3}}.welcome{padding:40px 0 24px}.welcome-hero-panel{border:1px solid var(--border);background:linear-gradient(180deg, #c8aa6e1a, transparent), var(--bg-elev);clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));box-shadow:var(--shadow);padding:28px 28px 24px}.welcome-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--hex-blue);margin:0 0 12px;font-size:12px;font-weight:700}.welcome-title{font-family:var(--heading-font);letter-spacing:.03em;text-transform:uppercase;margin:0 0 12px;font-size:clamp(30px,4vw,46px);font-weight:700;line-height:1.15}.welcome-sub{color:var(--text-dim);margin:0 0 6px;font-size:16px;line-height:1.5}.welcome-hint{color:var(--text-faint);margin:16px 0 0;font-size:14px}.welcome-actions{justify-content:flex-start;margin-top:24px;display:flex}.welcome-actions .btn{min-width:220px}.home-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.home-panel{border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow);clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));grid-column:span 12;padding:18px}.home-panel-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.home-panel-title{font-family:var(--heading-font);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:19px}.home-panel-tag{border:1px solid var(--border-soft);color:var(--text-faint);text-transform:uppercase;letter-spacing:.08em;clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);padding:5px 8px;font-size:11px}.home-panel-copy{color:var(--text-dim);margin:12px 0 2px;font-size:14px;line-height:1.5}.home-placeholder-list{gap:8px;margin-top:12px;display:grid}.home-placeholder-row{height:42px}.champion-slot-pulse{border:1px solid var(--border-soft);background:linear-gradient(110deg, #0bc4e324 0%, #c8aa6e17 35%, #0bc4e324 70%), var(--bg-elev-2);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background-size:220% 100%;animation:1.25s linear infinite championPulse}@keyframes championPulse{to{background-position:-120% 0}}@media (width>=900px){.home-grid .home-panel:first-child,.home-grid .home-panel:nth-child(2),.home-grid .home-panel:nth-child(3){grid-column:span 4}}.home-stats-grid{flex-direction:column;gap:2px;margin-top:14px;display:flex}.home-stat-cell{background:var(--bg-elev-2);border:1px solid var(--border-soft);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.home-stat-cell.champion-slot-pulse{border:none;height:40px}.home-stat-value{color:var(--text);white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:16px;font-weight:700}.home-stat-label{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);font-size:12px}.home-leaderboard{flex-direction:column;gap:2px;margin:12px 0 0;padding:0;list-style:none;display:flex}.home-lb-row{background:var(--bg-elev-2);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border:1px solid #0000;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;padding:9px 10px;transition:border-color .12s;display:grid}.home-lb-row:hover{border-color:var(--border-soft)}.home-lb-rank{color:var(--text-faint);text-align:right;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.home-lb-player{align-items:baseline;gap:4px;min-width:0;text-decoration:none;display:flex;overflow:hidden}.home-lb-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.home-lb-player:hover .home-lb-name{color:var(--accent)}.home-lb-tag{color:var(--text-faint);flex-shrink:0;font-size:12px}.home-lb-delta{white-space:nowrap;font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.home-lb-pct{opacity:.8;font-size:11px}.home-trade-feed{flex-direction:column;gap:2px;margin:12px 0 0;padding:0;list-style:none;display:flex}.home-trade-row{background:var(--bg-elev-2);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);border:1px solid #0000;grid-template-rows:auto auto;grid-template-columns:40px 1fr auto;align-items:center;gap:1px 8px;padding:7px 10px;transition:border-color .12s;display:grid}.home-trade-row:hover{border-color:var(--border-soft)}.home-trade-side{letter-spacing:.06em;clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);text-align:center;grid-row:1/-1;padding:3px 5px;font-size:11px;font-weight:700}.home-trade-side--buy{color:var(--accent);background:#c8aa6e2e;border:1px solid #c8aa6e59}.home-trade-side--sell{color:#ff97a8;background:#e8405724;border:1px solid #e8405759}.home-trade-player{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;grid-area:1/2;align-items:baseline;gap:4px;font-size:13px;font-weight:600;text-decoration:none;display:flex;overflow:hidden}.home-trade-player:hover{color:var(--accent)}.home-trade-tag{color:var(--text-faint);flex-shrink:0;font-size:11px}.home-trade-meta{color:var(--text-dim);white-space:nowrap;grid-area:1/3;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.home-trade-time{color:var(--text-faint);grid-area:2/2/auto/-1;font-size:11px}.home-panel-empty{color:var(--text-faint);margin:16px 0 4px;font-size:13px}code{clip-path:polygon(5px 0,100% 0,100% calc(100% - 5px),calc(100% - 5px) 100%,0 100%,0 5px);background:var(--bg-elev-2);border:1px solid var(--border-soft);color:var(--accent-bright);padding:2px 7px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.auth-card{background:var(--bg-elev);border:1px solid var(--border);max-width:420px;clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));box-shadow:var(--shadow);margin:48px auto 24px;padding:28px 28px 24px}.auth-card--wide{max-width:560px}.auth-title{font-size:30px;font-family:var(--heading-font);letter-spacing:.03em;text-transform:uppercase;margin:0 0 8px;font-weight:700}.auth-sub{color:var(--text-dim);margin:0 0 22px;font-size:15px}.auth-form{flex-direction:column;gap:14px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--text-dim);font-size:13px;font-weight:600}.field-input{color:var(--text);background:var(--bg-elev-2);border:1px solid var(--border);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);outline:none;padding:11px 14px;font-size:15px;transition:border-color .15s,box-shadow .15s}.field-input:focus{border-color:var(--hex-blue);box-shadow:0 0 0 3px #0bc4e333}.field-hint{color:var(--text-faint);margin:-6px 0 0;font-size:13px}.field-feedback{margin:0;font-size:13px;font-weight:600}.field-feedback.is-match{color:var(--up)}.field-feedback.is-mismatch{color:var(--down)}.auth-submit{width:100%;margin-top:4px}.auth-link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;margin-top:12px;padding:0;font-family:inherit;font-size:14px;font-weight:600}.auth-link-btn:hover{text-decoration:underline}.auth-inline-form{border-top:1px solid var(--border-soft);margin-top:12px;padding-top:14px}.auth-inline-actions{gap:10px;display:flex}.auth-inline-actions .btn{flex:1}.auth-switch{text-align:center;color:var(--text-faint);margin:20px 0 0;font-size:14px}.auth-switch a,.auth-switch-btn{color:var(--accent);font-weight:600;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;text-decoration:none}.auth-switch a:hover,.auth-switch-btn:hover{text-decoration:underline}.auth-back{margin:0 0 16px;font-size:14px}.auth-back a{color:var(--text-dim);font-weight:500;text-decoration:none}.auth-back a:hover{color:var(--accent)}.account-username-display{border:1px solid var(--border-soft);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color:var(--text-dim);background:#c8aa6e14;margin:0 0 20px;padding:10px 12px;font-size:15px}.account-shell{background:linear-gradient(180deg, #c8aa6e1c, transparent 36%), var(--bg-elev)}.auth-shell{background:var(--bg-elev)}.account-change-warning{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);color:#f0d7a4;background:#d4a84324;border:1px solid #d4a84373;margin:0 0 14px;padding:10px 12px;font-size:13px}.account-change-warning.is-locked{color:#ff9ca3;background:#e8405724;border-color:#e8405780}.account-category{border:1px solid var(--border-soft);background:var(--bg-elev-2);clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);margin:0 0 18px;padding:14px}.account-category-title{letter-spacing:.06em;text-transform:uppercase;color:var(--text-faint);margin:0 0 10px;font-size:13px;font-weight:700}.account-action-list{flex-direction:column;gap:10px;display:flex}.account-action-btn{justify-content:center;width:100%;text-decoration:none}@media (width>=520px){.account-action-list{flex-direction:row}.account-action-btn{flex:1;min-width:0}}.account-unverified-prompt{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#d4a84329;border:1px solid #d4a84380;margin:0 0 20px;padding:14px 16px}.account-unverified-prompt p{color:#efd4a0;margin:0 0 8px;font-size:14px}.account-unverified-prompt a{color:var(--notice);font-weight:600;text-decoration:none}.account-unverified-prompt a:hover{text-decoration:underline}.account-logout{width:100%}.welcome-verify-card{text-align:center}.welcome-verify-email{color:var(--accent);word-break:break-all;font-weight:600}.welcome-verify-hint{color:var(--text-faint);margin:0 0 22px;font-size:14px}.toast-popup{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#02060bcc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.toast-popup-card{width:min(100%,360px);clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow);text-align:center;padding:24px 24px 20px;position:relative}.toast-popup-card:before{content:"";clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));pointer-events:none;border:1px solid #0bc4e366;position:absolute;inset:0}.toast-popup-kicker{text-transform:uppercase;letter-spacing:.13em;color:var(--hex-blue);margin:0 0 10px;font-size:11px;font-weight:700}.toast-popup-text{color:var(--text);margin:0 0 18px;font-size:15px;line-height:1.5}.toast-popup-dismiss{width:100%}.auth-status{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text-dim);margin:8px 0 16px;padding:13px 16px;font-size:14px}.auth-status.is-loading{align-items:center;gap:10px;display:flex}.auth-status.is-error{color:#ff8088;background:#e8405724;border-color:#e8405780}.auth-status.is-success{color:#8ce9c3;background:#00c48b1f;border-color:#00c48b73}.player-card{background:var(--bg-elev);border:1px solid var(--border);clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));box-shadow:var(--shadow);overflow:hidden}.player-head{border-bottom:1px solid var(--border-soft);flex-wrap:wrap;align-items:center;gap:18px;padding:22px 24px;display:flex}.player-id{flex-direction:column;align-items:flex-start;gap:6px;min-width:0;display:flex}.player-riot-id{align-items:baseline;gap:4px;min-width:0;display:flex}.player-external-links{gap:10px;font-size:12px;display:flex}.player-external-links a{color:var(--text-faint);font-weight:600;text-decoration:none}.player-external-links a:hover{color:var(--accent);text-decoration:underline}.data-quality-hint{align-self:center;align-items:center;display:inline-flex;position:relative}.data-quality-hint-btn{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);border:1px solid var(--border);background:var(--bg-elev-2);width:18px;height:18px;color:var(--text-dim);cursor:pointer;padding:0;font-size:11px;font-weight:700;line-height:1}.data-quality-hint-btn:hover,.data-quality-hint-btn:focus-visible{border-color:var(--notice-dim);color:var(--notice);outline:none}.data-quality-tooltip{clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);border:1px solid var(--border);background:var(--bg-elev-2);min-width:220px;max-width:min(320px,75vw);color:var(--text-dim);z-index:6;opacity:0;visibility:hidden;pointer-events:none;padding:9px 11px;font-size:12px;line-height:1.4;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-3px);box-shadow:0 10px 26px -12px #000000d9}.data-quality-hint:hover .data-quality-tooltip,.data-quality-hint:focus-within .data-quality-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.player-name{font-family:var(--heading-font);letter-spacing:.03em;text-transform:uppercase;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:24px;font-weight:700;overflow:hidden}.player-tag{color:var(--text-faint);font-size:17px;font-weight:500}.player-head-meta{color:var(--text-faint);text-align:right;flex-direction:column;align-items:flex-end;gap:3px;margin-left:auto;font-size:12px;line-height:1.3;display:flex}.player-price-display{border-bottom:1px solid var(--border-soft);background:linear-gradient(#0bc4e30f,#0000);flex-direction:column;gap:2px;padding:20px 22px 18px;display:flex}.score-label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-faint);font-size:11px}.score-value{margin-top:3px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:30px;font-weight:700}.score-trend{flex-wrap:wrap;align-items:baseline;gap:8px;margin-top:4px;display:flex}.score-change{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13px;font-weight:700}.score-context{color:var(--text-faint);font-size:12px}.refresh-icon{transition:transform .4s;display:inline-flex}.btn.is-busy .refresh-icon{animation:.7s linear infinite spin}.player-refresh{color:var(--hex-blue);background:#0bc4e31a;border-color:#0bc4e373}.player-refresh:hover:not(:disabled){color:#a8f3ff;border-color:#0bc4e3b3}.player-meta{display:none}.player-trade-panel{flex:1;padding:16px 22px;overflow-y:auto}.player-trade-message{color:var(--text-dim);margin:0;font-size:14px}.player-trade-message a{color:var(--accent);font-weight:600;text-decoration:none}.player-trade-message a:hover{text-decoration:underline}.player-trade-summary{color:var(--text-dim);flex-direction:column;gap:4px;font-size:13px;display:flex}.player-trade-controls{flex-direction:column;gap:10px;margin-top:12px;display:flex}.player-trade-field{width:100%;max-width:none;margin:0}.player-trade-input{width:100%}.player-trade-field-hint{margin-top:4px}.player-trade-actions{gap:8px;display:flex}.player-trade-actions .btn{flex:1}.trade-action-buy,.trade-action-sell{min-width:88px}.trade-action-sell{color:#ff97a8;background:#e8405717;border-color:#e840576b}.trade-action-sell:hover:not(:disabled){color:pink;border-color:#e84057b8}.player-trade-meta{color:var(--text-faint);flex-wrap:wrap;gap:12px;margin-top:10px;font-size:12px;display:flex}.player-trade-hint{flex-basis:100%}.player-body{grid-template-columns:1fr 320px;min-height:420px;display:grid}.player-chart-col{border-right:1px solid var(--border-soft);flex-direction:column;padding:18px 20px 20px;display:flex}.player-chart-col .chart-area{height:380px}.player-trade-col{flex-direction:column;min-width:0;max-height:600px;display:flex;overflow-y:auto}.range-filters{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.range-btn{appearance:none;letter-spacing:.02em;color:var(--text-dim);background:var(--bg-elev-2);border:1px solid var(--border-soft);clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px);cursor:pointer;padding:6px 12px;font-family:inherit;font-size:12px;font-weight:600;transition:color .15s,border-color .15s,background .15s}.range-btn:hover{color:var(--accent-bright);border-color:var(--border-bright)}.range-btn.is-active{color:var(--hex-blue);background:#0bc4e324;border-color:#0bc4e38c}.chart-area{width:100%;height:320px;position:relative}.chart-svg{width:100%;height:100%;color:var(--text-dim);touch-action:pan-y;display:block;overflow:visible}.chart-svg[data-trend=up]{color:var(--hex-blue)}.chart-svg[data-trend=down]{color:var(--down)}.chart-grid{stroke:var(--chart-grid-color,var(--border));stroke-width:1px;opacity:.65}.chart-grid-label,.chart-axis-label{fill:var(--text-faint);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.chart-area-fill{opacity:.95}.chart-fill-top{stop-color:var(--chart-fill-color,var(--hex-blue));stop-opacity:.26}.chart-fill-bottom{stop-color:var(--chart-fill-color,var(--hex-blue));stop-opacity:0}.chart-svg[data-trend=up] .chart-fill-top,.chart-svg[data-trend=up] .chart-fill-bottom{stop-color:var(--up)}.chart-svg[data-trend=down] .chart-fill-top,.chart-svg[data-trend=down] .chart-fill-bottom{stop-color:var(--down)}.chart-line{fill:none;stroke:var(--chart-line-color,currentColor);stroke-width:2px;stroke-linejoin:round;stroke-linecap:round}.chart-line-abnormal{stroke-dasharray:4 4;opacity:.95}.chart-baseline{stroke:#c8aa6e9e;stroke-width:1px;stroke-dasharray:4 4;opacity:.45}.chart-cursor-line{stroke:#0bc4e3cc;stroke-width:1px;stroke-dasharray:3 3;opacity:.7}.chart-dot{fill:currentColor;stroke:var(--bg-elev);stroke-width:2.5px}.chart-tooltip{pointer-events:none;clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);background:var(--bg-elev-2);border:1px solid var(--border);white-space:nowrap;z-index:2;padding:7px 10px;position:absolute;top:0;left:0;box-shadow:0 10px 26px -12px #000000d9}.chart-tooltip-date{color:var(--text-faint);margin-bottom:2px;font-size:11px}.chart-tooltip-score{color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;font-weight:700}.change-up{color:var(--up)}.change-down{color:var(--down)}.change-flat{color:var(--text-faint)}.history-empty{text-align:center;color:var(--text-faint);padding:48px 24px;font-size:14px}.portfolio-page{flex-direction:column;gap:18px;display:flex}.portfolio-header{background:var(--bg-elev);border:1px solid var(--border);clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));box-shadow:var(--shadow);padding:22px 24px}.portfolio-title{font-family:var(--heading-font);text-transform:uppercase;letter-spacing:.04em;margin:0 0 14px;font-size:clamp(24px,3vw,32px)}.portfolio-subtitle{color:var(--text-dim);margin:-4px 0 16px;font-size:14px}.portfolio-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;display:grid}.portfolio-kpi{clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);border:1px solid var(--border-soft);background:var(--bg-elev-2);padding:12px}.portfolio-kpi-label{color:var(--text-faint);text-transform:uppercase;letter-spacing:.06em;font-size:12px;display:block}.portfolio-kpi-value{margin-top:6px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:18px;font-weight:700;display:block}.portfolio-empty{clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);padding:30px 24px}.portfolio-empty p{margin:0 0 8px}.portfolio-empty p:last-child{color:var(--text-faint);margin-bottom:0}.portfolio-perf-panel{background:var(--bg-elev);border:1px solid var(--border);clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));box-shadow:var(--shadow);overflow:hidden}.portfolio-perf-head{border-bottom:1px solid var(--border-soft);align-items:center;gap:10px;padding:14px 20px 12px;display:flex}.portfolio-perf-title{font-family:var(--heading-font);text-transform:uppercase;letter-spacing:.07em;color:var(--text-dim);font-size:13px}.portfolio-perf-tag{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);border:1px solid var(--border-soft);clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);padding:2px 7px;font-size:11px}.portfolio-perf-placeholder{height:120px}.portfolio-positions{flex-direction:column;gap:8px;display:flex}.portfolio-pos{color:inherit;background:var(--bg-elev);border:1px solid var(--border);clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch));box-shadow:var(--shadow);grid-template-columns:200px 1fr auto 148px;align-items:center;gap:0 28px;padding:18px 22px;text-decoration:none;transition:border-color .15s,transform 80ms;display:grid}.portfolio-pos:hover{border-color:var(--border-bright)}.portfolio-pos:active{transform:translateY(1px)}.portfolio-pos-identity{min-width:0}.portfolio-pos-name{font-family:var(--heading-font);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:18px;font-weight:600;overflow:hidden}.portfolio-pos-tag{color:var(--text-faint);margin:2px 0 0;font-size:13px}.portfolio-pos-meta{color:var(--text-faint);text-transform:uppercase;letter-spacing:.04em;margin:6px 0 0;font-size:11px}.portfolio-pos-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px 16px;display:grid}.portfolio-stat{flex-direction:column;gap:3px;display:flex}.portfolio-stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);font-size:11px}.portfolio-stat-value{color:var(--text);font-family:JetBrains Mono,ui-monospace,monospace;font-size:14px;font-weight:600}.portfolio-pos-gain{white-space:nowrap;flex-direction:column;align-items:flex-end;gap:2px;font-family:JetBrains Mono,ui-monospace,monospace;display:flex}.portfolio-pos-gain-lp{font-size:15px;font-weight:700}.portfolio-pos-gain-pct{opacity:.85;font-size:12px}.portfolio-pos-spark{width:148px;height:52px;position:relative}.portfolio-pos-spark .chart-area{pointer-events:none;width:100%;height:100%}.portfolio-spark-skeleton{clip-path:polygon(4px 0,100% 0,100% calc(100% - 4px),calc(100% - 4px) 100%,0 100%,0 4px);width:100%;height:100%}.site-footer{text-align:center;border-top:1px solid var(--border-soft);padding:24px 20px}.site-footer-legal{max-width:720px;color:var(--text-faint);opacity:.65;margin:0 auto;font-size:11px;line-height:1.6}@media (width<=560px){.site-header{gap:14px}.top-nav{order:3}.search{flex-basis:100%;order:4}.welcome-hero-panel{padding:22px 16px 18px}.welcome-actions .btn{width:100%;min-width:0}.auth-card{margin-top:28px;padding:22px 18px 18px}.auth-card--wide{max-width:none}.player-head{padding:18px 16px}.player-head-meta{text-align:left;align-items:flex-start}.player-body{grid-template-columns:1fr}.player-chart-col{border-right:none;border-bottom:1px solid var(--border-soft);padding:14px 16px 16px}.player-chart-col .chart-area{height:240px}.player-price-display{padding:14px 16px 12px}.score-trend{justify-content:flex-start}.player-trade-panel{max-height:none;padding:14px 16px}.player-trade-col{max-height:none}.portfolio-header{padding:18px 16px}.portfolio-pos{grid-template-rows:auto auto auto;grid-template-columns:1fr auto;gap:12px 16px;padding:14px 16px}.portfolio-pos-identity{grid-area:1/1}.portfolio-pos-gain{grid-area:1/2;align-self:start;align-items:flex-end}.portfolio-pos-stats{grid-area:2/1/auto/-1;grid-template-columns:repeat(2,1fr)}.portfolio-pos-spark{grid-area:3/1/auto/-1;width:100%;height:44px}.portfolio-perf-placeholder{height:80px}}