@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root{--bg:#0d100e;--panel:#151a17;--panel2:#1b211d;--line:#2a322d;--text:#f2f4ef;--muted:#99a39b;--green:#b9ff57;--red:#ff5d5d;--amber:#ffc857;--blue:#66a6ff;--radius:18px;--shadow:0 18px 60px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{background:var(--bg);color-scheme:dark}body{margin:0;background:radial-gradient(circle at 20% -10%,#263027 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif;min-height:100vh}.noise{position:fixed;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;background:rgba(13,16,14,.9);backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:13px}.brand-mark{width:43px;height:43px;border:7px double var(--green);border-radius:50%;display:grid;place-items:center;color:var(--green);font-size:12px}.brand strong{font-family:"Barlow Condensed",sans-serif;font-size:24px;letter-spacing:.04em;display:block}.brand span{font-size:12px;color:var(--muted)}button{font:inherit;cursor:pointer}.top-actions{display:flex;gap:8px}.ghost,.primary,.action-card{border:1px solid var(--line);border-radius:11px;color:var(--text);background:var(--panel2);padding:10px 14px}.ghost:hover{border-color:#526057}.ghost.danger:hover{border-color:var(--red);color:var(--red)}.primary{background:var(--green);border-color:var(--green);color:#10150d;font-weight:800}.small{font-size:12px;padding:7px 10px}.app-shell{max-width:1580px;margin:0 auto;padding:24px;display:grid;grid-template-columns:320px minmax(500px,1fr) 300px;gap:18px}.panel{background:linear-gradient(180deg,rgba(28,34,30,.98),rgba(19,24,21,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.profile{padding:22px;height:max-content;position:sticky;top:102px}.identity{display:flex;gap:14px;align-items:center}.avatar{flex:0 0 62px;width:62px;height:62px;border-radius:17px;background:var(--green);color:#11180d;display:grid;place-items:center;font-family:"Barlow Condensed";font-size:25px;font-weight:800;transform:rotate(-3deg)}h1,h2{font-family:"Barlow Condensed",sans-serif;margin:0;line-height:1}h1{font-size:27px}h2{font-size:28px}.eyebrow,.label{color:var(--green);font-size:10px;letter-spacing:.16em;font-weight:800;text-transform:uppercase;margin:0 0 5px}.muted{color:var(--muted);font-size:12px}.overall-wrap{margin:22px 0 18px;padding:16px;background:#101411;border:1px solid var(--line);border-radius:14px;display:flex;align-items:end;justify-content:space-between}.overall-wrap>div:first-child strong{font-family:"Barlow Condensed";font-size:60px;line-height:.85;color:var(--green)}.rank-block{text-align:right;max-width:130px}.rank-block strong{display:block;font-size:14px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.stat-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;padding:11px}.stat-card span{font-size:11px;color:var(--muted);display:block}.stat-card strong{font-family:"Barlow Condensed";font-size:24px}.stat-card .bar{height:4px;background:#0d100e;border-radius:10px;margin-top:6px;overflow:hidden}.stat-card .bar i{display:block;height:100%;background:var(--green);border-radius:10px}.progress-card{margin:16px 0}.progress-head{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.progress{height:7px;background:#0d100e;border-radius:99px;overflow:hidden;margin-top:7px}.progress i{display:block;height:100%;background:var(--green);width:0;transition:.35s}.mini-list>div{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line);font-size:12px}.mini-list>div:last-child{border:0}.mini-list span{color:var(--muted)}.game-column,.side-column{display:flex;flex-direction:column;gap:18px}.season-strip{padding:16px 20px;display:grid;grid-template-columns:repeat(4,1fr) 2fr;gap:16px}.season-strip>div{border-right:1px solid var(--line)}.season-strip>div:last-child{border:0}.season-strip strong{font-family:"Barlow Condensed";font-size:22px}.action-panel,.feed-panel,.next-panel,.records-panel,.achievements-panel{padding:20px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.autosave{font-size:10px;color:var(--muted)}.autosave::first-letter{color:var(--green)}.actions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-card{text-align:left;padding:14px;min-height:105px;transition:.2s;position:relative;overflow:hidden}.action-card:hover:not(:disabled){transform:translateY(-2px);border-color:#526057;background:#222a25}.action-card:disabled{opacity:.35;cursor:not-allowed}.action-card .icon{font-size:22px;display:block;margin-bottom:10px}.action-card strong{display:block;font-size:13px}.action-card small{display:block;color:var(--muted);font-size:10px;line-height:1.45;margin-top:4px}.action-card .cost{position:absolute;right:10px;top:10px;color:var(--amber);font-size:10px;font-weight:700}.feed{display:flex;flex-direction:column;gap:10px;max-height:720px;overflow:auto;padding-right:4px}.feed-item{border-left:3px solid var(--line);background:#111512;border-radius:0 12px 12px 0;padding:13px 14px}.feed-item.win{border-color:var(--green)}.feed-item.loss{border-color:var(--red)}.feed-item.event{border-color:var(--amber)}.feed-item.major{border-color:var(--blue)}.feed-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.feed-item h3{font-family:"Barlow Condensed";font-size:20px;margin:0 0 5px}.feed-item p{font-size:12px;line-height:1.55;color:#c8cec9;margin:0}.feed-stats{display:flex;gap:12px;margin-top:9px;flex-wrap:wrap}.feed-stats span{font-size:10px;background:var(--panel2);border:1px solid var(--line);padding:5px 7px;border-radius:7px}.side-column>section{box-shadow:none}.roadmap{margin-top:16px}.road-step{display:grid;grid-template-columns:22px 1fr;gap:10px;padding-bottom:14px;position:relative}.road-step:not(:last-child)::before{content:"";position:absolute;left:10px;top:22px;bottom:0;width:1px;background:var(--line)}.road-dot{width:21px;height:21px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;background:#101411;font-size:9px;z-index:1}.road-step.done .road-dot,.road-step.active .road-dot{border-color:var(--green);color:#101411;background:var(--green)}.road-step strong{font-size:12px;display:block}.road-step small{color:var(--muted);font-size:10px}.badges{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.badge{aspect-ratio:1;border-radius:12px;border:1px solid var(--line);background:#101411;display:grid;place-items:center;text-align:center;padding:6px;filter:grayscale(1);opacity:.35}.badge.unlocked{filter:none;opacity:1;border-color:#556349}.badge span{font-size:20px}.badge small{font-size:8px;color:var(--muted)}footer{max-width:1580px;margin:0 auto;padding:18px 24px 30px;color:#687169;font-size:10px;display:flex;justify-content:space-between}.modal{width:min(720px,calc(100vw - 30px));background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 30px 100px #000}.modal::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(5px)}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px}.close{font-size:24px;line-height:1;padding:5px 9px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label{font-size:11px;color:var(--muted)}.form-grid .wide{grid-column:1/-1}input,select{width:100%;margin-top:6px;background:#0e120f;border:1px solid var(--line);border-radius:10px;color:var(--text);padding:12px;font:inherit}.modal-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:20px}.choice-text{color:#c8cec9;line-height:1.6}.choice-options{display:grid;gap:9px}.choice-option{text-align:left;padding:14px;border:1px solid var(--line);background:#101411;color:var(--text);border-radius:12px}.choice-option:hover{border-color:var(--green)}.choice-option strong{display:block}.choice-option small{color:var(--muted)}.tournament-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.summary-box{background:#101411;border:1px solid var(--line);border-radius:12px;padding:13px}.summary-box span{color:var(--muted);font-size:10px;display:block}.summary-box strong{font-family:"Barlow Condensed";font-size:27px}.summary-comment{margin-top:14px;padding:14px;border-radius:12px;background:#222a25;line-height:1.55;font-size:12px}.positive{color:var(--green)}.negative{color:var(--red)}
@media(max-width:1180px){.app-shell{grid-template-columns:290px 1fr}.side-column{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr)}.profile{top:98px}.season-strip{grid-template-columns:repeat(5,1fr)}}
@media(max-width:820px){.topbar{height:auto;padding:14px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end}.brand span{display:none}.app-shell{display:block;padding:12px}.profile{position:static;margin-bottom:12px}.game-column{gap:12px}.side-column{display:block}.side-column>section{margin-top:12px}.season-strip{grid-template-columns:repeat(2,1fr);margin-bottom:12px}.season-strip>div{border:0}.next-event{grid-column:1/-1}.actions-grid{grid-template-columns:repeat(2,1fr)}footer{display:block;padding:20px}footer span{display:block;margin-bottom:5px}}
@media(max-width:520px){.brand strong{font-size:19px}.brand-mark{width:36px;height:36px}.top-actions button{font-size:10px;padding:8px}.actions-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.tournament-summary{grid-template-columns:1fr}.identity{align-items:flex-start}.season-strip{grid-template-columns:1fr 1fr}}