.mode-card{--mc:var(--color-accent);position:relative;flex:1;display:flex;flex-direction:column;padding:clamp(22px,2.2vw,30px);overflow:hidden;border:1px solid var(--color-border);border-radius:var(--card-radius);background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px 0 rgba(255,255,255,.08);transition:transform .3s var(--ease-out),border-color .3s var(--ease-out),background .3s var(--ease-out),box-shadow .3s var(--ease-out)}.mode-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--mc) 45%,var(--color-border));background:rgba(255,255,255,.07);box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 26px 52px -30px rgba(0,0,0,.82);--draw:1}.mode-card.is-solid{background:var(--color-surface);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.05),0 18px 40px -30px rgba(0,0,0,.7)}.mode-card.is-solid:hover{background:var(--color-surface);box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 26px 54px -32px rgba(0,0,0,.78)}.mode-card-head{display:flex;gap:14px}.mode-card-head,.mode-card-ico{align-items:center;flex-shrink:0}.mode-card-ico{display:inline-flex;justify-content:center}.mode-card-glyph{width:26px;height:26px;background:var(--color-faint);-webkit-mask:var(--ico) center /contain no-repeat;mask:var(--ico) center /contain no-repeat;transition:background .3s var(--ease-out),filter .3s var(--ease-out)}.mode-card:hover .mode-card-glyph{background:var(--mc);filter:drop-shadow(0 0 7px color-mix(in srgb,var(--mc) 45%,transparent))}.mode-card-index{margin-left:auto;font-size:var(--text-h3);font-weight:600;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;color:color-mix(in srgb,var(--mc) 46%,transparent);transition:color .3s var(--ease-out)}.mode-card:hover .mode-card-index{color:color-mix(in srgb,var(--mc) 68%,transparent)}.mode-card-title{font-size:var(--text-h3);font-weight:600;letter-spacing:-.01em;line-height:1.2;color:var(--color-fg)}.mode-card-title--head{margin:0}.mode-card-body{margin-top:10px;font-size:var(--text-body);line-height:1.55;color:var(--color-muted)}.mode-card-foot{margin-top:clamp(20px,2.1vw,26px);padding-top:clamp(16px,1.7vw,20px);border-top:1px solid var(--color-border)}@media (min-width:768px){.mode-card-foot{margin-top:auto}}.mode-card-checks{display:flex;flex-direction:column;gap:9px}.mode-card-check-row{display:flex;align-items:center;gap:10px;font-size:var(--text-small);color:var(--color-muted)}.mode-card-check{flex-shrink:0;width:15px;height:15px;color:var(--mc)}