/* はじめの3歩: the new player's next step on the home screen. */
.first-steps{position:relative;margin:0 0 18px;padding:18px 20px 16px;border:1px solid #f580d166;border-radius:14px;background:radial-gradient(120% 140% at 0 0,#3a1640 0,#141a33 55%,#0c1328 100%);box-shadow:0 0 0 1px #ffffff08 inset,0 14px 34px #0007;color:#f4edff}
.first-steps header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.first-steps small{font:11px ui-monospace,monospace;letter-spacing:1.4px;color:#ffade5}
.first-steps h2{margin:6px 0 0;font:700 22px/1.3 var(--serif,serif)}
.fs-close{flex:none;width:34px;height:34px;border:1px solid #ffffff22;border-radius:50%;background:#0006;color:#d9cce8;font-size:18px;line-height:1;cursor:pointer}
.fs-close:hover{border-color:#89d4ff;color:#fff}
.fs-body{margin:8px 0 14px;font-size:13px;line-height:1.7;color:#d6cbe4}
.fs-go{display:flex;width:100%;min-height:52px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:10px;background:linear-gradient(135deg,#ff4fa8,#e0316f);color:#fff;font:700 16px var(--sans,sans-serif);text-decoration:none;cursor:pointer;box-shadow:0 8px 22px #ff3d8f44}
.fs-go:hover{filter:brightness(1.08)}.fs-go:focus-visible,.fs-close:focus-visible{outline:2px solid #80dfff;outline-offset:3px}
.fs-go svg{width:18px;height:18px}
.fs-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:14px 0 0;padding:0;list-style:none}
.fs-steps li{display:flex;align-items:center;gap:7px;min-width:0;padding:8px;border-radius:9px;background:#ffffff0a;font-size:11px;color:#b9b0cc}
.fs-steps li span{flex:none;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;border:1px solid #ffffff33;font:700 11px var(--sans,sans-serif)}
.fs-steps li b{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fs-steps li small{margin-left:auto;font-size:10px;color:#8fe3b0;letter-spacing:0}
.fs-steps li.done span{border-color:#8fe3b0;background:#1f4d38;color:#c9ffe0}
.fs-steps li.now{background:#ff4fa81f;color:#fff}.fs-steps li.now span{border-color:#ff8fc8;background:#ff4fa8;color:#fff}
.mobile-lounge .first-steps{margin:14px 14px 16px}
@media(max-width:520px){.first-steps{padding:15px 14px 13px}.first-steps h2{font-size:19px}.fs-steps{gap:5px}.fs-steps li{flex-direction:column;align-items:flex-start;gap:4px;padding:7px 6px}.fs-steps li b{white-space:normal;font-size:10px;line-height:1.3}.fs-steps li small{margin-left:0}}