.game-container[data-v-7e6a1539]{max-width:500px;margin:0 auto;padding:16px}header[data-v-7e6a1539]{border-bottom:1px solid #d3d6da;padding-bottom:16px;margin-bottom:24px;text-align:center;position:relative}h1[data-v-7e6a1539]{font-size:36px;font-weight:700;margin:0;letter-spacing:.2rem}.date-label[data-v-7e6a1539]{color:#787c7e;font-size:14px;margin-top:4px}.stats-container[data-v-7e6a1539]{display:flex;align-items:center;justify-content:center;margin-bottom:24px;gap:24px;flex-wrap:wrap}.stat-box[data-v-7e6a1539]{display:flex;flex-direction:column;align-items:center;background:#f3f3f3;padding:8px 16px;border-radius:8px}.stat-number[data-v-7e6a1539]{font-size:24px;font-weight:700;color:#202020}.stat-label[data-v-7e6a1539]{font-size:14px;color:#787c7e;text-transform:uppercase}.message[data-v-7e6a1539]{text-align:center;padding:16px;font-size:14px;border-radius:8px;min-width:200px}.success[data-v-7e6a1539]{background:#c9f7c9;font-size:16px;color:#1a651a}.hint[data-v-7e6a1539],.perfect[data-v-7e6a1539]{display:block;font-size:16px;margin-top:4px}.perfect[data-v-7e6a1539]{color:#1a651a}.button-container[data-v-7e6a1539]{display:flex;gap:8px}.fieldcontainer[data-v-7e6a1539]{display:grid;row-gap:0;width:300px;margin:16px auto;text-align:center}.fieldcontainer div[data-v-7e6a1539]{aspect-ratio:1;transition:all .3s ease;background-clip:content-box}.fieldcontainer div>div[data-v-7e6a1539]{transition:background-color .5s ease,transform .3s ease}.fieldcontainer button[data-v-7e6a1539]{margin:20%;height:60%;width:60%;background:#ccf;color:#555;border:none;font-weight:700}.actionbutton[data-v-7e6a1539]{height:60px;width:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ccf;color:#303030;border:none;gap:2px}.button-label[data-v-7e6a1539]{font-size:12px}button[data-v-7e6a1539]{background-color:#ccf;border:0;margin:0;font-size:16px;border-radius:2px;align-items:center;padding:0}button[data-v-7e6a1539]:disabled{opacity:.7;cursor:not-allowed}button[data-v-7e6a1539]:disabled:hover{background-color:#ccf;opacity:.7}button[data-v-7e6a1539]:disabled:active{transform:none}h3[data-v-7e6a1539]{margin:24px 0 8px;color:#202020}@media(hover:hover){button[data-v-7e6a1539]:hover{background-color:#cfc;transition-duration:.2s;opacity:.9}}button[data-v-7e6a1539]:active{transform:scale(.9);transition-duration:50ms}.modal-overlay[data-v-7e6a1539]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.modal[data-v-7e6a1539]{background:#fff;padding:24px;border-radius:24px;box-shadow:0 4px 24px rgba(0,0,0,.2);font-size:16px;max-width:90%;animation:modal-appear-7e6a1539 .3s ease;position:relative}@keyframes modal-appear-7e6a1539{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.close-button[data-v-7e6a1539]{position:absolute;right:20px;top:20px;background:none;border:none;font-size:30px;cursor:pointer;color:#666;padding:5px 10px}.close-button[data-v-7e6a1539]:hover{color:#000;background:none}.copy-button[data-v-7e6a1539]{margin-top:16px;padding:8px 16px;background:#4caf50;color:#fff;border-radius:4px;font-size:14px;cursor:pointer}.copy-button[data-v-7e6a1539]:hover{background:#45a049}.help-button[data-v-7e6a1539]{position:absolute;right:16px;top:16px;width:32px;height:32px;border-radius:50%;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;background:#ccf;color:#303030}.rules-modal[data-v-7e6a1539]{max-width:600px;width:90%}.rules-modal h2[data-v-7e6a1539]{margin-top:0;color:#202020}.rules-content[data-v-7e6a1539]{font-size:16px;line-height:1.5;color:#404040;text-align:left}.rules-content ol[data-v-7e6a1539]{padding-left:20px;margin-top:12px}.rules-content li[data-v-7e6a1539]{margin-bottom:8px}.red-cell[data-v-7e6a1539],.white-cell[data-v-7e6a1539]{display:inline-block;height:12px;width:12px;border-radius:4px}.white-cell[data-v-7e6a1539]{background-color:#fff;border:1px solid #ccc}.red-cell[data-v-7e6a1539]{background-color:#fcc;border:1px solid #f99}.header-buttons[data-v-7e6a1539]{position:absolute;right:16px;top:16px;display:flex;gap:8px}.help-button[data-v-7e6a1539],.info-button[data-v-7e6a1539]{width:32px;height:32px;border-radius:50%;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;background:#ccf;color:#303030;position:static}.info-modal[data-v-7e6a1539]{max-width:500px;width:90%}.info-content[data-v-7e6a1539]{font-size:16px;line-height:1.5;color:#404040;text-align:left}.info-content a[data-v-7e6a1539]{color:#1a73e8;text-decoration:none}.info-content a[data-v-7e6a1539]:hover{text-decoration:underline}#app{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#2c3e50;margin-top:3vh}