*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#1e3c72,#2a5298);color:#f0f4f8;min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:2rem 1rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.explain{width:100%;background:#ffffff1a;border-radius:12px;padding:2rem 2.5rem;box-shadow:0 8px 24px #0003;margin-bottom:2.5rem;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;gap:1rem}.header{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.header h1{font-weight:700;font-size:2rem;letter-spacing:1px;color:#e0e7ff;margin:0}.scoreShow{display:flex;flex-direction:column;align-items:flex-end;font-weight:700;gap:.3rem}.scoreShow p{margin:0;font-weight:700;font-size:1.1rem;color:#c7d2fe}.explain h2{font-weight:500;font-size:1.2rem;color:#d1d5db;margin-top:0}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:2.5rem;max-width:1200px;width:100%;justify-items:center}@media (max-width: 1024px){.board{grid-template-columns:repeat(3,1fr);gap:2rem}}@media (max-width: 930px){.board{grid-template-columns:repeat(2,1fr);gap:1.5rem}.header{flex-direction:column;align-items:center;text-align:center}.scoreShow{align-items:center}.header h1{font-size:1.6rem}.scoreShow p{font-size:1rem}.explain h2{font-size:1rem;text-align:center}}@media (max-width: 480px){.board{grid-template-columns:repeat(1,1fr);gap:1rem}.header{flex-direction:column;align-items:center;text-align:center}.scoreShow{align-items:center}.header h1{font-size:1.6rem}.scoreShow p{font-size:1rem}.explain h2{font-size:1rem;text-align:center}}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:#1e3c72}body::-webkit-scrollbar-thumb{background:#2a5298;border-radius:4px}._card_4k5pn_2{background:#fff1;border-radius:1rem;box-shadow:0 4px 8px #ffffff1a,inset 0 0 0 1px #ffffff26;padding:1.5rem;display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:280px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1);will-change:transform,box-shadow}._card_4k5pn_2:hover,._card_4k5pn_2:focus-visible{transform:translateY(-12px) scale(1.03);box-shadow:0 12px 24px #ffffff4d,inset 0 0 0 1px #ffffff40;outline:none}._card_4k5pn_2:active{transform:translateY(-4px) scale(.98);box-shadow:0 8px 12px #fff6,inset 0 0 0 1px #ffffff4d}._image_4k5pn_40{width:100%;aspect-ratio:4 / 3;border-radius:1rem;object-fit:cover;box-shadow:0 8px 20px #0000004d;transition:transform .4s ease}._card_4k5pn_2:hover ._image_4k5pn_40,._card_4k5pn_2:focus-visible ._image_4k5pn_40{transform:scale(1.08)}._cardName_4k5pn_56{font-weight:700;font-size:1.15rem;color:#fefefe;text-align:center;text-shadow:0 0 5px rgba(0,0,0,.6);-webkit-user-select:none;user-select:none}@media (max-width: 1024px){._card_4k5pn_2{max-width:240px;padding:1.2rem}._cardName_4k5pn_56{font-size:1.05rem}}@media (max-width: 768px){._card_4k5pn_2{max-width:200px;padding:1rem}._cardName_4k5pn_56{font-size:1rem}}@media (max-width: 480px){._card_4k5pn_2{max-width:100%;padding:.8rem}._cardName_4k5pn_56{font-size:.95rem}}