body {font-family: Arial, Helvetica, sans-serif;background: #e2f3be;color: #37441A;margin: 0;padding: 0;}.container {max-width: 900px;margin: 40px auto;padding: 20px;background: #f5f5f5;border-radius: 12px;box-shadow: 0 10px 25px rgba(0,0,0,0.08);}h1, h2, h3, h4, h5, h6 {Text-align : center;font-family : "Palatino Linotype", "Book Antiqua", Palatino, serif;letter-spacing : 0.10em;line-height:1.5em;font-style : oblique;text-transform : uppercase;}h1::first-letter {font-weight : 900;font-size : 1.5em;}.intro {text-align: center;margin: 25px 0 35px;line-height: 1.6;color: #37441A;}.grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 12px;justify-items: center;}.cell {width: 100%;max-width: 110px;aspect-ratio: 1 / 1;border-radius: 12px;background: #EFDCF7;display: flex;align-items: center;justify-content: center;transition: transform 0.15s ease, box-shadow 0.15s ease, background 0.15s ease;cursor: pointer;}.cell a {display: block;width: 100%;height: 100%;text-decoration: none;color: #3b2f23;font-weight: 600;font-size: 1.1rem;letter-spacing: 0.06em;text-align: center;line-height: 110px;}.cell:hover {background: #e2f3be;transform: translateY(-2px);box-shadow: 0 6px 14px rgba(0,0,0,0.12);}.result {margin-top: 40px;padding: 30px;background: #ffffff;border-radius: 16px;box-shadow: 0 12px 28px rgba(0,0,0,0.12);border: 1px solid #e8dfd2;opacity: 0;transform: translateY(20px);transition: opacity 0.5s ease, transform 0.5s ease;}.result.show {opacity: 1;transform: translateY(0);}.mot {font-size: 2rem;font-weight: 600;color: #3b2f23;text-align: center;margin-bottom: 15px;letter-spacing: 0.03em;}.guidance {background : snow;font-size: 1.2rem; font-style:italic;color: #37441A;line-height: 1.7;text-align: center;max-width: 600px;margin: 0 auto 20px;}.reset-btn {display: block;margin: 50px auto 0;padding: 12px 24px;background: purple;border: none;border-radius: 8px;font-size: 1rem;color: white;cursor: pointer;transition: 0.2s;}.reset-btn:hover {background: #63ce57;}.hidden {display: none;}.footer-text {margin-top: 35px;text-align: center;font-size: 0.98rem;color: #7a6a55;line-height: 1.6;}.last-row {grid-column: 2 / span 4;display: grid;grid-template-columns: repeat(3, 1fr);gap: 12px;width: 100%;}@media (max-width: 640px) {.grid {grid-template-columns: repeat(3, 1fr);}.last-row {grid-column: 1 / span 3;}.cell a {line-height: 80px;}}