.mode-start{color:#173a41;max-width:1120px;margin:clamp(14px,3vw,42px) auto clamp(12px,2vw,28px)}.mode-start h1{font:600 clamp(29px, 3.2vw, 44px)/1.12 var(--font-display);letter-spacing:-.045em;margin:0 0 clamp(18px,2.8vw,32px)}.mode-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.6vw,22px);display:grid}.start-mode-card{--art-paper:#e6f2ed;--art-ink:#277361;min-width:0;color:inherit;background:#fff;border:1px solid #cfdcda;border-radius:15px;flex-flow:column;text-decoration:none;transition:border-color .16s,box-shadow .16s;display:flex;position:relative;overflow:hidden}.start-mode-card--specialist{--art-paper:#f0edf7;--art-ink:#77619b}.start-mode-card--duel{--art-paper:#e9f0f7;--art-ink:#416c92}.start-mode-card:hover,.start-mode-card:focus-visible{border-color:var(--art-ink);box-shadow:0 4px 16px #173e4711}.start-mode-card:focus-visible{outline-offset:3px;outline:3px solid #4c9186}.mode-figure{background:var(--art-paper);color:var(--art-ink);border-bottom:1px solid #183a3610}.mode-art{width:100%;height:clamp(80px,8.5vw,118px);display:block}.mode-copy{padding:17px 23px 25px}.mode-area{color:var(--art-ink);font-size:12px;font-weight:650}.mode-copy h2{font:600 clamp(21px, 1.9vw, 27px)/1.22 var(--font-display);letter-spacing:-.04em;overflow-wrap:break-word;margin:5px 0 8px}.mode-copy p{font:400 15px/1.5 var(--font-sans);color:#4c646b;max-width:34ch;margin:0}.mode-arrow{color:var(--art-ink);display:block;position:absolute;top:12px;right:14px}@media (width<=820px){.mode-start{max-width:640px;margin:10px auto 6px}.mode-deck{grid-template-columns:1fr;gap:10px}.start-mode-card{border-radius:12px;grid-template-columns:102px minmax(0,1fr) 26px;align-items:center;display:grid}.mode-figure{border:0;border-right:1px solid #183a3610;grid-template-columns:minmax(0,1fr);place-items:center;height:100%;display:grid;overflow:hidden}.mode-art{min-width:185px;height:100%;max-height:135px}.mode-copy{padding:12px 12px 14px 16px}.mode-copy h2{margin:1px 0 4px;font-size:22px}.mode-copy p{max-width:46ch;font-size:14px;line-height:1.4}.mode-arrow{position:static}.mode-area{font-size:11px}}@media (width<=470px){.start-mode-card{grid-template-columns:57px minmax(0,1fr) 21px}.mode-art{min-width:154px}.mode-copy{padding:12px 6px 13px 12px}.mode-copy h2{font-size:20px}.mode-arrow{width:15px}.mode-copy p{font-size:13px}.mode-start h1{margin-bottom:16px;font-size:29px}}@media (prefers-reduced-motion:reduce){.start-mode-card{transition:none}}