.game-layout.svelte-1k837xk{display:flex;flex-direction:column;gap:24px;width:100%}.play-field-area.svelte-1k837xk{width:100%}.bottom-area.svelte-1k837xk{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}.yaku-area.svelte-1k837xk{min-height:0;overflow:hidden}@media(max-width:900px){.game-layout.svelte-1k837xk{gap:16px}.bottom-area.svelte-1k837xk{grid-template-columns:1fr 300px;gap:16px}}@media(max-width:768px){.bottom-area.svelte-1k837xk{grid-template-columns:1fr;gap:16px}}@media(max-width:480px){.game-layout.svelte-1k837xk,.bottom-area.svelte-1k837xk{gap:12px}}.tile.svelte-1ctu6qg{--tile-width: 36px;--tile-height: 48px;--border-radius: 4px;position:relative;width:var(--tile-width);height:var(--tile-height);background:linear-gradient(135deg,#fff,#f0f0f0);border:2px solid #999;border-radius:var(--border-radius);box-shadow:2px 2px 4px #0000004d,inset 0 1px #fffc;display:flex;align-items:center;justify-content:center;font-family:Noto Sans JP,sans-serif;-webkit-user-select:none;user-select:none;flex-shrink:0}.tile-face.svelte-1ctu6qg{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;position:relative}.tile-char.svelte-1ctu6qg{font-size:24px;font-weight:700;color:var(--tile-color);line-height:1}.tile-char.red-five.svelte-1ctu6qg{color:#c41e3a}.tile-number.svelte-1ctu6qg{position:absolute;top:2px;right:3px;font-size:9px;font-weight:700;color:var(--tile-color);opacity:.8}.tile-number.red-five.svelte-1ctu6qg{color:#c41e3a}.tile-wind-letter.svelte-1ctu6qg{position:absolute;top:2px;right:3px;font-size:9px;font-weight:700;color:#333;opacity:.8}.pin-container.svelte-1ctu6qg{display:grid;gap:1px;padding:2px;margin-top:6px}.pin-circle.svelte-1ctu6qg{width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#4da6ff,#1e90ff 60%,#06c);box-shadow:inset 0 -1px 2px #0000004d}.pin-container.red-five.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){background:radial-gradient(circle at 30% 30%,#f66,#c41e3a 60%,#8b0000)}.pin-1.svelte-1ctu6qg{grid-template-columns:1fr}.pin-1.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:16px;height:16px}.pin-2.svelte-1ctu6qg{grid-template-columns:1fr;gap:3px}.pin-2.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:12px;height:12px}.pin-3.svelte-1ctu6qg{grid-template-columns:1fr;gap:2px}.pin-3.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:10px;height:10px}.pin-4.svelte-1ctu6qg{grid-template-columns:repeat(2,1fr);gap:2px}.pin-4.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:10px;height:10px}.pin-5.svelte-1ctu6qg{grid-template-columns:repeat(2,1fr);gap:2px}.pin-5.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:9px;height:9px}.pin-5.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg):nth-child(5){grid-column:1 / -1;justify-self:center}.pin-6.svelte-1ctu6qg{grid-template-columns:repeat(2,1fr);gap:2px}.pin-6.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:9px;height:9px}.pin-7.svelte-1ctu6qg{grid-template-columns:repeat(2,1fr);gap:1px}.pin-7.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:8px;height:8px}.pin-7.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg):nth-child(7){grid-column:1 / -1;justify-self:center}.pin-8.svelte-1ctu6qg{grid-template-columns:repeat(2,1fr);gap:1px}.pin-8.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:8px;height:8px}.pin-9.svelte-1ctu6qg{grid-template-columns:repeat(3,1fr);gap:1px}.pin-9.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:7px;height:7px}.sou-container.svelte-1ctu6qg{display:flex;flex-wrap:wrap;gap:1px;padding:2px;margin-top:6px;justify-content:center;align-items:center}.sou-stick.svelte-1ctu6qg{width:5px;height:14px;background:linear-gradient(90deg,#228b22,#32cd32 40%,#228b22);border-radius:2px;position:relative}.sou-stick.svelte-1ctu6qg:before,.sou-stick.svelte-1ctu6qg:after{content:"";position:absolute;left:0;right:0;height:2px;background:#1a6b1a}.sou-stick.svelte-1ctu6qg:before{top:3px}.sou-stick.svelte-1ctu6qg:after{bottom:3px}.sou-container.red-five.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){background:linear-gradient(90deg,#c41e3a,#f44 40%,#c41e3a)}.sou-container.red-five.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg):before,.sou-container.red-five.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg):after{background:#8b0000}.sou-bird.svelte-1ctu6qg{width:22px;height:28px;position:relative}.sou-bird.svelte-1ctu6qg:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:14px;height:18px;background:linear-gradient(180deg,#32cd32,#228b22 60%,#1a6b1a);border-radius:50% 50% 45% 45%;box-shadow:inset 2px 0 4px #ffffff4d}.sou-bird.svelte-1ctu6qg:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:10px;height:12px;background:radial-gradient(circle at 60% 50%,#000 1px,transparent 1px),radial-gradient(circle at 70% 70%,#ff6600 2px,transparent 2px),linear-gradient(180deg,#32cd32,#228b22);border-radius:50% 50% 40% 40%}.sou-container.red-five.svelte-1ctu6qg .sou-bird:where(.svelte-1ctu6qg):before{background:linear-gradient(180deg,#f44,#c41e3a 60%,#8b0000)}.sou-container.red-five.svelte-1ctu6qg .sou-bird:where(.svelte-1ctu6qg):after{background:radial-gradient(circle at 60% 50%,#000 1px,transparent 1px),radial-gradient(circle at 70% 70%,#ff6600 2px,transparent 2px),linear-gradient(180deg,#f44,#c41e3a)}.sou-2.svelte-1ctu6qg{flex-direction:column}.sou-2.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:12px}.sou-3.svelte-1ctu6qg{flex-direction:column}.sou-3.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:10px}.sou-4.svelte-1ctu6qg{width:24px}.sou-4.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:12px}.sou-5.svelte-1ctu6qg{width:24px;flex-wrap:wrap}.sou-5.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:10px}.sou-6.svelte-1ctu6qg{width:24px}.sou-6.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:10px}.sou-7.svelte-1ctu6qg{width:28px}.sou-7.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:9px;width:4px}.sou-8.svelte-1ctu6qg{width:28px}.sou-8.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:9px;width:4px}.sou-9.svelte-1ctu6qg{width:28px}.sou-9.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:8px;width:4px}.tile-back.svelte-1ctu6qg{width:100%;height:100%;background:var(--back-color);border-radius:calc(var(--border-radius) - 2px)}.tile.horizontal.svelte-1ctu6qg{width:var(--tile-height);height:var(--tile-width)}.tile.horizontal.svelte-1ctu6qg .tile-char:where(.svelte-1ctu6qg){transform:rotate(90deg)}.tile.upside-down.svelte-1ctu6qg{transform:rotate(180deg)}.tile.rotated.svelte-1ctu6qg{transform:rotate(90deg);margin:0 6px}.tile.rotated.upside-down.svelte-1ctu6qg{transform:rotate(270deg)}.tile.highlighted.svelte-1ctu6qg{border-color:gold;box-shadow:0 0 10px #ffd700cc,2px 2px 4px #0000004d;animation:svelte-1ctu6qg-pulse 1.5s ease-in-out infinite}@keyframes svelte-1ctu6qg-pulse{0%,to{box-shadow:0 0 10px #ffd700cc,2px 2px 4px #0000004d}50%{box-shadow:0 0 20px gold,2px 2px 4px #0000004d}}.tile.face-down.svelte-1ctu6qg{background:linear-gradient(135deg,#666,#444);border-color:#333}.tile-label.svelte-1ctu6qg{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:12px;font-weight:700;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8);white-space:nowrap}.tile-label.rotated-label.svelte-1ctu6qg{transform:translate(-50%) rotate(-90deg);bottom:auto;top:50%;left:calc(100% + 16px)}.tile-badge.svelte-1ctu6qg{display:none;position:absolute;bottom:2px;left:50%;transform:translate(-50%);font-size:7px;font-weight:700;color:#fff;background:#000000b3;padding:1px 3px;border-radius:2px;white-space:nowrap;z-index:10}.tile-badge.rotated-badge.svelte-1ctu6qg{transform:translate(-50%) rotate(-90deg);bottom:auto;left:auto;right:2px;top:50%}@media(max-width:480px){.tile.svelte-1ctu6qg{--tile-width: 28px;--tile-height: 38px}.tile-char.svelte-1ctu6qg{font-size:18px}.tile-number.svelte-1ctu6qg,.tile-wind-letter.svelte-1ctu6qg{font-size:7px;top:1px;right:2px}.pin-container.svelte-1ctu6qg{margin-top:4px}.pin-circle.svelte-1ctu6qg{width:6px;height:6px}.pin-1.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:12px;height:12px}.pin-2.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:9px;height:9px}.pin-3.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:7px;height:7px}.pin-4.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:7px;height:7px}.pin-5.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:6px;height:6px}.pin-6.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:6px;height:6px}.pin-7.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:5px;height:5px}.pin-8.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:5px;height:5px}.pin-9.svelte-1ctu6qg .pin-circle:where(.svelte-1ctu6qg){width:5px;height:5px}.sou-container.svelte-1ctu6qg{margin-top:4px}.sou-stick.svelte-1ctu6qg{width:4px;height:10px}.sou-stick.svelte-1ctu6qg:before{top:2px}.sou-stick.svelte-1ctu6qg:after{bottom:2px}.sou-bird.svelte-1ctu6qg{width:16px;height:20px}.sou-bird.svelte-1ctu6qg:before{width:10px;height:13px}.sou-bird.svelte-1ctu6qg:after{width:7px;height:9px}.sou-2.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:9px}.sou-3.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:7px}.sou-4.svelte-1ctu6qg{width:18px}.sou-4.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:9px}.sou-5.svelte-1ctu6qg{width:18px}.sou-5.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:7px}.sou-6.svelte-1ctu6qg{width:18px}.sou-6.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:7px}.sou-7.svelte-1ctu6qg{width:20px}.sou-7.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:6px;width:3px}.sou-8.svelte-1ctu6qg{width:20px}.sou-8.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:6px;width:3px}.sou-9.svelte-1ctu6qg{width:20px}.sou-9.svelte-1ctu6qg .sou-stick:where(.svelte-1ctu6qg){height:5px;width:3px}.tile.rotated.svelte-1ctu6qg{margin:0 4px}.tile-label.svelte-1ctu6qg{font-size:10px;bottom:-16px}.tile-badge.svelte-1ctu6qg{display:block}}.meld.svelte-3exv6i{display:flex;align-items:flex-end;gap:2px;padding:4px}.meld.open.svelte-3exv6i{background:#0000001a;border-radius:4px}.hand-container.svelte-1v7leuj{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;justify-content:center}.closed-tiles.svelte-1v7leuj{display:flex;align-items:flex-end;gap:2px;padding:8px;background:#0003;border-radius:8px}.meld-gap.svelte-1v7leuj{width:8px}.open-melds.svelte-1v7leuj{display:flex;align-items:flex-end;gap:8px}@media(max-width:480px){.hand-container.svelte-1v7leuj{gap:8px}.closed-tiles.svelte-1v7leuj{display:grid;grid-template-columns:repeat(5,1fr);gap:2px;padding:6px 6px 24px;justify-items:center}.open-melds.svelte-1v7leuj{flex-wrap:wrap;gap:4px;justify-content:center;padding-bottom:20px}}.dora-container.svelte-1ulcynh{display:flex;flex-direction:column;gap:12px;padding:12px;background:#0000004d;border-radius:8px}.dora-section.svelte-1ulcynh{display:flex;flex-direction:column;gap:6px}.label.svelte-1ulcynh{font-size:12px;color:#fffc;text-transform:uppercase;letter-spacing:1px}.tiles.svelte-1ulcynh{display:flex;gap:4px}@media(max-width:480px){.dora-container.svelte-1ulcynh{gap:8px;padding:8px}.dora-section.svelte-1ulcynh{gap:4px}.label.svelte-1ulcynh{font-size:10px}.tiles.svelte-1ulcynh{gap:2px}}.game-info.svelte-vl478m{display:flex;flex-direction:column;gap:8px;padding:12px 14px;background:var(--bg-overlay-medium);border-radius:8px}.info-row.svelte-vl478m{display:flex;justify-content:space-between;align-items:center;gap:16px}.info-label.svelte-vl478m{font-size:11px;color:var(--white-60);text-transform:uppercase;letter-spacing:.5px}.info-value.svelte-vl478m{font-size:14px;font-weight:700;color:var(--white-90)}.info-value.last-tile.svelte-vl478m{color:var(--color-warning)}.chankan-indicator.svelte-vl478m{margin-top:4px;padding:6px 10px;background:var(--bg-warning);border:1px solid var(--border-warning);border-radius:6px;color:var(--color-warning);font-size:12px;font-weight:700;text-align:center}@media(max-width:480px){.game-info.svelte-vl478m{padding:10px 12px;gap:6px}.info-label.svelte-vl478m{font-size:10px}.info-value.svelte-vl478m{font-size:12px}.chankan-indicator.svelte-vl478m{font-size:10px;padding:4px 8px}}.play-field.svelte-12lb686{display:grid;grid-template-columns:auto 1fr auto;gap:20px;padding:24px;background:var(--bg-overlay);border-radius:12px;align-items:center}.left-sidebar.svelte-12lb686{display:flex;flex-direction:column;gap:12px}.hand-area.svelte-12lb686{display:flex;justify-content:center;align-items:center}.right-sidebar.svelte-12lb686{display:flex;flex-direction:column;gap:12px;align-self:center}.riichi-stick-container.svelte-12lb686{display:flex;flex-direction:column;align-items:center;gap:6px;padding:12px 16px;background:var(--bg-overlay-light);border-radius:8px}.riichi-stick.svelte-12lb686{width:100px;height:16px;background:linear-gradient(180deg,#f5f5f5,#e8e8e8,#d0d0d0);border-radius:8px;box-shadow:0 3px 6px #0006,inset 0 1px #fff9;position:relative;display:flex;align-items:center;justify-content:center}.riichi-dot.svelte-12lb686{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#f44,#c00 70%,#900);border-radius:50%;box-shadow:0 1px 3px #0006,inset 0 1px 1px #ffffff4d}.riichi-label.svelte-12lb686{font-size:12px;color:var(--white-80);font-weight:700}.riichi-label.empty.svelte-12lb686{color:var(--white-40);font-weight:400}.riichi-turn.svelte-12lb686{font-size:10px;color:var(--white-60)}@media(max-width:900px){.play-field.svelte-12lb686{grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:16px;padding:16px}.left-sidebar.svelte-12lb686{grid-column:1;grid-row:1 / 3}.hand-area.svelte-12lb686{grid-column:2;grid-row:1}.right-sidebar.svelte-12lb686{grid-column:2;grid-row:2;justify-self:center}}@media(max-width:600px){.play-field.svelte-12lb686{display:flex;flex-direction:column;gap:12px;padding:12px}.left-sidebar.svelte-12lb686{flex-direction:row;justify-content:center;flex-wrap:wrap;gap:8px}.riichi-stick-container.svelte-12lb686{padding:8px 10px}.riichi-stick.svelte-12lb686{width:80px;height:14px}.riichi-dot.svelte-12lb686{width:8px;height:8px}.riichi-label.svelte-12lb686{font-size:10px}.riichi-turn.svelte-12lb686{font-size:8px}}.yaku-list.svelte-8gudx2{display:flex;flex-direction:column;gap:16px;max-height:60vh;overflow-y:auto;padding:8px}.search-container.svelte-8gudx2{position:sticky;top:0;z-index:1;display:flex;align-items:center;gap:8px;padding:4px;background:#1e1e1ef2;border-radius:6px;margin-bottom:8px}.search-input.svelte-8gudx2{flex:1;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:14px;font-family:inherit;outline:none;transition:border-color .15s ease}.search-input.svelte-8gudx2::placeholder{color:#ffffff80}.search-input.svelte-8gudx2:focus{border-color:#fff6}.clear-search.svelte-8gudx2{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:#ffffff1a;border:none;border-radius:4px;color:#ffffffb3;font-size:18px;cursor:pointer;transition:background .15s ease}.clear-search.svelte-8gudx2:hover{background:#fff3}.yaku-group.svelte-8gudx2{display:flex;flex-direction:column;gap:8px}.group-title.svelte-8gudx2{font-size:14px;font-weight:700;color:#ffffffe6;margin:0;padding:4px 8px;background:#ffffff1a;border-radius:4px}.yaku-items.svelte-8gudx2{display:flex;flex-direction:column;gap:4px}.yaku-item.svelte-8gudx2{position:relative;display:flex;flex-direction:column;gap:4px;padding:8px 12px;background:#ffffff1a;border:2px solid transparent;border-radius:6px;cursor:pointer;text-align:left;transition:all .15s ease;font-family:inherit;color:#fff}.yaku-item.svelte-8gudx2:hover:not(.disabled){background:#fff3}.yaku-item.selected.svelte-8gudx2{background:#64c8644d;border-color:#64c864cc}.yaku-item.disabled.svelte-8gudx2{cursor:not-allowed;opacity:.7}.yaku-item.correct.svelte-8gudx2{background:#32cd324d;border-color:#32cd32cc}.yaku-item.incorrect.svelte-8gudx2{background:#dc143c4d;border-color:#dc143ccc}.yaku-item.missed.svelte-8gudx2{background:#ffa5004d;border-color:#ffa500cc}.yaku-header.svelte-8gudx2{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.yaku-name.svelte-8gudx2{font-weight:700;font-size:14px}.yaku-jp.svelte-8gudx2{font-size:12px;opacity:.8}.yaku-han.svelte-8gudx2{margin-left:auto;font-size:12px;padding:2px 6px;background:#0000004d;border-radius:4px}.yaku-description.svelte-8gudx2{font-size:12px;opacity:.7}.status-indicator.svelte-8gudx2{position:absolute;top:8px;right:8px;font-size:16px;font-weight:700}.yaku-item.correct.svelte-8gudx2 .status-indicator:where(.svelte-8gudx2){color:#32cd32}.yaku-item.incorrect.svelte-8gudx2 .status-indicator:where(.svelte-8gudx2){color:#dc143c}.yaku-item.missed.svelte-8gudx2 .status-indicator:where(.svelte-8gudx2){color:orange}.yaku-panel.svelte-vwkfc{background:#0003;border-radius:12px;padding:16px;display:flex;flex-direction:column;min-height:0}h2.svelte-vwkfc{margin:0 0 12px;font-size:18px;color:#fff;flex-shrink:0}@media(max-width:480px){.yaku-panel.svelte-vwkfc{padding:12px}h2.svelte-vwkfc{font-size:16px}}.han-submit-container.svelte-5cmi9z{display:flex;flex-direction:column;gap:16px;padding:20px;background:var(--bg-overlay);border-radius:12px;min-height:200px}.han-stepper.svelte-5cmi9z{display:flex;flex-direction:column;gap:12px;align-items:center}.han-label.svelte-5cmi9z{font-size:14px;color:#ffffffe6;text-align:center}.stepper-controls.svelte-5cmi9z{display:flex;align-items:center;gap:12px}.stepper-group.svelte-5cmi9z{display:flex;gap:6px}.stepper-btn.svelte-5cmi9z{padding:10px 14px;font-size:16px;font-weight:700;background:var(--white-10);border:1px solid var(--white-20);border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease,transform .1s ease;min-width:44px}.stepper-btn.large.svelte-5cmi9z{background:var(--bg-overlay-light)}.stepper-btn.svelte-5cmi9z:hover:not(:disabled){background:#ffffff40;transform:scale(1.05)}.stepper-btn.svelte-5cmi9z:active:not(:disabled){transform:scale(.98)}.stepper-btn.svelte-5cmi9z:disabled{opacity:.5;cursor:not-allowed}.han-display.svelte-5cmi9z{font-size:36px;font-weight:700;color:#fff;min-width:70px;text-align:center;padding:8px 16px;background:var(--bg-overlay-medium);border-radius:8px;border:2px solid var(--white-20)}.submit-button.svelte-5cmi9z,.next-button.svelte-5cmi9z{font-weight:700;color:#fff;background:var(--btn-primary-gradient);border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.submit-button.svelte-5cmi9z:hover:not(:disabled),.next-button.svelte-5cmi9z:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000059}.submit-button.svelte-5cmi9z:active:not(:disabled),.next-button.svelte-5cmi9z:active{transform:translateY(0)}.submit-button.svelte-5cmi9z:disabled{opacity:.5;cursor:not-allowed;transform:none}.submit-button.svelte-5cmi9z{padding:16px 32px;font-size:18px}.han-result.svelte-5cmi9z{display:flex;flex-direction:column;gap:16px;align-items:center}.result-header.svelte-5cmi9z{display:flex;align-items:center;gap:8px}.result-icon.svelte-5cmi9z{font-size:24px;font-weight:700}.result-icon.correct.svelte-5cmi9z{color:var(--color-success)}.result-icon.incorrect.svelte-5cmi9z{color:var(--color-error)}.result-text.svelte-5cmi9z{font-size:18px;font-weight:700;color:#fff}.han-comparison.svelte-5cmi9z{display:flex;align-items:center;gap:16px;padding:16px 20px;background:var(--bg-overlay-medium);border-radius:8px}.han-item.svelte-5cmi9z{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 16px;border-radius:6px;background:var(--white-5)}.han-item.correct.svelte-5cmi9z{background:var(--bg-success);border:1px solid var(--border-success)}.han-item.incorrect.svelte-5cmi9z{background:var(--bg-error);border:1px solid var(--border-error)}.han-label-small.svelte-5cmi9z{font-size:10px;color:var(--white-60);text-transform:uppercase;letter-spacing:.5px}.han-value.svelte-5cmi9z{font-size:28px;font-weight:700;color:#fff}.han-value.strikethrough.svelte-5cmi9z{text-decoration:line-through;color:var(--color-error)}.han-arrow.svelte-5cmi9z{font-size:24px;color:var(--white-50)}.next-button.svelte-5cmi9z{padding:14px 28px;font-size:16px}@media(max-width:768px){.han-submit-container.svelte-5cmi9z{min-height:auto;padding:16px}.stepper-controls.svelte-5cmi9z{gap:8px}.stepper-btn.svelte-5cmi9z{padding:8px 12px;font-size:14px;min-width:40px}.han-display.svelte-5cmi9z{font-size:28px;min-width:60px;padding:6px 12px}.submit-button.svelte-5cmi9z{padding:14px 24px;font-size:16px}.han-value.svelte-5cmi9z{font-size:24px}}@media(max-width:480px){.han-submit-container.svelte-5cmi9z{padding:14px;gap:12px}.han-label.svelte-5cmi9z{font-size:12px}.stepper-group.svelte-5cmi9z{gap:4px}.stepper-btn.svelte-5cmi9z{padding:8px 10px;font-size:13px;min-width:36px}.han-display.svelte-5cmi9z{font-size:24px;min-width:50px}.han-comparison.svelte-5cmi9z{flex-direction:column;gap:8px;padding:12px 16px}.han-arrow.svelte-5cmi9z{transform:rotate(90deg)}.submit-button.svelte-5cmi9z,.next-button.svelte-5cmi9z{width:100%}}.settings-overlay.svelte-1u3w06f{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.settings-panel.svelte-1u3w06f{background:#1a1a2e;border-radius:12px;max-width:600px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #00000080}.settings-header.svelte-1u3w06f{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.1)}.settings-header.svelte-1u3w06f h2:where(.svelte-1u3w06f){margin:0;color:#fff;font-size:20px}.close-button.svelte-1u3w06f{background:none;border:none;color:#ffffffb3;font-size:28px;cursor:pointer;padding:0;line-height:1}.close-button.svelte-1u3w06f:hover{color:#fff}.settings-content.svelte-1u3w06f{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:24px}.settings-section.svelte-1u3w06f h3:where(.svelte-1u3w06f){margin:0 0 12px;color:#ffffffe6;font-size:14px;text-transform:uppercase;letter-spacing:1px}.checkbox-option.svelte-1u3w06f{display:flex;align-items:center;gap:10px;padding:8px 0;color:#fff;cursor:pointer}.checkbox-option.svelte-1u3w06f input:where(.svelte-1u3w06f){width:18px;height:18px;cursor:pointer}.color-options.svelte-1u3w06f{display:flex;gap:10px;flex-wrap:wrap}.color-option.svelte-1u3w06f{width:40px;height:40px;border:3px solid transparent;border-radius:8px;cursor:pointer;transition:transform .15s ease}.color-option.svelte-1u3w06f:hover{transform:scale(1.1)}.color-option.selected.svelte-1u3w06f{border-color:#fff}.bulk-actions.svelte-1u3w06f{display:flex;gap:8px;margin-bottom:12px}.bulk-actions.svelte-1u3w06f button:where(.svelte-1u3w06f){padding:6px 12px;font-size:12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;cursor:pointer}.bulk-actions.svelte-1u3w06f button:where(.svelte-1u3w06f):hover{background:#fff3}.yaku-groups.svelte-1u3w06f{display:flex;flex-direction:column;gap:16px}.yaku-group.svelte-1u3w06f{background:#ffffff0d;border-radius:8px;padding:12px}.group-header.svelte-1u3w06f{display:flex;align-items:center;gap:12px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.group-name.svelte-1u3w06f{font-weight:700;color:#fff}.group-count.svelte-1u3w06f{font-size:12px;color:#fff9}.group-actions.svelte-1u3w06f{margin-left:auto;display:flex;gap:4px}.group-actions.svelte-1u3w06f button:where(.svelte-1u3w06f){padding:4px 8px;font-size:11px;background:#ffffff1a;border:none;border-radius:4px;color:#fffc;cursor:pointer}.group-actions.svelte-1u3w06f button:where(.svelte-1u3w06f):hover{background:#fff3}.yaku-checkboxes.svelte-1u3w06f{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:6px}.yaku-checkbox.svelte-1u3w06f{display:flex;align-items:flex-start;gap:8px;padding:4px;cursor:pointer;border-radius:4px}.yaku-checkbox.svelte-1u3w06f:hover{background:#ffffff0d}.yaku-checkbox.svelte-1u3w06f input:where(.svelte-1u3w06f){margin-top:2px;cursor:pointer}.yaku-label.svelte-1u3w06f{display:flex;flex-direction:column;font-size:13px;color:#fff}.yaku-jp.svelte-1u3w06f{font-size:11px;color:#fff9}.yaku-checkbox.ungeneratable.svelte-1u3w06f{opacity:.5;cursor:not-allowed}.yaku-checkbox.ungeneratable.svelte-1u3w06f input:where(.svelte-1u3w06f){cursor:not-allowed}.ungeneratable-badge.svelte-1u3w06f{font-size:9px;color:#ff9800;background:#ff980026;padding:2px 6px;border-radius:4px;margin-left:4px}.settings-footer.svelte-1u3w06f{display:flex;justify-content:flex-end;gap:12px;padding:16px 20px;border-top:1px solid rgba(255,255,255,.1)}.cancel-button.svelte-1u3w06f,.save-button.svelte-1u3w06f{padding:10px 20px;font-size:14px;font-weight:700;border:none;border-radius:6px;cursor:pointer;transition:transform .15s ease}.cancel-button.svelte-1u3w06f{background:#ffffff1a;color:#fff}.cancel-button.svelte-1u3w06f:hover{background:#fff3}.save-button.svelte-1u3w06f{background:linear-gradient(135deg,#4a7c59,#2d5a3d);color:#fff}.save-button.svelte-1u3w06f:hover:not(:disabled){transform:translateY(-2px)}.save-button.svelte-1u3w06f:disabled{opacity:.5;cursor:not-allowed;transform:none}.validation-error.svelte-1u3w06f{color:#ff6b6b;font-size:13px;margin-right:auto}.modal-backdrop.svelte-dqreax{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal.svelte-dqreax{background:#2d5a3d;border-radius:12px;max-width:700px;max-height:90vh;width:100%;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 40px #00000080}.modal-header.svelte-dqreax{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header.svelte-dqreax h2:where(.svelte-dqreax){margin:0;font-size:20px;color:#fff}.close-button.svelte-dqreax{background:none;border:none;font-size:28px;color:#ffffffb3;cursor:pointer;padding:0;line-height:1}.close-button.svelte-dqreax:hover{color:#fff}.modal-content.svelte-dqreax{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.tile-section.svelte-dqreax h3:where(.svelte-dqreax){margin:0 0 12px;font-size:16px;color:#ffffffe6}.tile-row.svelte-dqreax{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}.tile-with-label.svelte-dqreax{display:flex;flex-direction:column;align-items:center;gap:6px}.label.svelte-dqreax{font-size:11px;color:#ffffffb3;text-align:center}.section-note.svelte-dqreax{margin:0 0 12px;font-size:12px;color:#fff9;font-style:italic}.legend.svelte-dqreax{background:#0003;border-radius:8px;padding:16px}.legend.svelte-dqreax h3:where(.svelte-dqreax){margin:0 0 12px;font-size:14px;color:#ffffffe6}.legend.svelte-dqreax ul:where(.svelte-dqreax){margin:0;padding-left:20px;font-size:13px;color:#fffc}.legend.svelte-dqreax li:where(.svelte-dqreax){margin-bottom:6px}.legend.svelte-dqreax li:where(.svelte-dqreax):last-child{margin-bottom:0}@media(max-width:600px){.tile-row.svelte-dqreax{gap:8px}.label.svelte-dqreax{font-size:10px}}:root{--color-success: #32cd32;--color-error: #dc143c;--color-warning: #ffa500;--bg-overlay-light: rgba(0, 0, 0, .15);--bg-overlay: rgba(0, 0, 0, .2);--bg-overlay-medium: rgba(0, 0, 0, .3);--bg-overlay-dark: rgba(0, 0, 0, .4);--white-5: rgba(255, 255, 255, .05);--white-10: rgba(255, 255, 255, .1);--white-20: rgba(255, 255, 255, .2);--white-40: rgba(255, 255, 255, .4);--white-50: rgba(255, 255, 255, .5);--white-60: rgba(255, 255, 255, .6);--white-80: rgba(255, 255, 255, .8);--white-90: rgba(255, 255, 255, .9);--bg-success: rgba(50, 205, 50, .2);--bg-success-strong: rgba(50, 205, 50, .3);--border-success: rgba(50, 205, 50, .5);--border-success-strong: rgba(50, 205, 50, .8);--bg-error: rgba(220, 20, 60, .2);--bg-error-strong: rgba(220, 20, 60, .3);--border-error: rgba(220, 20, 60, .5);--border-error-strong: rgba(220, 20, 60, .8);--bg-warning: rgba(255, 165, 0, .2);--bg-warning-strong: rgba(255, 165, 0, .3);--border-warning: rgba(255, 165, 0, .5);--border-warning-strong: rgba(255, 165, 0, .8);--btn-primary-gradient: linear-gradient(135deg, #4a7c59 0%, #2d5a3d 100%)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:Noto Sans,Noto Sans JP,sans-serif;background:#1a472a;background-image:radial-gradient(ellipse at center,#2d5a3d,#1a472a 70%),url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");min-height:100vh}.app.svelte-1n46o8q{min-height:100vh;display:flex;flex-direction:column}.header.svelte-1n46o8q{padding:16px 24px;background:#0000004d;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.header-icon.svelte-1n46o8q{height:40px;width:auto}.header.svelte-1n46o8q h1:where(.svelte-1n46o8q){margin:0;font-size:28px;color:#fff;font-weight:700}.score.svelte-1n46o8q{margin-left:auto;font-size:18px;font-weight:700;color:#fff;padding:8px 16px;background:#0003;border-radius:8px}.percentage.svelte-1n46o8q{font-size:14px;opacity:.8}.header-buttons.svelte-1n46o8q{display:flex;gap:8px}.header-button.svelte-1n46o8q{padding:8px 16px;font-size:14px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;color:#fff;cursor:pointer;transition:background .15s ease}.header-button.svelte-1n46o8q:hover{background:#fff3}.main.svelte-1n46o8q{flex:1;padding:24px;display:flex;flex-direction:column;max-width:1400px;margin:0 auto;width:100%}.loading.svelte-1n46o8q{display:flex;align-items:center;justify-content:center;font-size:24px;color:#ffffffb3;padding:48px}@media(max-width:768px){.header.svelte-1n46o8q{padding:12px 16px}.header-icon.svelte-1n46o8q{height:32px}.header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:22px}.main.svelte-1n46o8q{padding:16px}}@media(max-width:480px){.header.svelte-1n46o8q{padding:10px 12px;gap:8px}.header-icon.svelte-1n46o8q{height:28px}.header.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:18px}.score.svelte-1n46o8q{font-size:14px;padding:6px 10px}.header-buttons.svelte-1n46o8q{gap:4px}.header-button.svelte-1n46o8q{padding:6px 10px;font-size:12px}.main.svelte-1n46o8q{padding:12px}}