:root{color-scheme:dark;--bg: #0b1118;--panel: #121b27;--panel-2: #182234;--border: #243047;--text: #eef3fb;--muted: #8fa3bf;--accent: #d8b36b;--accent-2: #2f93ff}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,sans-serif;background:radial-gradient(circle at top,rgba(47,147,255,.15),transparent 40%),linear-gradient(180deg,#091018,#0b1118 40%,#070b10);color:var(--text)}button,input{font:inherit}.app-shell{min-height:100%}.topbar{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:84px;padding:18px 28px;border-bottom:1px solid var(--border);background:#0a1018e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #00000038}.app-shell>.topbar{max-width:none!important;margin:0!important;flex-wrap:nowrap}.brand{display:flex;gap:12px;align-items:center}.brand-mark{width:42px;height:42px;border-radius:12px;object-fit:cover;border:1px solid rgba(255,255,255,.12)}.brand-title{font-weight:800;letter-spacing:.12em}.brand-subtitle,.hero-bar p,.search-bar span{color:var(--muted);font-size:.85rem}.top-nav{display:flex;gap:10px;align-items:center}.top-nav-button{border:1px solid rgba(216,179,107,.75);background:linear-gradient(180deg,#d8b36b4d,#d8b36b24);color:#f8e7be;border-radius:14px;padding:13px 22px;min-width:140px;min-height:46px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 24px #00000038,inset 0 1px #ffffff24;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,border-color .14s ease,background .14s ease}.top-nav-button.active{background:linear-gradient(180deg,#2f93ff59,#2f93ff38);border-color:#2f93ffd9;color:#fff;box-shadow:0 0 0 1px #2f93ff2e,0 12px 30px #2f93ff33}.top-nav-button:hover{transform:translateY(-2px);filter:brightness(1.12);box-shadow:0 14px 30px #00000042,0 0 0 1px #d8b36b2e,inset 0 1px #ffffff29}.top-nav-button:active{transform:translateY(0);filter:brightness(1.04)}.top-actions{display:flex;gap:10px;align-items:center}.user-chip{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.user-role{font-size:.72rem;color:#b983ff;font-weight:700}.btn,.year-tab,.search-bar input{border:1px solid var(--border);background:var(--panel);color:var(--text);border-radius:10px;padding:10px 14px}.year-tab{min-width:96px;min-height:42px;font-weight:800;letter-spacing:.02em;box-shadow:0 8px 18px #0000002e;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease,border-color .14s ease,background .14s ease}.year-tab:hover{transform:translateY(-2px);filter:brightness(1.08)}.year-tab:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg,#2ecc71,#17a84f);border-color:#1f8b42}.btn-secondary{background:transparent}.btn,.top-nav-button{cursor:pointer}.btn-login,.btn-login-cta{cursor:pointer;transition:transform .14s ease,box-shadow .14s ease,filter .14s ease}.btn-login-cta{min-width:220px;min-height:52px;border:1px solid #a64ee8;background:linear-gradient(180deg,#8b3dff,#6c1bd1);color:#fff;font-weight:900;letter-spacing:.08em;text-transform:uppercase;box-shadow:0 12px 26px #6c1bd157,inset 0 1px #ffffff2e}.btn-login:hover,.btn-login-cta:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn-login-cta:hover{box-shadow:0 16px 30px #6c1bd16b,0 0 0 1px #a95cff47,inset 0 1px #ffffff38}.btn-login-cta:active{transform:translateY(0);box-shadow:0 10px 20px #6c1bd147,inset 0 1px #ffffff24}.btn-login:active{transform:translateY(0);box-shadow:none}.content{padding:22px 28px 36px}.content{width:100%}.hero-bar{display:grid;gap:18px;margin-bottom:18px}.hero-title-row{display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap}.hero-title-copy{display:grid;gap:8px}.hero-bar h1{margin:0;font-size:2rem}.hero-bar p{margin:0}.hero-row{display:flex;gap:14px;align-items:end;justify-content:space-between;flex-wrap:wrap}.year-tabs{display:flex;gap:10px}.year-tab.active{background:#d6ba81;color:#111;border-color:#d6ba81;font-weight:700}.search-bar{margin-left:auto;display:grid;gap:6px;width:min(340px,100%)}.search-bar input{width:100%;background:var(--panel-2)}.column-sort-button{border:0;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer;font-size:.74rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}.table-card{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#121b27e6}.locked-panel{border:1px solid var(--border);border-radius:16px;background:#121b27e6;padding:28px;display:grid;place-items:center;min-height:360px}.locked-panel-card{max-width:520px;text-align:center;display:grid;gap:14px}.locked-panel-card h2{margin:0;font-size:1.5rem}.locked-panel-card p{margin:0;color:var(--muted);line-height:1.5}.load-error,.load-status{margin-bottom:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--border);background:#121b27e6;color:var(--muted)}.load-error{color:#ff9c9c;border-color:#ff5c5c59}table{width:100%;border-collapse:collapse;table-layout:fixed}.col-champion{width:170px}.col-starting,.col-spells{width:130px}.col-difficulty{width:120px}.col-rune{width:100px}.col-info{width:260px}.col-notes{width:auto}.col-build,.col-video{width:90px}th,td{padding:16px 14px;border-bottom:1px solid rgba(36,48,71,.7);vertical-align:top}th{text-align:left;font-size:.74rem;letter-spacing:.08em;color:var(--muted);background:#ffffff05}.champion-cell{display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;text-align:center}.champion-cell img{width:64px;height:64px;border-radius:12px;object-fit:cover}.icon-stack img{width:32px;height:32px;border-radius:8px;object-fit:cover}.icon-stack{display:flex;gap:8px;flex-wrap:wrap}.icon-stack-wide{gap:12px;flex-wrap:nowrap;align-items:center}.icon-stack-wide img{width:32px;height:32px}.branch-stack{display:flex;flex-direction:column;gap:8px}.rune-cell img{width:32px;height:32px;object-fit:cover;display:block}.text-pill{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);color:var(--text);white-space:pre-wrap}.text-cell{white-space:pre-wrap;line-height:1.45;color:var(--text)}.difficulty{padding:6px 10px;border-radius:8px;font-weight:700;font-size:.8rem;color:#111}.difficulty.hard{background:#ff8a1f}.difficulty.easy{background:#42d37b}.difficulty.very-easy{background:#0f6;color:#08130b}.difficulty.medium{background:#ffc233}.difficulty.very-hard{background:#ff5c5c}.difficulty.unknown{background:#b04cff;color:#fff}.notes{max-width:520px;color:#cad6e6;line-height:1.45;white-space:pre-wrap}.calculator-shell{width:100%;border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#121b27e6}@media(max-width:1100px){.topbar,.content{padding-inline:16px}.app-shell>.topbar{gap:12px;flex-wrap:wrap}.hero-title-row,.hero-row{align-items:stretch}.search-bar{width:100%;margin-left:0}table,thead,tbody,th,td,tr{display:block}thead{display:none}tr{border-bottom:1px solid var(--border);padding:12px 0}td{border:0;padding:8px 16px}}