:root{font-family:Inter,Segoe UI,Microsoft YaHei,sans-serif;color:#e6ebf3;background:#0c111a;font-synthesis:none;font-weight:400;--bg: #0c111a;--panel: #131c29;--panel-2: #192434;--line: #293445;--muted: #a2afc0;--gold: #dfbc7b;--teal: #7bd2c9}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{background:none;border:0}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}a:hover{color:var(--gold)}button,input,select,textarea,a{outline-offset:4px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--gold)}button{transition:background .18s,border-color .18s,transform .18s}button:hover{color:#fff}input,select,textarea{color:#e6ebf3;background:#101824;border:1px solid #354358;border-radius:7px;padding:11px 12px;min-width:0}input::placeholder,textarea::placeholder{color:#92a0b3}input[type=checkbox]{width:16px;height:16px;accent-color:var(--gold)}select{cursor:pointer}textarea{resize:vertical;line-height:1.8}small{font-size:12px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.6px;color:#a6b3c7;line-height:1.7}.muted{color:var(--muted);font-size:13px;line-height:1.85}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 17px;border-radius:7px;font-size:13px;font-weight:550;line-height:1.4;white-space:nowrap;border:1px solid transparent}.btn.primary{background:#debb7c;color:#19202b;box-shadow:0 3px 18px #dfbc7b12}.btn.primary:hover{background:#edd09c}.btn.secondary{border-color:#3c4758;color:#dce3ed;background:#ffffff05}.btn.secondary:hover{background:#ffffff0c;border-color:#69768a}.text-btn,.subtle-link{display:inline-flex;align-items:center;gap:8px;font-size:12px;color:#c4cddd}.text-btn:hover{color:var(--gold)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:6px;color:#aab6c7;flex-shrink:0}.icon-btn:hover{background:#ffffff0b}.outline-tag{border:1px solid #3c4859;padding:8px 12px;font-size:12px;border-radius:5px;color:#c6d0df}.surface{border:1px solid var(--line);background:var(--panel);border-radius:11px;padding:23px}.section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:20px}.section-title h2{font-size:19px;font-weight:550;line-height:1.5}.section-title h3{font-size:16px;font-weight:550;display:flex;align-items:center;gap:9px}.section-title .eyebrow{margin-bottom:7px}.section-title h2 span{font-size:12px;background:#ffffff0a;padding:4px 7px;color:#b6c2d3;border-radius:4px;margin-left:6px}.section-title>span,.tiny-label{font-size:11px;color:#a8b6c9}.data-caption{font-size:11px;color:#a3afc0;line-height:1.9;margin-top:24px}.portrait{position:relative;display:inline-grid;place-items:center;width:47px;height:47px;overflow:hidden;border-radius:8px;background:#263243;border:1px solid #495164;flex-shrink:0}.portrait>span{font-size:16px;color:#e3bd7c}.portrait img{position:absolute;width:100%;height:100%;object-fit:cover}.portrait.small{width:32px;height:32px}.chips{display:flex;flex-wrap:wrap;gap:6px}.chips>span,.tag{font-size:11px;padding:5px 8px;line-height:1.4;background:#dec08810;color:#e1c591;border:1px solid #b799642b;border-radius:4px}.is-favorite{color:#e1bd7a}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:220px;background:#101722;border-right:1px solid #263142;display:flex;flex-direction:column;padding:29px 20px 19px;z-index:20}.brand{display:flex;align-items:center;gap:10px;text-align:left;padding:0 2px}.brand-symbol{color:#d7b678;border:1px solid #b1986538;border-radius:9px;width:41px;height:44px;display:grid;place-items:center;background:#d7b6780a}.brand strong{font-size:22px;letter-spacing:1px;font-weight:650}.brand strong>span{font-size:10px;letter-spacing:2px;font-weight:500;display:block;color:#b5a586;margin-top:3px}.brand-caption{font-size:11px;color:#b1bac9;margin:14px 0 36px 4px;letter-spacing:2px}.nav-label{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#a4afc0;padding:0 10px;letter-spacing:1px;margin-bottom:14px}.nav-label span{font-size:8px;letter-spacing:1.5px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{display:flex;align-items:center;gap:12px;font-size:13px;padding:13px;border:1px solid transparent;border-radius:7px;color:#abb7ca;text-align:left}.sidebar nav button:hover{background:#ffffff05}.sidebar nav button.active{background:linear-gradient(90deg,#dbc08b18,#c6b58a06);border-color:#c4ac7728;color:#e7c48a}.sidebar nav button.active svg{color:#e3bf81}.sidebar nav button i{width:5px;height:5px;background:#dfbc7b;border-radius:50%;margin-left:auto}.sidebar nav button small{margin-left:auto;font-size:10px;color:#cfb98f}.sidebar-callout{border:1px solid #354354;background:radial-gradient(ellipse at 100% 0,#34516a38,transparent 80%);border-radius:9px;margin-top:38px;padding:18px 15px}.sidebar-callout .eyebrow{font-size:8px;letter-spacing:1.1px;color:#b3bfd1}.sidebar-callout>svg{color:#cbb789;margin-top:21px}.sidebar-callout h3{font-size:14px;font-weight:500;line-height:1.9;margin:12px 0 18px;color:#d6dce8}.sidebar-callout button{font-size:10px;display:flex;gap:8px;align-items:center;color:#d5bd94;border-top:1px solid #3a4655;padding:13px 0 0;width:100%}.sidebar-bottom{margin-top:auto;padding-top:30px}.sidebar-bottom>button{font-size:11px;display:flex;align-items:center;gap:9px;width:100%;padding:8px 2px;color:#b5c0d0}.sidebar-bottom>button svg:last-child{margin-left:auto}.sidebar-bottom>span{display:flex;align-items:center;gap:6px;font-size:9px;color:#9dacbf;margin-top:14px}.sidebar-bottom i,.today i{width:5px;height:5px;background:#83c3b1;border-radius:50%;display:inline-block}.sidebar-bottom small{margin-left:auto;font-size:9px}.main-shell{margin-left:220px}.topbar{height:73px;border-bottom:1px solid #263142;background:#101722b0;padding:0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px}.breadcrumb{display:flex;gap:17px;align-items:center;font-size:12px;color:#a2afc1}.breadcrumb i{color:#66768d;font-style:normal}.breadcrumb strong{font-weight:450;color:#d3dce9}.topbar-actions{display:flex;align-items:center;gap:24px}.global-search{position:relative}.global-search>label{display:flex;align-items:center;gap:10px;color:#a2afc0}.global-search input{background:none;border:none;font-size:12px;width:150px;padding:8px 0}.global-search label>span{font-size:8px;border:1px solid #354054;border-radius:3px;padding:3px 5px;color:#9aabc1}.archive-button{display:flex;gap:8px;align-items:center;font-size:11px;border-left:1px solid #354055;padding-left:22px;color:#bcc8d8}.avatar{display:grid;place-items:center;border-radius:50%;border:1px solid #736651;background:#d4b5771c;color:#e1c494;width:31px;height:31px;font-size:13px}.search-popover{position:absolute;top:45px;right:0;width:280px;padding:8px;border:1px solid #3b485b;background:#192332;z-index:40;box-shadow:0 20px 50px #0006;border-radius:9px}.search-popover>button{display:flex;align-items:center;gap:10px;width:100%;padding:9px;border-radius:6px;text-align:left}.search-popover button:hover{background:#ffffff09}.search-popover button>span:nth-child(2){flex:1;font-size:13px}.search-popover small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.search-popover .portrait{width:34px;height:34px}.search-popover>p{font-size:13px;padding:12px}main{max-width:1600px;margin:0 auto;padding:30px 35px 20px}.home-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin:0 0 25px}.home-heading h1,.page-heading h1{font-size:28px;font-weight:550;letter-spacing:.5px;margin-top:8px;line-height:1.5}.today{font-size:11px;color:#aab6c8;display:flex;align-items:center;gap:8px;margin-bottom:6px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading p:last-child{font-size:13px;color:#acb8ca;margin-top:11px;line-height:1.9}.hero-layout{display:grid;grid-template-columns:minmax(0,1fr) 275px;gap:18px}.hero-banner{height:330px;background-size:cover;background-position:65% center;position:relative;border-radius:11px;overflow:hidden;border:1px solid #40414a;background-color:#172230}.banner-copy{position:relative;z-index:1;padding:32px 30px}.gold-kicker{font-size:11px;letter-spacing:2px;display:flex;align-items:center;gap:9px;color:#e0c394}.gold-kicker>span{width:17px;height:1px;background:#d7b87b}.banner-copy h2{font-size:37px;line-height:1.43;letter-spacing:2px;margin:17px 0 13px;font-weight:550;color:#f2ecdf}.banner-copy>p{font-size:12px;line-height:1.9;color:#c5ceda}.banner-buttons{display:flex;gap:20px;align-items:center;margin-top:23px}.banner-buttons .text-btn{font-size:11px;color:#ddd7cb}.banner-credit{position:absolute;right:15px;bottom:12px;font-size:8px;color:#c9d1dc;text-shadow:0 1px 4px #000}.focus-card{background:radial-gradient(ellipse at 110% 0,#47596938,transparent 85%),#18212c;border:1px solid #414c59;border-radius:11px;padding:24px;display:flex;flex-direction:column}.focus-card .section-title{margin:0;color:#dbc493}.focus-card .eyebrow{font-size:9px;letter-spacing:1px}.focus-number{font-size:62px;font-weight:250;color:#d8bd8e;margin-top:15px;letter-spacing:-3px;line-height:1.2}.focus-number>span{font-size:11px;letter-spacing:0;color:#afbac9;margin-left:9px}.focus-card h3{font-size:18px;line-height:1.6;font-weight:500;margin-top:12px}.focus-card>p{font-size:12px;line-height:1.9;color:#b4c0d0;margin-top:12px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.focus-bottom{border-top:1px solid #3b4553;padding-top:15px;margin-top:auto;display:flex;align-items:center;gap:8px}.focus-bottom>span{font-size:10px;color:#b2bfd0;flex:1;line-height:1.8}.focus-bottom .portrait{width:28px;height:28px;flex:0 0 auto}.focus-bottom .icon-btn{width:22px;height:22px;color:#dac18e}.quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0 27px}.quick-grid>button{display:flex;align-items:center;gap:15px;border:1px solid #2f3b4c;border-radius:9px;padding:19px 20px;background:linear-gradient(120deg,#172230,#131b27);text-align:left}.quick-grid>button:hover{border-color:#907c585e;background:#1b2839}.quick-icon{border:1px solid #4b52604a;width:46px;height:46px;border-radius:10px;display:grid;place-items:center;flex-shrink:0;color:#dac08e;background:#c3aa7909}.quick-grid small{font-size:8px;color:#a7b4c7;letter-spacing:1px}.quick-grid strong{display:block;font-size:16px;font-weight:500;margin-top:4px}.quick-grid p{font-size:10px;color:#adbacb;margin-top:8px;line-height:1.7}.quick-grid>button>svg{margin-left:auto;color:#a8b3c3;width:15px;flex-shrink:0}.home-lower{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:19px}.home-lower>.surface{padding:23px;min-height:197px}.home-lower h2{font-size:18px}.pool-empty{display:flex;gap:16px;align-items:center;padding:15px 0}.ghost-portraits{display:flex;padding-left:5px}.ghost-portraits .portrait{margin-left:-5px;width:35px;height:43px;border-radius:6px;filter:saturate(.55);opacity:.8}.pool-empty h3{font-size:13px;font-weight:500;line-height:1.7}.pool-empty p{font-size:11px;color:#aebacc;line-height:1.8;margin-top:6px}.pool-empty>.btn{margin-left:auto;font-size:11px;padding:9px}.pool-strip{display:flex;gap:15px;overflow:auto;padding-bottom:5px}.pool-strip>button{min-width:57px;display:flex;flex-direction:column;align-items:center;padding:3px}.pool-strip .portrait{width:46px;height:46px}.pool-strip strong{font-size:11px;font-weight:500;white-space:nowrap;margin-top:8px}.pool-strip button>span:last-child{font-size:9px;color:#bac6d5;margin-top:4px}.pool-add>span{width:46px;height:46px;border:1px dashed #526078;border-radius:7px;display:grid;place-items:center;color:#b6c4d7}.mini-empty{display:flex;gap:15px;align-items:center;justify-content:center;padding:17px 0;color:#aab8cb}.mini-empty p{font-size:12px;line-height:1.9}.mini-empty>svg{color:#8eaaac}.plan-list>button{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:13px 0;border-bottom:1px solid #2b3749}.plan-list>button:last-child{border:0}.plan-list>button>span:nth-child(2){flex:1}.plan-list strong{font-size:13px;font-weight:500}.plan-list small{display:block;font-size:10px;color:#a7b5c8;margin-top:6px}.plan-list .portrait{width:36px;height:36px}.plan-list>button>svg{color:#b4c0d1}.featured{margin-top:30px}.featured .section-title h2{font-size:19px}.featured-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.featured-grid>button{height:186px;border:1px solid #3e4652;border-radius:8px;background-size:cover;background-position:67% center;text-align:left;display:flex;flex-direction:column;justify-content:flex-end;padding:18px;position:relative;overflow:hidden}.featured-grid>button:hover{border-color:#bda16a}.featured-grid>button>span{font-size:9px;color:#d3dce8;background:#0e1729a0;padding:4px 7px;border:1px solid #69748b40;border-radius:4px;position:absolute;left:14px;top:13px}.featured-grid strong{font-size:20px;font-weight:500;letter-spacing:1px}.featured-grid small{font-size:10px;margin-top:5px;color:#bdc8d9}.featured-grid svg{position:absolute;right:18px;bottom:21px;color:#d3b986}.page-footer{display:flex;justify-content:space-between;gap:20px;padding:30px 0 4px;color:#a2afc0;font-size:10px}.mobile-menu{display:none}.loading-state{min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;color:#b9c6d7}.loading-state h1{font-size:24px}.loading-state p{font-size:13px}.overlay{position:fixed;inset:0;z-index:100;background:#03070dd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:flex-start;justify-content:center;padding:5vh 20px;overflow:auto}.dialog{width:550px;max-width:100%;max-height:90vh;overflow:auto;border:1px solid #455065;border-radius:12px;background:#141d2b;padding:26px 29px;box-shadow:0 25px 120px #0009;outline:none}.dialog.wide{width:800px}.dialog>header{display:flex;justify-content:space-between;gap:20px;margin-bottom:24px;align-items:center}.dialog h2{font-size:23px;font-weight:500;line-height:1.5;margin-top:7px}.dialog-lead{font-size:13px;color:#b8c3d2;line-height:1.9;margin-bottom:24px}.modal-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px}.toast{position:fixed;bottom:24px;left:calc(50% + 110px);transform:translate(-50%);z-index:140;display:flex;align-items:center;gap:10px;width:max-content;max-width:calc(100vw - 30px);padding:14px 17px;border:1px solid #6d785f;background:#26312b;box-shadow:0 6px 40px #0008;border-radius:8px;color:#e5f0dd;font-size:12px;line-height:1.8}.toast>svg{flex-shrink:0}.toast.error{border-color:#976f4c;background:#3c2e24;color:#f7dfbd}.toast>button{display:grid;place-items:center;color:inherit}.empty{text-align:center;padding:50px 20px;color:#a7b7cd}.empty>svg{color:#cbb586;margin-bottom:15px}.empty h3{color:#e2e8f1;font-size:18px;font-weight:500;line-height:1.8}.empty p{font-size:13px;line-height:1.9;max-width:440px;margin:12px auto 20px}.source-block{padding:18px 0;border-bottom:1px solid #354154}.source-block h3{font-size:16px;font-weight:500;margin-bottom:12px}.source-block p{font-size:13px;color:#bac5d6;line-height:2}.source-block a{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:#ddc38f;margin-top:12px}.error-message{font-size:13px;line-height:1.8;color:#ffcf9e;background:#55311844;border:1px solid #855733;padding:12px 15px;border-radius:7px;margin-top:15px}.atlas-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:12px 0 25px;padding-bottom:18px;border-bottom:1px solid #2d394b}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tabs button{font-size:12px;padding:9px 15px;color:#b7c3d5;border:1px solid transparent;border-radius:6px}.filter-tabs button.active{color:#edd2a0;background:#d8b77715;border-color:#b49a6740}.search-box{display:flex;align-items:center;gap:9px;background:#141f2e;border:1px solid #39475b;border-radius:7px;padding:0 13px;flex-shrink:0;color:#b0bed1}.search-box input{background:none;border:0;font-size:12px;width:170px;padding:11px 0}.hero-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.hero-card{border:1px solid #344054;border-radius:9px;background:#141e2c;overflow:hidden}.hero-art{width:100%;height:157px;position:relative;display:block;text-align:left;overflow:hidden;background:radial-gradient(circle at 60% 40%,#456174,#1a2537)}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#121c2ddd,transparent 65%)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:66% center;transition:transform .3s;position:relative;z-index:1}.hero-art:hover img{transform:scale(1.06)}.hero-watermark{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;color:#cad4e6;z-index:0;letter-spacing:4px}.hero-card-role{position:absolute;bottom:10px;left:12px;z-index:2;font-size:9px;color:#e3e8f1}.art-arrow{position:absolute;right:12px;top:11px;z-index:2;width:26px;height:26px;display:grid;place-items:center;border:1px solid #b4c1d242;background:#15233280;color:#eee;border-radius:50%}.hero-card-info{display:flex;align-items:center;justify-content:space-between;padding:15px 12px}.hero-card-info button:not(.icon-btn){font-size:16px;letter-spacing:.5px;padding:0;font-weight:500}.hero-card-info p{font-size:10px;color:#a8b7cb;margin-top:6px}.hero-card-info .icon-btn{width:29px;height:29px}.pool-level{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#b3bfd0;padding:0 12px 12px;gap:5px}.pool-level select{font-size:11px;padding:6px;width:80px}.detail-banner{height:190px;background-size:cover;background-position:70% center;border-radius:9px;border:1px solid #36455a;display:flex;align-items:center;padding:28px;gap:20px}.detail-banner .portrait{width:75px;height:75px;border-radius:10px}.detail-banner h3{font-size:32px;margin:13px 0 8px;letter-spacing:3px;font-weight:550}.detail-banner p{font-size:12px;color:#b8c6d9}.detail-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:22px 0}.detail-actions select{font-size:12px;padding:10px}.detail-actions .subtle-link{margin-left:auto;color:#d1bc96}.tactical-note{padding:20px;background:#d7bc7c07;border:1px solid #af9b6833;border-radius:8px;margin:22px 0}.tactical-note>.eyebrow{color:#d6c08f;margin-bottom:12px}.tactical-note>p:not(.eyebrow){font-size:13px;line-height:1.9;margin-top:12px}.practice-tip{display:flex;gap:9px;align-items:flex-start;padding-top:15px;margin-top:15px;border-top:1px solid #62593a44;color:#e0c899;font-size:12px;line-height:1.9}.practice-tip svg{flex-shrink:0;margin-top:3px}.skill-section{margin-top:28px}.skill-tabs{display:flex;gap:8px;flex-wrap:wrap}.skill-tabs button{border:1px solid #38485f;border-radius:6px;font-size:13px;padding:11px 14px;background:#192636}.skill-tabs span{display:block;font-size:9px;color:#a8b8ce;margin-bottom:5px}.skill-tabs .active{border-color:#c9a767;color:#ead3a6;background:#d8bb7c10}.skill-description{font-size:13px;line-height:2.1;color:#c0cddd;border:1px solid #344257;background:#101a27;border-radius:7px;padding:20px;margin-top:16px;white-space:pre-line}.draft-controls{display:flex;align-items:center;gap:25px;border:1px solid #334154;border-radius:8px;padding:14px 18px;margin-bottom:22px;background:#131d2b}.draft-controls>label:first-child{display:flex;gap:14px;align-items:center;font-size:12px;color:#b7c3d5}.draft-controls select{font-size:12px;min-width:105px;padding:9px 12px}.check-control{display:flex;align-items:center;gap:8px;color:#bcc8d9;font-size:12px;line-height:1.8}.draft-controls .text-btn{margin-left:auto}.draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 295px;gap:20px}.draft-board{background:radial-gradient(ellipse at 0 50%,#1d45571b,transparent 60%),radial-gradient(ellipse at 100% 50%,#83444217,transparent 60%),#131c29}.lineup-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px;font-size:13px;color:#c3d6e5}.lineup-title>span{display:flex;gap:8px;align-items:center}.lineup-title small{font-size:10px;color:#a4b3c7}.dot{display:inline-block;width:6px;height:6px;border-radius:50%}.dot.blue{background:#7fc7de}.dot.red{background:#dc9190}.lineup-versus{display:grid;grid-template-columns:minmax(0,1fr) 62px minmax(0,1fr);gap:9px}.lineup-side{display:flex;flex-direction:column;gap:10px}.slot{border:1px solid #364b63;border-radius:7px;background:#1b2e431c;position:relative}.slot>button:first-child{display:flex;align-items:center;gap:11px;width:100%;padding:10px;text-align:left}.slot>button:first-child>span:last-child{min-width:0}.slot .portrait{width:41px;height:41px;border-color:#4f6b83}.slot small{display:block;font-size:10px;color:#a8bfd4;margin-bottom:7px}.slot strong{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot.my-slot{border-color:#baa06b;background:#b9965811;box-shadow:inset 0 0 16px #b68b3110}.slot.my-slot small{color:#ddc292}.enemy .slot{border-color:#66474c;background:#52263219}.enemy .slot .portrait{border-color:#79565d}.enemy .slot small{color:#c7aeb5}.slot-remove{position:absolute;right:3px;top:3px;width:18px;height:18px;display:grid;place-items:center;color:#acbaca;border-radius:3px}.slot-remove:hover{background:#ffffff15}.versus-axis{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;color:#aa9776}.versus-axis b{font-size:17px;font-weight:450;font-style:italic}.versus-axis i{height:65px;width:1px;background:linear-gradient(#b3a48200,#b3a48255,#b3a48200)}.versus-axis span{font-size:9px;color:#a3b2c6}.bans{display:flex;gap:9px;align-items:center;flex-wrap:wrap;padding:18px 0 0;margin-top:18px;border-top:1px solid #304053}.bans>span{font-size:11px;color:#a7b6ca;margin-right:5px}.bans>button{position:relative;padding:0}.bans .portrait{width:29px;height:29px;filter:saturate(.45)}.bans>button>svg{position:absolute;top:-3px;right:-3px;background:#522f36;color:#fff;border-radius:50%}.bans>button.ban-add{width:29px;height:29px;border:1px dashed #65768f;border-radius:5px;display:grid;place-items:center}.bans>button.ban-add>svg{position:static;background:none;color:#b7c5d9}.bans>small{font-size:10px;color:#9faec2;margin-left:auto}.board-note{display:flex;align-items:flex-start;gap:8px;color:#adbacd;font-size:10px;line-height:1.9;margin-top:18px}.board-note svg{flex-shrink:0;margin-top:2px}.composition h2{font-size:25px;font-weight:500;margin-top:15px;margin-bottom:12px}.composition>.muted{font-size:12px}.coverage-label,.coverage-row{display:grid;grid-template-columns:1fr 44px 44px;align-items:center;text-align:center;gap:10px}.coverage-label{font-size:9px;color:#a9b6c9;margin:28px 0 10px}.coverage-label>span:first-child,.coverage-row>span:first-child{text-align:left}.coverage-row{padding:13px 0;border-bottom:1px solid #303c4e;font-size:12px;color:#c4cfdf}.coverage-row>span:not(:first-child){display:grid;place-items:center;width:24px;height:23px;border-radius:4px;margin:auto}.coverage-row .yes{background:#639a7422;color:#a2d2b0;border:1px solid #81b18b25}.coverage-row .no{color:#9daabe}.composition>.data-caption{font-size:10px;line-height:1.9;margin-top:20px}.recommendations-title{margin-top:33px}.recommend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.recommend-card{background:#141f2d;border:1px solid #3a485d;border-radius:10px;padding:21px;text-align:left;display:flex;flex-direction:column}.recommend-card.selected{border-color:#b49a64;background:linear-gradient(150deg,#bda06a12,transparent),#141f2d;box-shadow:0 5px 30px #0001}.recommend-top{display:flex;gap:14px;align-items:center;position:relative}.recommend-top .portrait{width:53px;height:53px}.recommend-top h3{font-size:20px;font-weight:500;margin:4px 0 5px}.recommend-top small{color:#c5b28c;font-size:9px;letter-spacing:1px}.recommend-top>div>span{font-size:10px;color:#b3c0d1}.selection-dot{width:19px;height:19px;border:1px solid #58677e;display:grid;place-items:center;border-radius:50%;margin-left:auto;align-self:flex-start}.selected .selection-dot{border-color:#d9bb7c;background:#d9bb7c;color:#17202d}.recommend-card .chips{margin:18px 0 12px}.recommend-card>p{font-size:12px;color:#c1ccdc;line-height:1.9;margin-bottom:17px}.recommend-tradeoff{display:flex;gap:8px;align-items:flex-start;font-size:11px;line-height:1.9;color:#b4c1d1;padding-top:14px;border-top:1px solid #3e495a}.recommend-tradeoff>svg{flex-shrink:0;margin-top:3px;color:#d2b98c}.select-option{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#d6bf94;padding-top:20px;margin-top:auto;gap:10px}.plan-panel{display:grid;grid-template-columns:235px minmax(0,1fr);gap:38px;margin-top:23px;padding:28px;background:linear-gradient(110deg,#1d2935,#131d29)}.plan-intro h2{font-size:23px;line-height:1.65;font-weight:500;margin:18px 0 23px}.plan-intro .subtle-link{color:#d6bf94}.plan-intro .text-btn{display:flex;margin-top:22px;font-size:11px}.plan-content>div:not(.plan-actions):not(.ai-result){position:relative;padding:0 0 18px 39px}.step-badge{position:absolute;left:0;top:0;font-size:10px;width:24px;height:24px;border:1px solid #897a573f;color:#d5bf8e;display:grid;place-items:center;border-radius:5px}.plan-content h3{font-size:13px;font-weight:500;padding-top:4px}.plan-content p{font-size:12px;line-height:1.95;color:#b7c5d7;margin-top:8px}.plan-content .plan-practice p{color:#e2c792}.plan-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-top:10px}.plan-actions .btn{font-size:11px;padding:10px 12px}.plan-actions .text-btn{font-size:11px;margin-left:auto}.ai-result{border:1px solid #756343;background:#aa895a0c;padding:20px;border-radius:8px;margin-top:20px}.ai-result .eyebrow{color:#d6bd8c}.picker-toolbar{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-bottom:22px}.hero-picker{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;max-height:55vh;overflow:auto;padding:4px}.hero-picker>button{padding:12px 5px;border:1px solid #324358;background:#1a2739;border-radius:7px;display:flex;flex-direction:column;align-items:center;gap:9px}.hero-picker>button:hover{border-color:#c1a068;background:#39362d}.hero-picker .portrait{width:48px;height:48px}.hero-picker strong{font-size:12px;font-weight:500}.hero-picker small{font-size:9px;color:#a9bbd2}.journal-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:25px}.journal-stats>article{display:flex;align-items:center;gap:20px;background:#131d2b;border:1px solid #334156;border-radius:9px;padding:24px}.journal-stats>article>svg{width:43px;height:43px;padding:10px;background:#dcc28c09;color:#d7bf8c;border:1px solid #8e7b5738;border-radius:9px}.journal-stats strong{font-size:30px;font-weight:450;display:block;line-height:1}.journal-stats strong small{font-size:11px;color:#adbdcf;margin-left:7px}.journal-stats article>div>span{display:block;font-size:11px;color:#b4c1d3;margin-top:12px}.journal-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}.journal-layout>.surface{min-height:430px}.match-entry{border-top:1px solid #354259;padding:22px 0}.match-entry:first-child{border-top:0;padding-top:8px}.match-header{display:flex;gap:13px;align-items:center}.outcome{font-size:10px;border-left:3px solid #80c8b7;padding:9px 7px;color:#ace0d0;background:#43776918}.outcome.loss{border-color:#df9690;color:#edb1aa;background:#ab5f5a14}.match-header>.portrait{width:39px;height:39px}.match-header>div:not(.kda){flex:1}.match-header strong{font-size:14px;font-weight:500}.match-header strong small{font-size:9px;color:#a9b9ce;margin-left:8px}.match-header>div>span{font-size:10px;display:block;color:#a4b5cc;margin-top:7px}.kda{text-align:right}.kda strong{font-size:20px;white-space:nowrap}.kda i{font-size:13px;color:#8d9eb5;margin:0 7px;font-style:normal}.kda small{display:block;font-size:8px;color:#a8b9cf;margin-top:5px}.match-note{margin:18px 0 15px}.match-note>span{font-size:10px;color:#c8b791;background:#d5b9760a;padding:4px 7px;border-radius:4px;border:1px solid #a68b5433}.match-note>p{font-size:12px;line-height:1.9;color:#b9c6d8;white-space:pre-line;margin-top:12px;overflow-wrap:anywhere}.next-action{display:flex;gap:12px;padding:15px;border:1px solid #d5b88330;border-radius:7px;background:#c7a76c07}.next-action>button{width:19px;height:19px;border:1px solid #bcab8a;border-radius:4px;flex-shrink:0;display:grid;place-items:center;margin-top:3px;padding:0}.next-action small{font-size:9px;color:#c7b898}.next-action p{font-size:12px;line-height:1.9;color:#e1ceac;margin-top:6px;overflow-wrap:anywhere}.next-action.complete{opacity:.7;border-color:#547a6245;background:#4a765520}.complete>button{border-color:#87b79a;background:#60876d30;color:#aed6bc}.complete p{color:#bed6c6}.journal-insight h2{font-size:19px;line-height:1.7;font-weight:500;margin:13px 0 18px}.journal-insight>p:not(.eyebrow){font-size:12px;line-height:1.9;color:#b6c4d7}.journal-insight p strong{color:#dcc390;font-weight:500}.focus-bar{display:flex;justify-content:space-between;flex-wrap:wrap;gap:9px;font-size:11px;color:#bfccdd;margin-top:20px}.focus-bar strong{font-size:10px;color:#c9b68d;font-weight:400}.focus-bar>div{width:100%;height:4px;background:#304057;border-radius:4px;overflow:hidden}.focus-bar i{display:block;height:100%;background:#cdb17b;border-radius:4px}.journal-prompt{margin-top:20px;border:1px solid #3d4c61;border-radius:9px;padding:25px;background:linear-gradient(140deg,#223342,#141f2c)}.journal-prompt h3{font-size:21px;font-weight:400;line-height:1.7;margin:18px 0}.journal-prompt p{font-size:12px;line-height:1.9;color:#adbed3}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-bottom:18px}.form-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid>label,.form-field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:#bdcbdd;min-width:0}.form-grid input,.form-grid select{width:100%;font-size:13px}.form-field{margin:0 0 19px}.form-field input,.form-field textarea{font-size:13px;width:100%}.dialog .check-control{font-size:11px}.dialog input[type=date]{color-scheme:dark}@media(min-width:1750px){.hero-banner{height:360px}.banner-copy{padding:38px}.banner-copy h2{font-size:43px}.hero-art{height:190px}}@media(max-width:1250px){.sidebar{width:195px;padding:25px 14px}.main-shell{margin-left:195px}.topbar{padding:0 26px}main{padding:27px 26px}.hero-layout{grid-template-columns:minmax(0,1fr) 240px}.focus-card{padding:20px}.banner-copy{padding:28px 24px}.banner-copy h2{font-size:33px}.banner-buttons{gap:12px}.banner-buttons .btn{font-size:12px;padding:11px 13px}.banner-buttons .text-btn{font-size:10px}.quick-grid>button{padding:17px 14px;gap:10px}.quick-grid p{font-size:9px}.quick-icon{width:37px;height:40px}.quick-grid>button>svg{display:none}.home-lower{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.pool-empty{flex-wrap:wrap}.pool-empty>.btn{margin-left:0}.hero-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.draft-layout{grid-template-columns:minmax(0,1fr) 250px}.surface{padding:20px}.slot>button:first-child{gap:8px;padding:9px}.slot .portrait{width:35px;height:35px}.lineup-versus{grid-template-columns:minmax(0,1fr) 35px minmax(0,1fr);gap:6px}.lineup-title small{display:none}.composition h2{font-size:23px}.recommend-card{padding:17px}.plan-panel{grid-template-columns:195px minmax(0,1fr);gap:25px}.plan-intro h2{font-size:21px}.plan-actions .text-btn{margin-left:0}.toast{left:calc(50% + 97px)}.journal-layout{grid-template-columns:minmax(0,1fr) 240px}}@media(max-width:1050px){.hero-layout{grid-template-columns:minmax(0,1fr)}.focus-card{display:flex}.focus-number{display:none}.focus-bottom{margin-top:16px}.hero-banner{height:330px}.banner-copy h2{font-size:38px}.quick-grid{gap:12px}.quick-grid strong{font-size:14px}.quick-grid p{line-height:1.8}.quick-icon{display:none}.home-lower{grid-template-columns:1fr}.pool-empty{flex-wrap:nowrap}.pool-empty>.btn{margin-left:auto}.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid>button{height:185px}.today{display:none}.global-search input{width:110px}.global-search label>span{display:none}.topbar-actions{gap:15px}.archive-button{padding-left:15px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.atlas-toolbar{align-items:flex-start;flex-direction:column}.filter-tabs{gap:4px}.filter-tabs button{padding:8px 11px}.search-box,.search-box input{width:100%}.draft-layout{grid-template-columns:1fr}.composition{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.composition>.eyebrow,.composition>h2,.composition>.muted,.composition>.data-caption{grid-column:1/-1}.composition h2{margin:0}.composition .coverage-label{display:none}.coverage-row{display:flex;flex-wrap:wrap;justify-content:center;padding:12px 4px;background:#1c2838;border:1px solid #35465e;border-radius:6px;gap:8px}.coverage-row>span:first-child{width:100%;text-align:center;font-size:10px}.coverage-row>span:nth-child(2):before{content:""}.composition>.data-caption{margin-top:5px}.recommend-grid{grid-template-columns:1fr}.recommend-card{padding:20px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:12px 20px}.recommend-top{grid-column:1;grid-row:1/4}.recommend-card .chips{margin:0}.recommend-card>p{margin:0}.recommend-tradeoff{padding-top:9px}.select-option{grid-column:1/-1;padding-top:6px}.plan-panel{grid-template-columns:1fr;gap:25px}.plan-intro h2 br{display:none}.plan-intro h2{margin:10px 0}.plan-intro .text-btn{display:inline-flex;margin:0 0 0 20px}.journal-layout{grid-template-columns:1fr}.journal-layout>aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.journal-prompt{margin:0}.journal-stats{gap:12px}.journal-stats>article{gap:12px;padding:19px 14px}.journal-stats>article>svg{display:none}.journal-stats strong{font-size:28px}}@media(max-width:760px){.sidebar{top:61px;overflow-y:auto;transform:translate(-100%);transition:transform .2s;width:230px;box-shadow:10px 0 80px #0008}.sidebar.mobile-open{transform:translate(0)}.main-shell{margin-left:0}.topbar{height:61px;padding:0 17px;position:sticky;top:0;background:#101722ed;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;gap:12px}.breadcrumb{gap:9px;font-size:10px}.breadcrumb>span,.breadcrumb>i{display:none}.breadcrumb strong{font-size:12px;font-weight:400}.mobile-menu{display:flex;width:28px}.topbar-actions{gap:13px}.global-search input{width:95px;font-size:10px}.global-search>label{gap:6px}.archive-button{border:0;padding:0}.archive-button span{display:none}.avatar{width:27px;height:27px;font-size:11px}.search-popover{right:-75px;width:265px}main{padding:22px 17px 20px}.home-heading{margin-bottom:20px}.home-heading .eyebrow{font-size:8px;letter-spacing:1px}.home-heading h1,.page-heading h1{font-size:24px;line-height:1.55;margin-top:8px}.hero-banner{height:323px;background-position:65% center}.banner-copy{padding:24px 21px}.banner-copy h2{font-size:33px;line-height:1.5;letter-spacing:1px;margin-top:20px}.gold-kicker{font-size:9px;letter-spacing:1.2px}.banner-copy>p{font-size:11px;color:#d2d9e2}.banner-buttons{gap:13px;margin-top:23px}.banner-buttons .text-btn{font-size:10px;gap:4px}.banner-buttons .btn{font-size:11px;gap:6px}.banner-credit{font-size:7px;right:10px;bottom:8px}.quick-grid{gap:9px;margin:15px 0 22px}.quick-grid>button{padding:15px 10px;display:block;min-height:111px}.quick-grid small{font-size:7px;letter-spacing:.5px}.quick-grid strong{font-size:13px;margin-top:8px}.quick-grid p{font-size:9px;line-height:1.85;margin-top:8px}.surface,.home-lower>.surface{padding:18px;border-radius:9px}.section-title{gap:10px;margin-bottom:17px}.section-title h2{font-size:17px}.section-title .eyebrow{font-size:8px;letter-spacing:1px}.section-title>.text-btn{font-size:10px;gap:5px}.home-lower{gap:16px}.home-lower>.surface{min-height:175px}.pool-empty{gap:12px;padding:9px 0;flex-wrap:wrap}.pool-empty h3{font-size:12px}.pool-empty p{font-size:10px}.ghost-portraits .portrait{width:27px;height:34px}.pool-empty>.btn{margin-left:0;font-size:10px}.mini-empty p{font-size:11px}.featured{margin-top:23px}.featured .section-title{align-items:flex-start}.featured .section-title h2{font-size:16px;max-width:205px;line-height:1.7}.featured .section-title .text-btn{margin-top:23px;white-space:nowrap}.featured-grid{gap:12px}.featured-grid>button{height:173px;padding:14px}.featured-grid strong{font-size:18px}.featured-grid small{font-size:9px}.featured-grid>button>span{font-size:8px;left:10px;top:10px}.featured-grid svg{width:16px;right:13px;bottom:17px}.page-footer{font-size:9px;flex-direction:column;gap:10px;line-height:1.8;padding:25px 0 5px}.page-heading{align-items:flex-start;gap:14px;flex-wrap:wrap;margin-bottom:22px}.page-heading .eyebrow{font-size:8px;letter-spacing:1px}.page-heading p:last-child{font-size:12px;line-height:1.9;margin-top:9px}.page-heading>.btn{font-size:11px;padding:10px 12px}.outline-tag{font-size:10px;padding:7px 9px}.filter-tabs{gap:4px;width:100%;flex-wrap:nowrap;overflow:auto}.filter-tabs button{font-size:10px;padding:8px 9px;white-space:nowrap}.atlas-toolbar{gap:15px;margin-bottom:20px;padding-bottom:17px}.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.hero-art{height:146px}.hero-card-info{padding:12px 10px}.hero-card-info button:not(.icon-btn){font-size:15px}.hero-card-info p{font-size:9px}.hero-card-role{font-size:8px;left:10px}.draft-controls{padding:13px;gap:14px;flex-wrap:wrap}.draft-controls>label:first-child{font-size:11px;gap:9px}.draft-controls select{font-size:11px;min-width:90px}.draft-controls>.check-control{font-size:10px}.draft-controls>.text-btn{margin-left:0;font-size:11px}.lineup-versus{grid-template-columns:minmax(0,1fr) 25px minmax(0,1fr);gap:5px}.slot>button:first-child{padding:10px 7px;gap:7px}.slot .portrait{width:31px;height:34px;border-radius:5px}.slot small{font-size:8px;margin-bottom:6px;white-space:nowrap}.slot strong{font-size:10px}.versus-axis b{font-size:13px}.versus-axis span{font-size:8px}.lineup-title{font-size:11px;margin-bottom:15px}.lineup-side{gap:10px}.slot-remove{width:15px;height:15px;right:1px;top:1px}.composition{padding:17px;gap:8px}.composition h2{font-size:21px}.composition>.eyebrow{font-size:8px}.coverage-row{padding:11px 3px;gap:6px}.coverage-row>span:first-child{font-size:8px;white-space:nowrap}.coverage-row>span:not(:first-child){width:18px;height:19px;font-size:11px}.coverage-row svg{width:12px}.composition>.muted{font-size:11px}.recommendations-title{margin-top:25px;flex-direction:column;align-items:flex-start;gap:10px}.recommendations-title h2{font-size:18px}.recommendations-title .tiny-label{font-size:9px}.recommend-grid{gap:13px}.recommend-card{display:flex;padding:19px;gap:0}.recommend-top h3{font-size:22px}.recommend-card .chips{margin:17px 0 12px}.recommend-card>p{font-size:12px;margin-bottom:14px}.recommend-tradeoff{font-size:11px;padding-top:13px}.select-option{padding-top:16px;font-size:10px}.plan-panel{padding:21px 18px;gap:23px}.plan-intro h2{font-size:20px}.plan-intro .text-btn{display:flex;margin:16px 0 0;font-size:10px}.plan-content>div:not(.plan-actions):not(.ai-result){padding-left:34px}.plan-content h3{font-size:13px}.plan-content p{font-size:12px}.plan-actions{gap:10px}.plan-actions .btn{font-size:10px;padding:10px}.plan-actions .text-btn{font-size:11px;margin-top:7px}.hero-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-height:55vh}.hero-picker>button{padding:10px 4px;gap:7px}.hero-picker .portrait{width:41px;height:41px}.hero-picker strong{font-size:10px}.hero-picker small{font-size:8px}.picker-toolbar{gap:12px;flex-wrap:wrap;margin-bottom:17px}.picker-toolbar .check-control{font-size:11px}.overlay{padding:18px 12px}.dialog{padding:21px 18px;max-height:calc(100dvh - 36px)}.dialog>header{gap:12px;margin-bottom:20px}.dialog h2{font-size:18px}.dialog .eyebrow{font-size:8px}.detail-banner{height:170px;padding:18px;gap:15px}.detail-banner .portrait{width:54px;height:54px}.detail-banner h3{font-size:27px;margin:12px 0 8px}.detail-banner .tag{font-size:9px}.detail-actions{gap:10px}.detail-actions .btn{font-size:11px;padding:11px}.detail-actions select{font-size:11px;padding:10px}.detail-actions .subtle-link{margin-left:0;font-size:11px}.tactical-note{padding:16px}.skill-tabs{gap:7px}.skill-tabs button{font-size:11px;padding:9px 10px}.skill-description{padding:15px;font-size:12px}.toast{left:50%;bottom:18px;font-size:11px;padding:12px;gap:8px}.journal-stats{gap:9px;margin-bottom:18px}.journal-stats>article{padding:19px 11px}.journal-stats strong{font-size:25px}.journal-stats strong small{font-size:9px;margin-left:4px}.journal-stats article>div>span{font-size:9px;line-height:1.8;margin-top:9px}.journal-layout>.surface{min-height:300px}.journal-layout .section-title{flex-wrap:wrap}.journal-layout .tiny-label{font-size:9px}.journal-layout>aside{grid-template-columns:1fr}.journal-prompt{display:none}.match-header{gap:8px;flex-wrap:wrap}.match-header>.portrait{width:31px;height:35px}.match-header strong{font-size:12px}.match-header strong small{font-size:8px;margin-left:5px}.match-header>div>span{font-size:9px}.match-header .icon-btn{width:25px;height:27px}.kda strong{font-size:15px}.kda i{margin:0 3px;font-size:11px}.kda small{font-size:7px}.outcome{font-size:9px;padding:8px 5px}.next-action{padding:12px;gap:10px}.form-grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.form-grid{gap:13px}.form-grid>label,.form-field{font-size:11px;gap:8px}.form-grid input,.form-grid select{font-size:12px;padding:10px}.modal-actions{flex-wrap:wrap;gap:15px}.modal-actions .btn{margin-left:auto}.modal-actions>.muted{font-size:11px}.empty{padding:35px 10px}.empty h3{font-size:16px}.empty p{font-size:12px}.source-block p{font-size:12px;line-height:2}.source-block h3{font-size:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.sidebar{overflow-y:auto}.habit-editor,.personal-recommendations,.coach-lab,.all-hero-ranks{padding:24px;margin:24px 0}.habit-editor fieldset{border:1px solid #303d4d;border-radius:10px;padding:14px;margin:16px 0;min-width:0}.habit-editor legend{font-size:13px;padding:0 7px}.habit-options{display:flex;flex-wrap:wrap;gap:14px 22px}.habit-editor textarea{min-height:85px;resize:vertical}.focused-record{border-color:#caab66!important}.score-explanation,.coach-players{border-top:1px solid #303d4d;padding-top:14px;margin:18px 0;font-size:13px;line-height:1.9}.score-explanation summary,.coach-players summary{cursor:pointer;color:#d9e5f2}.score-explanation li{margin:7px 0}.personal-cards,.coach-candidates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.personal-cards>article,.coach-candidates>article{border:1px solid #334050;background:#101b29;border-radius:12px;padding:18px;min-width:0}.personal-cards ul,.coach-candidates ul{padding-left:18px;font-size:13px;line-height:1.85}.personal-cards .hero-row,.coach-candidates .hero-row,.roster-table .hero-row{color:inherit;border:0;background:transparent;cursor:pointer;padding:0;text-align:left}.personal-cards small,.coach-candidates small,.roster-table small{display:block;color:var(--muted);font-size:11px;line-height:1.7}.recommend-score{font-size:22px;color:#e4c17a}.recommend-score small{display:inline;font-size:12px;color:var(--muted)}.pool-record-summary{padding:16px;border-top:1px solid #303d4d}.pool-record-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.pool-record-metrics span{display:flex;flex-direction:column;gap:5px;font-size:11px;color:var(--muted)}.pool-record-metrics strong{font-size:17px;color:#e1e9f2}.guide-stages,.rune-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.guide-stages article,.rune-grid article{padding:16px;border:1px solid #334050;border-radius:10px;background:#101b29;min-width:0}.guide-stages p,.rune-grid p{white-space:pre-line;font-size:13px;line-height:1.9}.rune-grid span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.hero-builds,.personal-guide{padding:24px 0;border-top:1px solid #334050}.hero-builds .guide-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-builds ol{padding-left:20px}.hero-builds li{margin-bottom:15px}.hero-builds details{font-size:12px;color:var(--muted);line-height:1.8}.hero-builds summary{cursor:pointer}.skill-meta{display:flex;flex-wrap:wrap;gap:24px;font-size:13px;color:#b8cadd}.roster-scroll{overflow:auto;max-height:650px;border:1px solid #334050;border-radius:10px}.roster-table{border-collapse:separate;border-spacing:0;min-width:970px;width:100%;font-size:13px}.roster-table th{position:sticky;top:0;z-index:1;background:#1c2a3a;color:#c2d1e0;text-align:left;font-weight:500}.roster-table th,.roster-table td{padding:12px;border-bottom:1px solid #303c4b;font-variant-numeric:tabular-nums}.roster-table td:first-child{min-width:180px}.block-source{display:block}.coach-lab{border-top:3px solid #d2b16e}.coach-lab .section-title h2{display:flex;align-items:center;gap:10px}.coach-lab .pro-form{padding:0}.coach-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:20px 0}.coach-metrics>div{padding:16px;background:#1a293a;border-radius:8px}.coach-metrics strong{display:block;font-size:23px;color:#efd39a;font-variant-numeric:tabular-nums}.coach-metrics span{display:block;margin-top:8px;font-size:11px;color:#b2c1d2}.coach-line{list-style:none;padding:0;margin:18px 0;display:grid;gap:8px}.coach-line li{border-left:3px solid #79b5df;background:#172b40;padding:10px;font-size:12px;display:flex;gap:10px}.coach-line li.enemies{border-color:#df9292;background:#30252e}.coach-line span{color:#b7c8d9}.opponent-pool{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-height:220px;overflow:auto;padding:12px;border:1px solid #334050;border-radius:8px}.opponent-reply{color:#d7b5b9;font-size:12px;line-height:1.8}.system-fit{color:#e2c589;font-size:13px}.squad-matches details{margin:12px 0;font-size:13px;line-height:1.9}.squad-matches summary{cursor:pointer}@media(max-width:1100px){.personal-cards,.coach-candidates{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.habit-editor,.personal-recommendations,.coach-lab,.all-hero-ranks{padding:16px}.personal-cards,.coach-candidates,.guide-stages,.rune-grid,.hero-builds .guide-stages{grid-template-columns:minmax(0,1fr)}.coach-metrics,.opponent-pool{grid-template-columns:repeat(2,minmax(0,1fr))}.coach-lab .section-title,.personal-recommendations .section-title,.all-hero-ranks .section-title{flex-wrap:wrap;gap:14px}.all-hero-ranks .pro-toolbar label{min-width:0;width:100%}}.official-stats{padding:24px;margin:24px 0;border-top:3px solid var(--accent, #a5dbb5)}.official-stats .section-title{flex-wrap:wrap;align-items:center;gap:16px}.official-stats .section-title>div{margin-right:auto}.official-stats h2{margin:4px 0}.official-coverage{font-size:13px;line-height:1.8;color:var(--muted)}.official-table{border-collapse:collapse;width:100%;min-width:520px}.official-table th,.official-table td{padding:13px 12px;text-align:left;border-bottom:1px solid var(--border, #303533);font-variant-numeric:tabular-nums}.official-table th{font-size:12px;color:var(--muted);font-weight:500}.official-table button{background:transparent;color:inherit;border:0;padding:0;cursor:pointer}.official-heat{color:#b4e6c6;background:#223e31;border-radius:5px;padding:4px 8px;font-size:12px}.official-hero-stats{border:1px solid var(--border, #303533);border-radius:10px;padding:16px;margin:16px 0}.official-hero-stats h4{margin:0 0 12px}.official-hero-values{font-size:14px;line-height:1.9}.snapshot-heading{font-size:18px;margin-top:32px}@media(max-width:600px){.official-stats{padding:16px}}.sidebar nav{gap:2px}.sidebar nav button{min-height:39px;padding-top:9px;padding-bottom:9px}.sidebar-callout{margin-top:20px}.sidebar-bottom{padding-top:18px;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.pro-toolbar,.pro-actions{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:20px 0}.pro-toolbar label,.pro-form label,.auth-card label{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted);min-width:0}.pro-toolbar label{min-width:150px}.pro-toolbar .muted{max-width:260px}.pro-notice{border:1px solid #565044;background:#25241f;border-radius:9px;padding:15px 18px;color:#edcf97;font-size:13px;line-height:1.8;margin:18px 0;overflow-wrap:anywhere}.pro-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0}.pro-form .check-control{flex-direction:row;align-items:center;grid-column:1/-1}.pro-form input{width:100%}.field{display:flex;flex-direction:column;gap:9px;font-size:12px;color:var(--muted);margin:18px 0}.field input,.field textarea{width:100%}.btn input[type=file]{max-width:180px;font-size:10px;padding:0;background:none;border:0}.metric-editor{display:grid;gap:18px}.metric-editor .section-title>span{font-size:11px}.source-strip{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:12px;line-height:1.8;margin:20px 0;color:var(--muted)}.source-strip strong{color:var(--gold)}.source-strip a{display:flex;align-items:center;gap:6px}.table-scroll{overflow-x:auto}.pro-table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}.pro-table th{font-size:11px;color:var(--muted);font-weight:500;padding:13px 12px;border-bottom:1px solid var(--line)}.pro-table td{padding:17px 12px;border-bottom:1px solid var(--line);font-size:13px}.pro-table td small{display:block;max-width:180px;white-space:normal;font-size:10px;line-height:1.7;margin-top:4px;color:var(--muted)}.hero-row{display:flex;align-items:center;gap:10px;text-align:left}.hero-row>div,.hero-row>span:last-child{display:flex;flex-direction:column;gap:4px}.hero-row small{color:var(--muted);font-size:11px}.rank-number{width:16px;color:var(--muted)}.gold{color:var(--gold)}.tier{display:inline-block!important;font-size:10px!important;padding:2px 5px;border-radius:3px;background:#283647;color:#dbcead!important}.tier-T0{background:#533329}.tier-T1{background:#3d3627}.metric-strip{display:flex;flex-wrap:wrap;border:1px solid var(--line);border-radius:8px;margin:18px 0;background:#101925}.metric-strip>div{flex:1;min-width:90px;padding:18px 12px;display:flex;gap:8px;flex-direction:column}.metric-strip strong{font-size:23px;font-weight:500;color:var(--gold)}.metric-strip span{font-size:11px;color:var(--muted)}.pro-prose{line-height:1.9;color:var(--muted);font-size:13px}.pro-prose p{margin:12px 0}.pro-prose h3,.pro-prose h4{color:#e1e8f1;margin:20px 0 9px}.pro-prose li{margin:10px 0}.hero-insights>section,.hero-reference-details>section,.jungle-section{margin-top:30px;border-top:1px solid var(--line);padding-top:24px}.hero-insights h3,.hero-reference-details h3,.jungle-section h3{font-size:16px}.relation-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:17px 0}.relation-grid article,.finding-grid article{padding:17px;background:#101925;border:1px solid var(--line);border-radius:8px;overflow-wrap:anywhere}.relation-grid p{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0}.relation-grid a{font-size:10px;color:var(--gold)}.auth-card{max-width:580px;margin:30px auto}.auth-card h2{margin-bottom:14px}.auth-card form{display:flex;flex-direction:column;gap:18px;margin-top:20px}.social-identity{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.social-identity h2{margin:9px 0}.social-identity form{display:flex;align-items:end;gap:12px;flex:1;justify-content:end}.social-identity label{display:flex;flex-direction:column;gap:9px;font-size:12px}.social-grid,.systems-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:24px 0}.friend-pool{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.social-grid article>.text-btn{margin-top:20px}.system-card h2{font-size:22px;margin:12px 0}.system-card>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted);margin:20px 0}.system-card>small{display:block;margin:15px 0;color:var(--gold)}.system-heroes{display:flex;gap:20px;margin:22px 0}.system-heroes>div{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:11px}.bp-rounds{margin-bottom:20px}.bp-rounds .data-caption{margin-top:8px}.bp-rounds h3{font-size:17px}.route-steps{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0}.route-steps>div{flex:1;min-width:100px;background:#1b293a;border:1px solid #35445a;border-radius:7px;padding:12px;display:flex;gap:8px;flex-direction:column;font-size:11px;line-height:1.7}.route-steps b{color:var(--gold)}.replay-layout{display:grid;grid-template-columns:minmax(0,1fr) 265px;gap:20px;margin-bottom:20px}.video-panel video{width:100%;max-height:500px;background:#05080e;border-radius:8px}.video-empty{height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;background:#0b121d;text-align:center;color:var(--muted);padding:20px;border-radius:8px}.video-empty p{font-size:12px;line-height:1.8}.replay-list{max-height:530px;overflow-y:auto}.replay-list>button{display:flex;text-align:left;width:100%;padding:14px 8px;gap:12px;border-bottom:1px solid var(--line);font-size:12px}.replay-list>button.active{background:#29323c;color:var(--gold)}.replay-list h3{margin-bottom:16px}.event-editor{margin:20px 0}.event-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.review-frame{width:100%;border:1px solid var(--line);border-radius:8px;align-self:center}.event-grid:not(:has(img)){grid-template-columns:1fr}.finding-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.finding-grid h4{font-size:14px;margin:0 0 12px}.finding-grid p{font-size:12px;color:var(--muted);line-height:1.9;margin:10px 0}.finding-grid small{color:#dfbc7b;font-size:10px;line-height:1.8}.saved-reviews{display:grid;gap:10px;margin:17px 0}.saved-reviews button{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:6px;padding:15px;text-align:left}.saved-reviews span{font-size:11px;color:var(--muted)}@media(max-height:950px){.sidebar-callout{display:none}.sidebar nav button{padding-top:8px;padding-bottom:8px}.brand-caption{margin-bottom:20px}}@media(max-width:1050px){.replay-layout{grid-template-columns:1fr}.replay-list{max-height:220px}.pro-form{grid-template-columns:repeat(2,minmax(0,1fr))}.social-identity form{justify-content:start}.event-grid{grid-template-columns:1fr}}@media(max-width:760px){.systems-grid,.social-grid,.relation-grid,.finding-grid{grid-template-columns:1fr}.pro-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.pro-toolbar{gap:10px}.pro-toolbar label{flex:1;min-width:135px}.pro-toolbar input,.pro-toolbar select{width:100%}.table-scroll{padding:10px}.pro-table td{padding:13px 8px}.pro-notice{padding:13px;font-size:12px}.source-strip{font-size:10px}.metric-strip strong{font-size:19px}.metric-strip>div{min-width:95px}.metric-editor .section-title{flex-wrap:wrap}.social-identity form{flex-direction:column;align-items:stretch;width:100%}.social-identity form input{width:100%}.video-empty{height:220px}.event-editor{padding:16px}.pro-actions .btn{font-size:11px}.bp-rounds .section-title{align-items:start}.bp-rounds .btn{font-size:10px;padding:9px}.hero-insights .section-title{flex-wrap:wrap}.hero-insights select{max-width:150px}.system-heroes{gap:16px}.sidebar nav{margin-bottom:16px}}.dialog{scroll-padding-top:112px}.dialog>header{position:sticky;top:-26px;z-index:4;margin:-26px -29px 24px;padding:16px 29px;background:#141d2b;border-bottom:1px solid var(--line)}.detail-jump{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 22px}.detail-jump button{border:1px solid var(--line);padding:7px 11px;border-radius:6px;font-size:12px;color:var(--muted)}.detail-jump button:hover{color:var(--gold);border-color:var(--gold)}@media(max-width:760px){.dialog>header{top:-21px;margin:-21px -18px 20px;padding:13px 18px}}.stat-entry-list{display:grid;gap:12px;margin:20px 0}.scope-fields{border:1px solid var(--line);border-radius:10px;margin:20px 0;padding:16px;min-width:0}.scope-fields legend{color:var(--gold);font-size:13px;padding:0 8px}.scope-fields .field{margin-top:14px}.stat-history{margin:24px 0;min-width:0}.stat-history .section-title{flex-wrap:wrap;gap:10px}.stat-history .section-title span{font-size:12px}.stat-history .pro-toolbar>label{min-width:0}.stat-history select{max-width:100%}.history-deltas{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.history-deltas>div{display:grid;gap:10px;padding:16px;background:#101925;border:1px solid var(--line);border-radius:8px}.history-deltas span{color:var(--muted);font-size:12px}.history-deltas strong{color:var(--gold);font-size:22px}.history-deltas small{font-size:11px;font-weight:400}.history-chart{width:100%;display:block;max-height:250px;color:var(--muted)}.history-chart text{fill:currentColor;font-size:11px}.stat-history summary{cursor:pointer;font-size:13px;color:var(--gold)}@media(max-width:760px){.history-deltas{grid-template-columns:1fr}.stat-history{padding:16px}.stat-history .pro-toolbar{display:grid;grid-template-columns:1fr}.history-chart text{font-size:20px}.scope-fields .pro-form{grid-template-columns:1fr}}.stat-entry{display:grid;grid-template-columns:1.3fr 1fr repeat(4,.8fr) 32px;gap:8px;align-items:end;padding:12px;background:#101925;border:1px solid var(--line);border-radius:8px}.stat-entry label{min-width:0;display:grid;gap:7px;font-size:11px;color:var(--muted)}.stat-entry input,.stat-entry select{width:100%;min-width:0;padding:9px 7px}.import-paste{border:1px solid var(--line);border-radius:8px;padding:14px;margin:18px 0}.import-paste summary{cursor:pointer;color:var(--gold);font-size:13px}.import-paste textarea{width:100%;margin:12px 0}.import-preview{margin:18px 0;padding:18px}.squad-lab{margin:25px 0}.squad-lab h2{display:flex;align-items:center;gap:10px;font-size:20px}.squad-lab>.muted{margin:17px 0;line-height:1.8;font-size:13px}.squad-members{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.squad-members label{border:1px solid var(--line);padding:12px;border-radius:8px}.squad-members small{color:var(--muted);font-size:11px}.squad-matches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.squad-matches article{padding:16px;background:#101925;border-radius:8px;border:1px solid var(--line)}.squad-matches h3{font-size:14px}.squad-matches .section-title{flex-wrap:wrap;gap:8px}.squad-matches span{font-size:11px}.squad-matches p{font-size:12px;line-height:1.8;margin:12px 0}.squad-matches small{display:block;color:var(--muted);font-size:11px;line-height:1.8}.squad-plans{display:grid;gap:14px}.squad-plans .section-title span{color:var(--muted);font-size:12px}.squad-assignments{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:20px 0}.squad-assignments small{display:block;margin-top:6px;color:var(--muted);font-size:11px}@media(max-width:760px){.stat-entry{grid-template-columns:repeat(2,minmax(0,1fr))}.stat-entry .icon-btn{justify-self:end;grid-column:2}.squad-matches,.squad-assignments{grid-template-columns:1fr}.squad-lab>.section-title,.squad-plans .section-title{flex-wrap:wrap;gap:12px}.squad-lab h2{line-height:1.6}.squad-lab{padding:18px}}.screenshot-import{margin:0 0 24px;padding:24px}.screenshot-import h2{display:flex;gap:10px;align-items:center}.capture-steps,.ocr-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.capture-steps article,.ocr-fields article{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:18px;min-width:0}.capture-steps p,.screenshot-import p,.bp-arena p{line-height:1.8;font-size:13px}.screenshot-import input[type=file]{max-width:210px;font-size:12px}.screenshot-preview{max-width:100%;max-height:440px;object-fit:contain}.ocr-fields input[type=number]{width:100%;margin:10px 0}.ocr-fields small{display:block;color:var(--muted);line-height:1.6}.ocr-fields p{overflow-wrap:anywhere}.ocr-text{max-height:250px;overflow:auto;white-space:pre-wrap}.ocr-review{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.manual-profile{margin:24px 0}.manual-profile>summary,.bp-arena>summary{cursor:pointer;font-weight:700;padding:18px 0}.resource-tabs{display:flex;gap:8px;margin:0 0 22px;flex-wrap:wrap}.resource-tabs button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:9px;padding:11px 18px;color:#e6ebf3;background:var(--panel)}.resource-tabs button.active{background:#263c3b;color:#f0e0bc;border-color:#547470}.equipment-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.equipment-card{padding:22px;display:flex;flex-direction:column}.equipment-card h2{font-size:19px;margin:12px 0}.resource-description{white-space:pre-line;line-height:1.9;font-size:13px;overflow-wrap:anywhere}.equipment-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:18px;font-size:12px}.equipment-compare{padding:22px;border-color:#738c78}.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.skin-card{overflow:hidden;padding:0}.skin-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#1c252e;display:block}.skin-card>div{padding:18px}.skin-card small{display:block;color:var(--muted);font-size:11px;line-height:1.8}.skin-card h2{margin:10px 0;font-size:20px}.skin-card p{font-size:13px;line-height:1.8}.skin-grid.compact{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-sources{margin-top:24px;overflow-wrap:anywhere;font-size:12px;line-height:1.8}.updates-list{display:grid;gap:16px}.update-card{border:1px solid var(--line);border-radius:12px;padding:20px;margin:12px 0}.update-card>div{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.update-card time{color:var(--muted);font-size:12px}.update-card h3{margin:14px 0;line-height:1.6}.update-card details>p{max-height:400px;overflow:auto}.rank-display-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;margin-top:20px}.rank-display-controls .resource-tabs{margin:0}.rank-display-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:12px}.rank-coverage{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0}.rank-coverage strong{font-size:22px;color:var(--gold)}.rank-coverage span{font-size:12px;color:var(--muted);line-height:1.8}.tier-board{display:grid;gap:12px;margin-top:22px}.tier-band{display:grid;grid-template-columns:86px 1fr;background:var(--bg);border:1px solid var(--line);border-radius:12px;overflow:hidden}.tier-band-label{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 6px;background:linear-gradient(150deg,#4e3630,#292c2e);color:#f7dfbd}.tier-band-label strong{font-size:23px}.tier-band-label span{font-size:11px}.tier-band.unknown .tier-band-label{background:#263034}.tier-band.unknown .tier-band-label strong{font-size:14px}.tier-band-heroes{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:12px;padding:16px}.tier-portrait{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;padding:8px 3px;border:1px solid transparent;border-radius:9px;color:#e6ebf3;background:var(--panel);min-width:0}.tier-portrait .portrait{width:52px;height:52px}.tier-portrait strong{font-size:12px;line-height:1.5}.tier-portrait small{font-size:10px;color:var(--muted)}.tier-portrait.high-ban{border-color:#b86561}.tier-portrait.low-pick{border-color:#6389b2}.tier-score{position:absolute;right:3px;top:2px;font-size:11px;background:#283b3a;color:#f3e0b5;padding:3px;border-radius:5px}.bp-arena{margin-top:24px;padding:0 20px 20px}.arena-moves{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding-left:24px}.arena-moves li{padding:12px;background:var(--bg);border-radius:8px}.arena-moves span,.arena-moves small{display:block;font-size:11px;color:var(--muted);line-height:1.8}.arena-moves strong{font-size:14px}@media(max-width:1100px){.skin-grid,.equipment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-steps{grid-template-columns:1fr;gap:8px}.capture-steps p{margin:6px 0 0}}@media(max-width:760px){.screenshot-import{padding:18px}.screenshot-import .section-title{flex-wrap:wrap;gap:12px}.ocr-fields,.equipment-grid,.skin-grid,.skin-grid.compact{grid-template-columns:1fr}.rank-display-controls select{max-width:100%}.tier-band{grid-template-columns:55px 1fr}.tier-band-heroes{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:7px;padding:9px}.tier-portrait .portrait{width:43px;height:43px}.tier-portrait strong{font-size:11px}.tier-band-label strong{font-size:19px}.tier-band.unknown .tier-band-label strong{font-size:12px}.arena-moves{grid-template-columns:repeat(2,minmax(0,1fr))}.resource-tabs button{padding:10px 12px}}.profile-overview{padding:24px;margin-bottom:24px}.profile-summary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-summary-grid article{display:flex;align-items:center;gap:12px;padding:14px;background:var(--bg);border-radius:10px}.profile-summary-grid p{font-size:12px;line-height:1.8;margin:6px 0}.profile-summary-grid small{font-size:11px;color:var(--muted);line-height:1.8}@media(max-width:760px){.profile-summary-grid{grid-template-columns:1fr}.profile-overview{padding:18px}.profile-overview .section-title{flex-wrap:wrap;gap:10px}}.skin-observation{border:1px solid var(--line);border-left:3px solid var(--gold);padding:14px 18px;border-radius:9px;margin:16px 0}.skin-observation h4{margin:0 0 10px}.skin-observation p{line-height:1.8;font-size:13px}.skin-observation details p{overflow-wrap:anywhere}.equipment-name{display:flex;gap:12px;align-items:center}.source-item-identity{display:inline-flex;align-items:center;gap:10px}.source-item-image,.source-image-missing{width:44px;height:44px;flex:0 0 44px;border-radius:8px;object-fit:cover}.source-image-missing{display:inline-flex;align-items:center;justify-content:center;background:var(--bg);border:1px solid var(--line)}.skin-statistics{padding:20px;margin:16px 0}.skin-usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:12px}.skin-usage-card{display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:12px;padding:14px}.skin-usage-card>div{flex:1;min-width:0}.skin-usage-card .source-item-image,.skin-usage-card .source-image-missing{width:64px;height:64px;flex-basis:64px}.skin-usage-rate{display:block;margin-top:6px;font-weight:700;font-variant-numeric:tabular-nums}.skin-usage-rate small{font-weight:400}.skin-usage-track{height:4px;margin-top:8px;background:var(--line);border-radius:4px;overflow:hidden}.skin-usage-track span{display:block;height:100%;background:var(--gold)}.equipment-name img{width:48px;height:48px;border-radius:8px}.capture-upload:focus-within{outline:2px solid var(--gold);outline-offset:3px}.table-capture{border:1px solid var(--line);border-radius:12px;padding:20px;margin:20px 0;background:var(--bg)}.table-capture p{font-size:13px;line-height:1.8}.table-capture .pro-table{min-width:640px}.table-capture .pro-table td:nth-child(3){max-width:180px;overflow-wrap:anywhere}.table-capture .pro-table select{max-width:230px}.table-capture input[type=file]{max-width:100%}.table-capture caption{text-align:left;padding:12px 0;font-size:12px;color:var(--muted)}.table-capture .check-control{margin:18px 0}@media(max-width:760px){.table-capture{padding:14px}.tier-band.unknown .tier-band-label strong{line-height:1.8;padding:0 8px}}.data-updates{padding:14px 18px;margin-bottom:18px}.data-updates summary{cursor:pointer;color:var(--text);font-weight:600}.data-updates p{color:var(--muted);line-height:1.7}.environment-method{margin:16px 0;padding:14px 18px;border:1px solid var(--line);border-radius:10px}.environment-method summary{cursor:pointer;font-weight:600}.environment-method p,.aggregate-hero-stats details p{line-height:1.8;font-size:13px;overflow-wrap:anywhere}.aggregate-hero-stats{margin-top:20px}.tianyuan-live{padding:24px;margin-top:18px}.strength-summary{padding:12px 16px;border-left:3px solid var(--gold);line-height:1.7}.strength-explanation{margin:16px 0;padding:18px;border:1px solid var(--line);border-radius:12px}.strength-explanation p,.strength-explanation small{line-height:1.8}.replay-readiness,.review-evaluation{padding:22px;margin:18px 0}.replay-readiness p,.review-evaluation p{line-height:1.8}.codex-handoff{overflow-wrap:anywhere}.review-evaluation .field{margin-bottom:16px}.source-proof{margin:14px 0;padding:12px 16px;border:1px solid var(--line);border-radius:10px}.source-proof summary{cursor:pointer;font-weight:600}.source-proof p{font-size:12px;line-height:1.8;overflow-wrap:anywhere}.tianyuan-hero .resource-tabs{flex-wrap:wrap}.tianyuan-hero caption{text-align:left;padding:14px 0;color:var(--muted);font-size:12px}.tianyuan-live .resource-tabs{flex-wrap:wrap;margin-top:16px}@media(max-width:760px){.tianyuan-live{padding:16px}.tianyuan-live .pro-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}}.pool-storage,.equipment-statistics{padding:22px;margin-bottom:24px;min-width:0}.pool-storage .section-title,.equipment-statistics .section-title{flex-wrap:wrap;gap:10px}.pool-history{padding-left:20px;overflow-wrap:anywhere}.pool-history li{margin:16px 0}.pool-history p{margin:6px 0}.profile-workspace{border:0;padding:0;margin:0;min-width:0}.backup-center .roster-table{min-width:0;width:100%}.backup-center input[type=file]{max-width:100%}.backup-center .check-row{display:flex;align-items:center;gap:10px;margin:18px 0}.backup-center .check-row input{width:auto}.equipment-statistics .roster-table{min-width:0;width:100%}.equipment-statistics .roster-table th,.equipment-statistics .roster-table td{padding:12px 8px}.atlas-source-summary{margin-bottom:20px}.atlas-public-metrics{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;padding:0 16px 16px;font-size:12px;color:var(--muted)}.atlas-public-metrics strong{color:var(--gold)}.rate-display{display:inline-flex;flex-direction:column;gap:5px;min-width:86px;vertical-align:middle;max-width:100%;color:#c4d5e9}.rate-display strong{font-size:inherit!important;color:inherit!important;font-variant-numeric:tabular-nums}.rate-track{display:block!important;position:relative;height:6px;width:100%;min-width:72px;background:#273447;border-radius:6px;overflow:hidden}.rate-track>span{display:block;height:100%;background:currentColor;border-radius:6px}.rate-low{color:#f49aab}.rate-below{color:#ebc683}.rate-above{color:#8cc4ff}.rate-high{color:#7de0bc}.rate-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;margin:12px 0!important}.metric-strip .rate-display{width:100%;font-size:23px}.metric-strip .rate-low{color:#f49aab}.metric-strip .rate-below{color:#ebc683}.metric-strip .rate-above{color:#8cc4ff}.metric-strip .rate-high{color:#7de0bc}.metric-strip .rate-neutral{color:#c4d5e9}.metric-strip .rate-track{color:inherit}.metric-strip .rate-track>span{padding:0;margin:0;color:inherit}.skill-tabs button .source-item-identity{display:flex;align-items:center;gap:8px}.skill-tabs button .source-item-identity>span{color:inherit;font-size:14px}.skill-tabs .source-item-image{width:40px;height:40px}.rune-grid .source-item-image{object-fit:contain;background:transparent}.equipment-breakdown{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}.equipment-breakdown h4{margin:12px 0}.equipment-breakdown .pro-toolbar{margin:14px 0}.full-build-list{display:grid;gap:12px;margin:14px 0}.full-build-list>article{background:var(--panel-2);padding:16px;border:1px solid var(--line);border-radius:12px}.full-build-items{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));list-style:none;padding:0;margin:16px 0;gap:10px}.full-build-items li{display:flex;flex-direction:column;gap:8px;text-align:center;min-width:0}.full-build-items .source-item-identity{flex-direction:column;font-size:12px}.full-build-items small{color:var(--muted)}.bp-rounds{padding:24px!important;display:flex;flex-direction:column;gap:16px}.bp-rounds .section-title{margin-bottom:0}.bp-rounds h2{display:flex;gap:10px;align-items:center}.bp-turn-banner{padding:14px 18px;background:#1e2d44;border:1px solid #3c577d;border-radius:10px;font-weight:700;letter-spacing:.03em}.bp-board{display:grid;grid-template-columns:1fr 1fr;gap:18px;min-width:0}.bp-team{padding:18px;border:1px solid var(--team-color);border-top:3px solid var(--team-color);border-radius:14px;background:linear-gradient(160deg,var(--team-tint),var(--panel));min-width:0}.bp-team.allies{--team-color: #78b7ff;--team-tint: #172c45}.bp-team.enemies{--team-color: #f78eaa;--team-tint: #362130}.bp-team h3{color:var(--team-color);display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.bp-team h3 small{font-weight:400;font-size:12px}.bp-bans{display:flex;gap:8px;padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:14px}.bp-ban{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:0;flex:1}.bp-ban .portrait{width:38px;height:38px;filter:saturate(.4)}.bp-ban small{font-size:11px;text-align:center;color:var(--muted)}.bp-picks{display:grid;grid-template-columns:1fr;gap:8px}.bp-pick-slot{display:grid;grid-template-columns:44px minmax(0,1fr) minmax(110px,140px);align-items:center;gap:5px 12px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;text-align:left;background:#0c1421}.bp-pick-slot>small:first-child{grid-column:1 / -1}.bp-pick-slot .portrait{grid-column:1;grid-row:2 / 5}.bp-pick-slot>strong,.bp-role-status,.bp-flex-options{grid-column:2}.bp-role-status{font-size:12px;color:var(--text)}.bp-pick-slot>label{grid-column:3;grid-row:2 / 5;display:grid;gap:5px;min-width:0;font-size:11px;color:var(--muted)}.bp-pick-slot select{width:100%;min-width:0;font-size:12px}.bp-role-warning{grid-column:2 / -1;color:#f7c881;font-size:12px}.bp-team>.text-btn{margin-top:10px;font-size:12px}.bp-picks small{font-size:11px;color:var(--muted)}.bp-picks .portrait{height:44px;width:44px}.bp-selection{border:1px solid var(--line);border-radius:12px;overflow:hidden}.bp-selection .pro-toolbar{padding:14px;margin:0}.bp-selection label{min-width:0}.bp-hero-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(75px,1fr));gap:8px;padding:14px;max-height:360px;overflow-y:auto;overscroll-behavior:contain;border-block:1px solid var(--line)}.bp-hero-picker button{display:flex;align-items:center;flex-direction:column;gap:6px;border:1px solid transparent;border-radius:9px;padding:8px 3px;font-size:12px;min-height:92px}.bp-hero-picker button:hover:not(:disabled){background:var(--panel-2)}.bp-hero-picker button.selected{background:#303325;border-color:var(--gold)}.bp-hero-picker button:disabled{opacity:.35}.bp-hero-picker button small{font-size:10px}.bp-hero-picker .portrait{height:48px;width:48px}.bp-confirm{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px;background:var(--panel-2)}.bp-confirm>span{font-size:14px}.bp-history ol{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.bp-history li{display:flex;gap:8px;align-items:center;padding:8px;background:var(--panel-2);border-radius:8px;font-size:12px}.bp-history .portrait{height:28px;width:28px}.bp-history li>span{color:var(--muted)}.bp-verdict{display:flex;flex-direction:column;gap:16px}.bp-verdict article{border:1px solid var(--line);border-radius:12px;padding:16px}.bp-verdict h4{margin:0 0 12px}.bp-verdict p,.bp-verdict li{line-height:1.8;font-size:13px}.bp-verdict ul{padding-left:18px}@media(max-width:1100px){.bp-pick-slot{grid-template-columns:32px minmax(0,1fr);gap:5px 6px;padding:8px}.bp-pick-slot>label{grid-column:1 / -1;grid-row:auto}.bp-pick-slot .portrait{width:32px;height:32px}.bp-role-status,.bp-flex-options,.bp-role-warning{grid-column:1 / -1}}@media(max-width:700px){.bp-rounds{padding:14px!important}.bp-board{gap:8px}.bp-team{padding:10px}.bp-team h3{font-size:14px}.bp-bans{gap:3px}.bp-ban .portrait{width:26px;height:26px}.bp-ban small{font-size:9px}.bp-picks .portrait{width:32px;height:32px}.bp-picks strong{font-size:12px}.bp-rounds .pro-toolbar{gap:10px}.bp-selection .pro-toolbar>label{flex:1 1 120px}.bp-selection input:not([type=checkbox]),.bp-selection select{width:100%;min-width:0}.bp-hero-picker{grid-template-columns:repeat(auto-fill,minmax(61px,1fr));gap:4px;padding:8px}.bp-history ol,.bp-verdict .bp-board{grid-template-columns:1fr}.full-build-items{grid-template-columns:repeat(3,minmax(0,1fr))}.bp-confirm,.bp-rounds .section-title{flex-wrap:wrap}.rate-display,.rate-track{min-width:65px}}.data-hub,.hero-source-details,.public-match-explorer{min-width:0}.plus-source{margin:18px 0;min-width:0}.plus-source .source-proof{margin-top:18px;overflow-wrap:anywhere}.plus-main-tabs{margin-bottom:20px}.pro-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.pro-tabs button{border:1px solid var(--line);border-radius:8px;padding:10px 14px;color:var(--muted);background:#101a28;font-size:13px;min-height:40px;cursor:pointer}.pro-tabs button:hover,.pro-tabs button.active{color:var(--gold);border-color:#94764a;background:#26251f}.pro-tabs button:focus-visible{outline:2px solid #74c6ff;outline-offset:3px}.conditional-builds article{border:1px solid var(--line);border-radius:12px;padding:14px}.source-table>.source-proof{font-size:12px;margin:10px 0}.match-screenshot pre{white-space:pre-wrap;overflow-wrap:anywhere}.plus-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.plus-grid article,.plus-grid fieldset{min-width:0}.plus-grid fieldset{border:1px solid var(--line);border-radius:12px;padding:16px}.plus-grid dl{display:grid;gap:8px;font-size:13px}.plus-grid dl>div{display:flex;justify-content:space-between;gap:12px}.plus-grid dd{margin:0}.plus-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.plus-metrics article{display:grid;gap:12px;padding:20px;background:var(--bg);border:1px solid var(--line);border-radius:12px}.plus-metrics article>strong{font-size:25px;color:var(--gold)}.source-table{margin:18px 0;min-width:0}.source-table .table-scroll{max-width:100%;max-height:620px;overflow:auto}.source-table thead{position:sticky;top:0;background:#152131;z-index:1}.source-table th{white-space:nowrap}.source-table td{vertical-align:middle}.source-table .text-btn{text-align:left}.source-table .source-item-identity{min-width:110px}.plus-item-list{display:flex;gap:9px;flex-wrap:wrap}.plus-item-list .source-item-identity{font-size:12px}.plus-chart{margin:20px 0;background:#0d1725;border:1px solid var(--line);padding:12px;border-radius:12px}.plus-chart svg{display:block;width:100%;height:auto;max-height:290px}.plus-chart text{fill:#bbcbdf;font-size:12px}.plus-chart figcaption{color:var(--muted);font-size:13px}.plus-timeline details{padding:12px;border-left:2px solid var(--gold);margin:10px 0;background:#101a28}.plus-timeline p{overflow-wrap:anywhere;font-size:13px;line-height:1.8}.hero-source-details{margin:26px 0;padding-top:20px;border-top:1px solid var(--line)}.hero-source-details .pro-tabs{flex-wrap:wrap}.hero-source-details .pro-tabs button{font-size:12px}.plus-skin-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px}.plus-skin-card{display:grid;text-align:left;gap:9px;min-width:0;background:#101a28;border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text)}.plus-skin-card:hover{border-color:var(--gold)}.plus-skin-card>span{font-size:12px;color:var(--muted)}.plus-skin-preview{max-width:100%;max-height:440px;object-fit:contain;display:block;margin:auto}.match-condition{display:flex;align-items:end;gap:12px;margin:12px 0}.match-condition>label:first-child{display:grid;gap:6px;flex:1;min-width:0}.match-condition select{width:100%;min-width:0}.public-match-explorer .checkbox{white-space:nowrap;font-size:12px}.match-detail{border-top:1px solid var(--line);padding-top:20px}.match-detail summary{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.data-hub .pro-toolbar label{display:grid;gap:6px}.skin-comparison fieldset,.match-screenshot fieldset{border:1px solid #526176;border-radius:12px;padding:12px;margin:12px 0;min-width:0}.skin-comparison fieldset .pro-toolbar label{display:flex;align-items:center;gap:6px}.skin-comparison fieldset input[type=checkbox]{width:auto;min-width:0}@media(max-width:700px){.skin-comparison .plus-chart text{font-size:28px}}.ocr-match-preview{display:block;max-width:100%;max-height:360px;object-fit:contain;margin:12px auto}.match-screenshot fieldset>label{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:8px 0}.bp-timer output{font-variant-numeric:tabular-nums;font-size:1.3rem;font-weight:700}.bp-timer small{flex-basis:100%}@media(max-width:700px){.plus-grid,.plus-metrics{grid-template-columns:1fr}.plus-skin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plus-main-tabs{flex-wrap:wrap}.plus-main-tabs button{flex:1 1 100px}.data-hub .surface{padding:14px}.data-hub .pro-toolbar>label{flex:1 1 130px;min-width:0}.data-hub input,.data-hub select{max-width:100%;min-width:0}.source-table .source-item-identity{min-width:95px}}.command-search input{width:210px}.command-search kbd{white-space:nowrap;font-size:10px;border:1px solid #526176;border-radius:4px;padding:3px 5px}.command-search .search-popover{width:360px;max-height:65vh;overflow-y:auto}.search-caption{display:flex;justify-content:space-between;align-items:center;padding:4px 9px;color:#b8c8db;font-size:12px}.search-popover button:focus-visible{outline:2px solid #e8c584;background:#ffffff10}.source-context{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:14px 0;font-size:12px;color:#ccd8e7}.source-context span{padding:5px 9px;border:1px solid #445369;border-radius:6px;background:#111d2c}.source-context time{font-size:11px}.compare-selected{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:12px;margin:18px 0}.compare-selected>div{padding:14px;border:1px solid #445369;border-radius:10px;display:grid;gap:8px;background:#111d2c}.compare-selected small{color:#c5b589}.compare-table{min-width:540px;width:100%}.compare-table th,.compare-table td{min-width:120px}.compare-table th:first-child{position:sticky;left:0;background:#121d2b;z-index:1}.hero-compare>.plus-source>.btn{margin-top:16px}@media(max-width:1100px){.command-search input{width:150px}.command-search kbd{display:none}}@media(max-width:700px){.command-search input{width:95px}.command-search .search-popover{position:fixed;left:12px;right:12px;top:65px;width:auto;max-height:70vh}.compare-selected{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-selected>div{padding:9px}}.teaching-library{margin:20px 0;min-width:0}.teaching-library h3,.teaching-meta,.teaching-discovery,.teaching-library .text-btn{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.teaching-library .teaching-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0}.teaching-sources article,.teaching-lessons details{padding:16px;border:1px solid var(--line);border-radius:12px;min-width:0}.teaching-library a{color:var(--teal);overflow-wrap:anywhere}.teaching-library h4{margin:10px 0;line-height:1.5}.teaching-library p{line-height:1.7}.teaching-meta{font-size:12px}.teaching-discovery{padding:12px 0;gap:14px}.teaching-discovery a{display:inline-flex;align-items:center;gap:4px}.teaching-lessons{display:grid;gap:10px;margin:12px 0 18px}.teaching-library summary{cursor:pointer;font-weight:600;line-height:1.6}.teaching-library li{margin:8px 0;line-height:1.6}.teaching-library.compact{padding:16px}.teaching-coverage,.teaching-candidates,.teaching-conflict{margin:14px 0;padding:14px;border:1px solid var(--line);border-radius:12px}.teaching-conflict{border-left:3px solid var(--teal)}.teaching-hero-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:12px}.teaching-hero-grid button{display:flex;gap:8px;align-items:center;text-align:left;padding:8px;min-width:0}.teaching-hero-grid button[aria-pressed=true]{border-color:var(--teal)}.teaching-hero-grid .portrait{width:36px;height:36px;flex-shrink:0}.teaching-hero-grid small{display:block;margin-top:4px;font-size:11px}.teaching-coverage input{display:block;width:100%;margin-top:8px}.teaching-excerpts p{white-space:pre-line;overflow-wrap:anywhere}@media(max-width:680px){.teaching-library .teaching-sources{grid-template-columns:1fr}.teaching-library select{max-width:100%}.teaching-library .section-title{flex-wrap:wrap}}.page-loading{padding:32px;display:grid;gap:16px}.rank-identity{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.rank-identity .portrait{width:36px;height:36px;flex-shrink:0}.rank-source-summary{display:flex;flex-wrap:wrap;gap:8px 20px;padding:12px 0;color:var(--muted);font-size:13px}.rank-source-summary strong{color:var(--teal)}.rank-filter-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:12px 0}.rank-filter-actions label{display:flex;gap:8px;align-items:center}.brand strong{white-space:nowrap}.brand-caption{letter-spacing:0;line-height:1.7}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
