.merit-stats{display:flex;justify-content:center;gap:40px;padding:20px;margin-bottom:20px;background:linear-gradient(135deg,#f5f0e8 0,#e8e0d5 100%);border-radius:12px;box-shadow:0 2px 8px rgba(139,69,19,0.1)}.merit-today,.merit-total{display:flex;flex-direction:column;align-items:center;padding:15px 30px;background:white;border-radius:10px;box-shadow:0 2px 6px rgba(0,0,0,0.08);min-width:140px}.merit-label{font-size:14px;color:#8B4513;margin-bottom:8px;font-weight:500}.merit-value{font-size:36px;font-weight:bold;color:#D4A574;font-family:'Georgia',serif;transition:transform 0.2s ease}.merit-value.bump{animation:meritBump 0.3s ease}@keyframes meritBump{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}.wooden-fish-container{position:relative;display:flex;justify-content:center;align-items:center;padding:40px;margin:20px 0}.wooden-fish{position:relative;width:220px;height:220px;cursor:pointer;transition:transform 0.1s ease}.wooden-fish:hover{transform:scale(1.02)}.wooden-fish:active,.wooden-fish.hitting{transform:scale(0.95)}.fish-svg{width:100%;height:100%;filter:drop-shadow(0 8px 16px rgba(139,69,19,0.3))}.fish-body{transition:fill 0.1s ease}.wooden-fish.hitting .fish-body{fill:#9B5523}.mallet{transform-origin:161px 90px;transition:transform 0.08s ease}.wooden-fish.hitting .mallet{transform:rotate(-20deg)}.hit-hint{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);font-size:13px;color:#A0522D;opacity:0.7;transition:opacity 0.3s ease}.wooden-fish:hover .hit-hint{opacity:1}.merit-float-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.merit-float{position:absolute;left:50%;top:40%;transform:translateX(-50%);font-size:28px;font-weight:bold;color:#D4A574;text-shadow:0 2px 4px rgba(139,69,19,0.3);animation:floatUp 1.2s ease-out forwards;pointer-events:none;white-space:nowrap}@keyframes floatUp{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}50%{opacity:1;transform:translateX(-50%) translateY(-40px) scale(1.1)}100%{opacity:0;transform:translateX(-50%) translateY(-80px) scale(0.9)}}.merit-per-hit{display:flex;justify-content:center;align-items:center;gap:10px;margin:15px 0;font-size:14px;color:#666}.merit-select{width:auto;min-width:100px}.control-panel{background:#f9f7f4;border-radius:12px;padding:20px;margin:20px 0}.control-row{display:flex;align-items:center;margin-bottom:15px;flex-wrap:wrap;gap:10px}.control-row:last-child{margin-bottom:0}.control-label{min-width:110px;font-weight:500;color:#5D2E0C}.sound-options,.auto-hit-options{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.radio-label,.checkbox-label{display:flex;align-items:center;gap:5px;cursor:pointer;padding:6px 12px;border-radius:6px;transition:background-color 0.2s ease}.radio-label:hover,.checkbox-label:hover{background-color:rgba(139,69,19,0.08)}.radio-label input,.checkbox-label input{accent-color:#8B4513}.speed-select{width:auto;min-width:150px}.speed-select:disabled{opacity:0.5;cursor:not-allowed}.auto-hit-active{color:#8B4513;font-weight:600}.auto-hit-active::before{content:'• ';color:#4CAF50;animation:pulse 1s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:0.4}}.volume-control{display:flex;align-items:center;gap:10px;flex:1;max-width:300px}.volume-control input[type="range"]{flex:1;height:6px;border-radius:3px;background:#ddd;outline:none;-webkit-appearance:none}.volume-control input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#8B4513;cursor:pointer;box-shadow:0 2px 4px rgba(0,0,0,0.2)}.volume-value{min-width:45px;text-align:right;color:#666;font-size:14px}.ai-wisdom-panel{background:linear-gradient(135deg,#faf8f5 0,#f5f0e8 100%);border:1px solid #e8e0d5;border-radius:12px;padding:20px;margin:25px 0}.wisdom-header{display:flex;align-items:center;gap:8px;margin-bottom:15px}.wisdom-icon{font-size:24px}.wisdom-title{font-size:18px;font-weight:600;color:#5D2E0C}.wisdom-input-row{display:flex;gap:10px}.wisdom-input{flex:1}.wisdom-btn{white-space:nowrap;background:linear-gradient(135deg,#8B4513 0,#A0522D 100%);border-color:#8B4513}.wisdom-btn:hover{background:linear-gradient(135deg,#9B5523 0,#B0623D 100%)}.wisdom-btn:disabled{opacity:0.6;cursor:not-allowed}.wisdom-result{margin-top:20px;padding:20px;background:white;border-radius:10px;border-left:4px solid #D4A574;animation:fadeIn 0.5s ease}.wisdom-content{font-size:16px;line-height:1.8;color:#5D2E0C;font-style:italic}.wisdom-loading{text-align:center;padding:20px;color:#8B4513}.loading-text{display:inline-block}.loading-text .dot{animation:dotPulse 1.4s infinite ease-in-out both}.loading-text .dot:nth-child(1){animation-delay:0s}.loading-text .dot:nth-child(2){animation-delay:0.2s}.loading-text .dot:nth-child(3){animation-delay:0.4s}@keyframes dotPulse{0%,80%,100%{opacity:0.3}40%{opacity:1}}@keyframes fadeIn{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.action-buttons{display:flex;justify-content:center;gap:15px;margin:20px 0}.secondary-btn{background:#f5f0e8;color:#5D2E0C;border:1px solid #d4c4b0}.secondary-btn:hover{background:#ebe3d8}.shortcuts-info{text-align:center;padding:10px;color:#999}.error{background:#fff5f5;border:1px solid #fcc;border-radius:8px;padding:15px;margin-top:20px}.error h3{color:#c00;margin-bottom:10px}.error p{color:#900}@media (max-width:768px){.merit-stats{flex-direction:column;gap:15px}.merit-today,.merit-total{width:100%}.wooden-fish{width:180px;height:180px}.control-row{flex-direction:column;align-items:flex-start}.control-label{margin-bottom:8px}.sound-options,.auto-hit-options{width:100%}.volume-control{width:100%;max-width:none}.wisdom-input-row{flex-direction:column}.action-buttons{flex-direction:column}.action-buttons .button{width:100%}}@media (prefers-color-scheme:dark){.merit-stats{background:linear-gradient(135deg,#2a2520 0,#1f1a15 100%)}.merit-today,.merit-total{background:#2a2520}.merit-label{color:#D4A574}.control-panel{background:#2a2520}.control-label{color:#D4A574}.ai-wisdom-panel{background:linear-gradient(135deg,#2a2520 0,#1f1a15 100%);border-color:#3a3025}.wisdom-result{background:#2a2520}.wisdom-content{color:#D4A574}.secondary-btn{background:#2a2520;color:#D4A574;border-color:#3a3025}.secondary-btn:hover{background:#3a3025}}