:root{--bg:#06130c;--surface:#0b2415;--surface-2:#0f2f1c;--line:#275839;--text:#f4f7f2;--muted:#a2b5a8;--green:#89e85f;--lime:#c8f249;--gold:#f1c84d;--danger:#ff796d;--shadow:0 18px 45px rgba(0,0,0,.25);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 10% 0,#123720 0,transparent 35%),linear-gradient(180deg,#06130c,#030b07);color:var(--text);font-size:16px;line-height:1.65}.shell{width:min(1180px,calc(100% - 36px));margin-inline:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(6,19,12,.9);border-bottom:1px solid rgba(137,232,95,.18);backdrop-filter:blur(18px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:22px}.brand{display:flex;align-items:center;width:164px}.brand img{display:block;width:100%;height:auto}.product-nav{display:flex;gap:7px;margin-left:auto}.product-nav a{color:var(--muted);text-decoration:none;font-weight:800;font-size:.76rem;letter-spacing:.08em;padding:9px 12px;border-radius:999px}.product-nav a.active{color:#071108;background:var(--green)}.update-pill{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--surface);color:var(--green);border-radius:999px;padding:9px 14px;cursor:pointer}.update-pill span{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px rgba(137,232,95,.12)}main{padding:48px 0 72px}.hero{max-width:880px;margin-bottom:34px}.eyebrow,.step{margin:0;color:var(--green);font-size:.76rem;font-weight:900;letter-spacing:.12em}.hero h1{font-size:clamp(2.35rem,7vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:.28em 0 .24em}.hero>p:not(.eyebrow){font-size:1.14rem;color:#c5d2c9;max-width:800px}.notice{margin-top:22px;border-left:4px solid var(--gold);padding:13px 16px;background:rgba(241,200,77,.08);color:#dce5de}.search-panel,.position-guide,.player-review,.owned-section,.squad-plans,.method-note{background:linear-gradient(145deg,rgba(15,47,28,.93),rgba(7,26,15,.93));border:1px solid var(--line);border-radius:24px;padding:clamp(20px,4vw,34px);margin-top:20px;box-shadow:var(--shadow)}.section-heading{display:flex;justify-content:space-between;gap:22px;align-items:flex-start;margin-bottom:22px}.section-heading.compact{align-items:center}.section-heading h2,.player-head h2{margin:.1em 0 0;font-size:clamp(1.35rem,3vw,2rem);line-height:1.22}.section-heading p:not(.step),.player-head p{margin:.25em 0 0;color:var(--muted)}.count,.data-note{display:inline-flex;white-space:nowrap;border:1px solid var(--line);border-radius:999px;padding:6px 11px;color:var(--green);font-size:.8rem;font-weight:800}.search-grid{display:grid;grid-template-columns:minmax(260px,1.6fr) minmax(150px,.55fr) minmax(140px,.45fr);gap:14px}.field{display:grid;gap:7px;font-size:.82rem;font-weight:800;color:#dce7df}.field input,.field select{width:100%;min-height:48px;border:1px solid #356848;border-radius:13px;background:#06170d;color:var(--text);padding:10px 13px;font:inherit;font-size:1rem}.search-wrap{position:relative}.search-wrap>span{position:absolute;left:14px;top:7px;font-size:1.4rem;color:var(--green)}.search-wrap input{padding-left:44px}.switch-row{display:flex;align-items:center;gap:12px;margin:16px 0;color:var(--text);cursor:pointer}.switch-row input{position:absolute;opacity:0}.switch-ui{width:50px;height:27px;border-radius:30px;border:1px solid #407151;background:#07180e;position:relative;flex:none}.switch-ui:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:var(--muted);transition:.2s}.switch-row input:checked+.switch-ui{background:#1d5e34}.switch-row input:checked+.switch-ui:after{left:26px;background:var(--green)}.switch-row span:last-child{display:grid}.switch-row small{color:var(--muted);font-weight:400}.result-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.result-card{border:1px solid var(--line);background:#071a0f;color:var(--text);border-radius:14px;padding:12px;text-align:left;cursor:pointer;min-width:0}.result-card:hover,.result-card.active{border-color:var(--green);background:#123820}.result-card strong,.result-card span{display:block}.result-card strong{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-card span{color:var(--muted);font-size:.78rem}.empty{grid-column:1/-1;color:var(--muted);padding:14px 0}.heading-with-icon{display:flex;gap:12px}.book-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(137,232,95,.12);color:var(--green);font-size:1.4rem;flex:none}.role-tabs{display:flex;gap:8px;flex-wrap:wrap}.role-tab{border:1px solid var(--line);background:transparent;color:#cfdbd3;padding:8px 12px;border-radius:999px;cursor:pointer;font:inherit}.role-tab.active{background:var(--green);color:#071108;border-color:var(--green);font-weight:800}.guide-copy{display:grid;grid-template-columns:minmax(170px,.35fr) 1fr;gap:24px;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.guide-copy h3{font-size:1.35rem;margin:.2em 0}.guide-copy p{margin:0}.guide-copy>div:first-child span{color:var(--muted)}.fit-line{margin-top:10px!important;color:#c4d2c8}.fit-line strong{color:var(--green)}.player-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.identity{display:flex;align-items:center;gap:14px}.avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,var(--green),var(--lime));color:#061209;font-weight:950;font-size:1.15rem}.primary-action,.secondary-action{border:0;border-radius:13px;padding:12px 18px;font:inherit;font-weight:900;cursor:pointer}.primary-action{background:var(--green);color:#061209}.primary-action[aria-pressed=true]{background:var(--lime)}.secondary-action{background:#173c25;color:var(--text);border:1px solid var(--line)}.facts{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin:22px 0}.fact{background:#071a0f;border:1px solid rgba(65,116,78,.55);border-radius:12px;padding:10px}.fact span,.fact strong{display:block}.fact span{color:var(--muted);font-size:.73rem}.fact strong{font-size:.92rem}.role-verdict{display:grid;grid-template-columns:1fr 1fr;gap:12px}.role-verdict>div{background:linear-gradient(135deg,rgba(137,232,95,.13),rgba(200,242,73,.04));border:1px solid rgba(137,232,95,.35);border-radius:16px;padding:16px}.role-verdict span,.role-verdict strong,.role-verdict small{display:block}.role-verdict span{color:var(--muted);font-size:.76rem}.role-verdict strong{font-size:1.18rem}.role-verdict small{color:var(--green)}.version-picker{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.version-picker>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:8px}.version-picker button{border:1px solid var(--line);background:transparent;color:var(--text);padding:7px 10px;border-radius:10px;cursor:pointer}.version-picker button.active{border-color:var(--green);color:var(--green)}article{margin-top:28px;padding-top:24px;border-top:1px solid var(--line)}article h3{margin:0 0 12px;font-size:1.18rem}article h4{margin:0 0 10px;color:var(--green)}article p{color:#c8d4cc}.analysis-lead p{font-size:1.06rem}.verdict{border-left:3px solid var(--green);padding-left:14px;color:var(--text)!important}.analysis-columns,.property-columns{display:grid;grid-template-columns:1fr 1fr;gap:22px}.explain-list,.property-list{display:grid;gap:10px}.explain-item,.property-item{border-left:3px solid var(--green);padding:2px 0 2px 12px}.caution-list .explain-item{border-color:var(--gold)}.explain-item strong,.property-item strong{display:block}.explain-item p,.property-item p{margin:.18em 0 0}.narrative-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.narrative-grid>div{background:#071a0f;border-radius:14px;padding:16px}.narrative-grid strong{color:var(--green)}.narrative-grid p{margin:.35em 0 0}.article-head{display:flex;justify-content:space-between;gap:20px;align-items:start}.article-head p{margin:.2em 0}.group-bars{display:grid;grid-template-columns:1fr 1fr;gap:12px 22px}.group-row{display:grid;grid-template-columns:145px 1fr 92px;gap:10px;align-items:center}.bar{height:9px;background:#06140c;border-radius:99px;overflow:hidden}.bar span{display:block;height:100%;background:linear-gradient(90deg,var(--green),var(--lime));border-radius:inherit}.group-row small{text-align:right;color:var(--muted)}.property-columns>div{min-width:0}.property-item{border-color:#4e835f}.property-item .level{color:var(--gold);font-size:.76rem}.skill-paths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skill-path{background:#071a0f;border:1px solid rgba(65,116,78,.55);border-radius:14px;padding:14px}.skill-path.recommended{border-color:var(--green);background:rgba(137,232,95,.08)}.skill-path strong,.skill-path span{display:block}.skill-path span,.skill-path p{color:var(--muted);font-size:.83rem}.skill-path p{margin:.45em 0 0}.skill-path .tag{display:inline-flex;color:#061209;background:var(--green);border-radius:999px;padding:3px 7px;margin-bottom:7px;font-weight:900}.formation-fit-list,.squad-plan-list{display:grid;gap:10px}.formation-fit,.squad-plan{display:grid;grid-template-columns:175px 1fr 76px;gap:15px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.formation-fit:last-child,.squad-plan:last-child{border-bottom:0}.formation-fit strong,.squad-plan strong{font-size:1.03rem}.formation-fit p,.squad-plan p{margin:0;color:var(--muted)}.score{font-size:1.16rem;font-weight:950;color:var(--green);text-align:right}.all-stats{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.all-stats summary{cursor:pointer;font-weight:900;color:var(--green)}.stat-table-wrap{overflow-x:auto;margin-top:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:9px;border-bottom:1px solid rgba(65,116,78,.45)}th{color:var(--muted);font-size:.78rem}td:nth-child(2),td:nth-child(3){font-variant-numeric:tabular-nums}.owned-list{display:flex;flex-wrap:wrap;gap:9px}.owned-chip{display:flex;align-items:center;gap:9px;border:1px solid var(--line);background:#071a0f;border-radius:999px;padding:8px 9px 8px 13px}.owned-chip button{border:0;background:#1b4a2c;color:var(--text);width:24px;height:24px;border-radius:50%;cursor:pointer}.squad-warning{border-left:3px solid var(--gold);padding-left:14px;color:#d9e2dc;margin-bottom:10px}.squad-plan{grid-template-columns:190px 1fr 90px}.squad-plan .meta{font-size:.8rem;color:var(--green)}.method-note{border-color:rgba(241,200,77,.42)}.method-note h2{margin-top:0}.method-note p{margin-bottom:0;color:var(--muted)}footer{border-top:1px solid var(--line);color:var(--muted);padding:28px 0}footer .shell{display:flex;justify-content:space-between;gap:16px}dialog{max-width:560px;width:calc(100% - 32px);border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--text);box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.7)}dialog form{position:relative;padding:10px}dialog h2{margin:.2em 0}.dialog-close{position:absolute;right:0;top:0;border:0;background:transparent;color:var(--text);font-size:1.8rem;cursor:pointer}.dialog-facts{display:grid;gap:8px;margin:16px 0}.dialog-facts div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:7px}.dialog-facts span{color:var(--muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid rgba(200,242,73,.65);outline-offset:2px}
@media(max-width:900px){.facts{grid-template-columns:repeat(3,1fr)}.result-list{grid-template-columns:repeat(3,1fr)}.narrative-grid{grid-template-columns:1fr}.skill-paths{grid-template-columns:1fr 1fr}.group-bars{grid-template-columns:1fr}}
@media(max-width:700px){.header-inner{min-height:auto;padding:12px 0;flex-wrap:wrap}.brand{width:132px}.product-nav{order:3;width:100%;margin:0}.product-nav a{flex:1;text-align:center}.update-pill{margin-left:auto}.search-grid,.analysis-columns,.property-columns,.guide-copy{grid-template-columns:1fr}.result-list{grid-template-columns:1fr 1fr}.player-head,.section-heading{align-items:flex-start;flex-direction:column}.primary-action{width:100%}.formation-fit,.squad-plan{grid-template-columns:1fr}.score{text-align:left}.skill-paths{grid-template-columns:1fr}.facts{grid-template-columns:1fr 1fr}.data-note{white-space:normal}.article-head{display:block}footer .shell{display:grid}}
@media(max-width:440px){.shell{width:min(100% - 22px,1180px)}main{padding-top:30px}.result-list{grid-template-columns:1fr}.facts,.role-verdict{grid-template-columns:1fr}.search-panel,.position-guide,.player-review,.owned-section,.squad-plans,.method-note{border-radius:18px;padding:18px}.group-row{grid-template-columns:116px 1fr 72px;font-size:.85rem}.update-pill strong{display:none}}

footer .shell{align-items:center;flex-wrap:wrap}
footer a{color:var(--green);font-weight:850;text-decoration:none}
footer a:hover{text-decoration:underline}