.player-intro { max-width: 760px; color: var(--muted, #b7b1a9); line-height: 1.8; }
.player-links { display: flex; flex-wrap: wrap; gap: 12px 24px; margin: 24px 0; }
.player-panels { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 28px 0; }
.player-panel { border: 1px solid var(--line, #3d3633); padding: 24px; background: rgba(255,255,255,.025); }
.player-panel h2, .player-panel h3 { margin-top: 0; }
.player-panel p { line-height: 1.7; }
.player-panel .step-no { display:block; font-size: 36px; color: var(--red, #db493a); margin-bottom: 20px; }
.player-filters { display:flex; flex-wrap:wrap; gap:16px; margin:24px 0; }
.player-filters label { display:flex; flex-direction:column; gap:8px; flex:1 1 160px; }
.player-filters input, .player-filters select { width:100%; min-height:46px; color:inherit; background:#1c1a19; border:1px solid #59504b; border-radius:4px; padding:10px 12px; font:inherit; }
.player-button { font:inherit; color:inherit; background:#292422; border:1px solid #6b5c52; border-radius:4px; padding:10px 18px; cursor:pointer; }
.player-button:disabled { opacity:.6; cursor:wait; }
.player-button:focus-visible, .player-filters :focus-visible, .equipment-card a:focus-visible { outline:2px solid #eea463; outline-offset:4px; }
.equipment-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(240px,1fr)); gap:16px; }
.equipment-card { display:flex; flex-direction:column; gap:14px; padding:20px; border:1px solid var(--line,#453c36); background:#1b1918; }
.equipment-card-head { display:flex; align-items:center; gap:14px; }
.equipment-card img { width:48px; height:48px; image-rendering:auto; background:#111; border-radius:4px; }
.equipment-card h2 { font-size:17px; line-height:1.5; margin:0; }
.equipment-card p { margin:0; color:#bbb2aa; font-size:14px; }
.equipment-card a { margin-top:auto; }
.equipment-tier { font-size:12px; letter-spacing:.12em; color:#e3a16d; }
.player-status { padding:14px 0; color:#bbb2aa; min-height:50px; }
.player-status.is-error { color:#f5be95; }
.ranking-scroll { overflow:auto; margin:18px 0 32px; }
.ranking-table { border-collapse:collapse; width:100%; text-align:left; }
.ranking-table caption { text-align:left; margin:12px 0; color:#c5b9ae; }
.ranking-table th, .ranking-table td { border-bottom:1px solid #433a33; padding:14px; white-space:nowrap; }
.ranking-table th { color:#e3a16d; font-size:13px; }
.player-faq details { border-bottom:1px solid #433a33; padding:18px 0; max-width:850px; }
.player-faq summary { cursor:pointer; font-weight:700; }
.player-faq p { color:#c5b9ae; line-height:1.8; }
@media (max-width:760px) { .player-panels { grid-template-columns:1fr; } .player-panel { padding:20px; } .player-links { gap:12px 18px; } }