.hero-scene3-wrap{width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.hero-scene3-card{position:relative;background:#fff;border-radius:18px;box-shadow:0 28px 70px -20px #0060b738,0 6px 18px #0000000d;padding:24px 28px;overflow:hidden}.hero-scene3-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid #eef2f7}.hero-scene3-header-left{display:flex;align-items:center;gap:14px;min-width:0;flex:1}.hero-scene3-skill-code{font-weight:700;color:#0060b7;font-size:15px;background:#e6f0fa;padding:6px 14px;border-radius:8px;flex-shrink:0;white-space:nowrap}.hero-scene3-header-text{display:flex;flex-direction:column;gap:2px;min-width:0}.hero-scene3-header-text h3{margin:0;font-size:16px;font-weight:700;color:#1f2a44;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero-scene3-header-sub{font-size:12px;color:#566;font-weight:500}.hero-scene3-mastered-btn{all:unset;display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:8px;background:#fff;border:1.5px solid #dce4ef;color:#566;font-size:13px;font-weight:700;white-space:nowrap;flex-shrink:0;transition:all .25s}.hero-scene3-mastered-btn.is-pulsing{background:#2eae60;border-color:#2eae60;color:#fff;box-shadow:0 4px 16px #2eae6059;transform:translateY(-1px)}.hero-scene3-mastered-btn svg{flex-shrink:0}.hero-scene3-legend{display:flex;gap:16px;font-size:11px;color:#566;font-weight:500;margin-bottom:14px;flex-wrap:wrap}.hero-scene3-legend-item{display:inline-flex;align-items:center;gap:6px}.hero-scene3-swatch{display:inline-block;width:10px;height:10px;border-radius:2px}.hero-scene3-swatch--selected{background:#39538B}.hero-scene3-swatch--mastered{background:#B01430}.hero-scene3-swatch--initial{background:#FFD964}.hero-scene3-grid{position:relative;overflow-x:auto}.hero-scene3-grid table{width:100%;border-collapse:separate;border-spacing:4px 4px;min-width:620px}.hero-scene3-grid th{font-weight:700;color:#39538b;text-align:center;padding:4px 2px;font-size:11px}.hero-scene3-daycell{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1.1}.hero-scene3-daycell strong{font-size:14px;color:#1f2a44}.hero-scene3-daycell span{font-size:10px;color:#8690a4;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.hero-scene3-rowlabel-h{width:34px}.hero-scene3-rowlabel{text-align:center;font-weight:700;color:#39538b;font-size:13px;width:34px;padding:4px 2px;background:#f4f6fa;border-radius:6px}.hero-scene3-grid td:not(.hero-scene3-rowlabel){padding:0;text-align:center}.hero-scene3-cell{display:block;width:100%;height:34px;line-height:34px;text-align:center;background:#eef2f7;color:#a6b0c0;border-radius:6px;font-size:12px;font-weight:600;transition:all .35s cubic-bezier(.22,1,.36,1);cursor:pointer}.hero-scene3-cell.is-selected{background:#39538B;color:#fff;transform:scale(1.05);box-shadow:0 3px 10px #39538b59}.hero-scene3-cell.is-mastered{background:#B01430;color:#fff;transform:scale(1.05);box-shadow:0 3px 10px #b0143059}.hero-scene3-cursor{position:absolute;top:0;left:0;width:24px;height:24px;pointer-events:none;opacity:0;z-index:10;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M5 3l14 8-6 2-2 6-6-16z' fill='%231f2a44' stroke='white' stroke-width='1.2' stroke-linejoin='round'/></svg>");background-size:contain;background-repeat:no-repeat;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));transition:transform .32s cubic-bezier(.4,0,.2,1),opacity .25s ease}@media (max-width: 899px){.hero-scene3-card{padding:16px}.hero-scene3-header-text h3{font-size:14px}.hero-scene3-mastered-btn{padding:6px 10px;font-size:11px}.hero-scene3-mastered-btn span{display:none}.hero-scene3-cell{height:28px;line-height:28px;font-size:11px}.hero-scene3-cursor{display:none}}