.l3{--ink:#eef0f5;--mut:#a3a8b8;--line:rgba(255,255,255,.1);--gold:#d6a13a;color:var(--ink);background:radial-gradient(ellipse at 30% 45%,#171a2a 0,#0c0c12 65%);border-radius:24px;margin-top:40px;padding:64px 64px 56px}
.l3 *{box-sizing:border-box}
.l3-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:72px;align-items:start}
.l3-mid{display:flex;flex-direction:column;align-items:center;position:sticky;top:96px}
.l3-canvas{position:relative;width:100%;max-width:600px;aspect-ratio:602/666}
.l3-canvas img{width:100%;height:auto;display:block;transition:opacity .5s}
.l3-canvas canvas{position:absolute;inset:0;width:100%!important;height:100%!important}
.l3-canvas.is-3d img{opacity:0}
.l3-hint{color:var(--mut);font-size:14px;margin:12px 0 0}
.l3-kick{color:var(--gold);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin:0 0 16px}
.l3-acc{border-top:1px solid var(--line)}
.l3-row{border-bottom:1px solid var(--line)}
.l3-row summary{list-style:none;cursor:pointer;display:grid;grid-template-columns:80px 1fr;column-gap:16px;padding:18px 4px}
.l3-row summary::-webkit-details-marker{display:none}
.l3-n{color:var(--mut);font-size:13px;padding-top:4px;grid-row:span 2}
.l3-t{font-size:20px;font-weight:600;line-height:1.3}
.l3-tr{color:var(--mut);font-size:14px;margin-top:2px}
.l3-row[open] .l3-n,.l3-row[open] .l3-t{color:var(--gold)}
.l3-row summary:hover .l3-t{color:#fff}
.l3-row summary:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:6px}
.l3-more{padding:0 4px 22px 100px;color:#cfd3de;font-size:15px;line-height:1.6}
.l3-more p{margin:0 0 14px}
.l3-links{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.l3-links a{display:inline-block;border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:6px 14px;color:var(--ink);text-decoration:none;font-size:14px}
.l3-links a:hover{border-color:var(--gold);color:var(--gold)}
.l3-rel{display:grid;gap:6px;margin:0;font-size:14px}.l3-rel div{display:grid;grid-template-columns:70px 1fr;gap:8px}.l3-rel dt{color:var(--mut)}.l3-rel dd{margin:0}
.l3-close{color:var(--mut);font-size:14px;line-height:1.6;margin:22px 0 0;max-width:46ch}
@media (max-width:1100px){.l3{padding:48px 32px}.l3-grid{gap:40px}}
@media (max-width:900px){.l3-mid{position:static}.l3{padding:32px 20px;border-radius:18px}.l3-grid{grid-template-columns:1fr;gap:24px}.l3-canvas{max-width:340px;aspect-ratio:auto}.l3-hint{display:none}.l3-more{padding-left:4px}.l3-row summary{grid-template-columns:64px 1fr}}