.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:20px}.toast-item{white-space:pre-line;pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;align-items:center;gap:12px;max-width:420px;padding:14px 22px;font-size:14px;font-weight:500;line-height:1.5;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 8px 24px #0000001f,0 2px 8px #00000014}.toast-enter{opacity:1;animation:.35s cubic-bezier(.4,0,.2,1) toastSlideIn;transform:translate(0)}.toast-exit{opacity:0;transform:translate(100%)}.toast-icon{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:16px;font-weight:700;display:flex}.toast-message{flex:1}.toast-success{color:#155724;background:#d4eddaf2;border:1px solid #c3e6cb}.toast-success .toast-icon{color:#fff;background:#28a745}.toast-error{color:#721c24;background:#f8d7daf2;border:1px solid #f5c6cb}.toast-error .toast-icon{color:#fff;background:#dc3545}.toast-info{color:#0c5460;background:#d1ecf1f2;border:1px solid #bee5eb}.toast-info .toast-icon{color:#fff;background:#17a2b8}@keyframes toastSlideIn{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.tile{-webkit-user-select:none;user-select:none;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;overflow:hidden;box-shadow:0 1px 3px #0003}.tile-small{width:32px;height:44px}.tile-medium{height:66px}.tile-large{width:64px;height:88px}.tile-image{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.tile-highlighted{filter:brightness(1.1)drop-shadow(0 0 8px #e94560cc);transform:translateY(-4px)}.tile-clickable{cursor:pointer}.tile-clickable:hover{filter:brightness(1.08)drop-shadow(0 3px 6px #0000004d);transform:translateY(-3px)}.hand{background:linear-gradient(145deg,#2d6a4f 0%,#1b4332 100%);border-radius:10px;flex-wrap:wrap;align-items:center;gap:12px;min-height:88px;padding:16px;display:flex;box-shadow:inset 0 2px 8px #0000004d}.hand-tiles{flex-wrap:wrap;gap:2px;display:flex}.hand-separator{background:#fff6;border-radius:2px;width:3px;height:60px;margin:0 8px}.hand-winning-tile{gap:2px;display:flex;position:relative}.hand-winning-tile .winning-type-label{text-align:center;background:#fff9;border-radius:4px;width:100%;padding:2px 0;font-size:16px;position:absolute;top:-40px}.hand-winning-tile .winning-type-label.tsumo{color:#0f8531;font-weight:700}.hand-winning-tile .winning-type-label.ron{color:#c75e01;font-weight:700}.ref-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.ref-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.25s ease-out refModalIn;display:flex;box-shadow:0 16px 48px #00000040}@keyframes refModalIn{0%{opacity:0;transform:translateY(-16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ref-modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.ref-modal-header h2{color:#212529;margin:0;font-size:20px}.ref-modal-close{cursor:pointer;color:#495057;background:#f1f3f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .2s;display:flex}.ref-modal-close:hover{background:#dee2e6}.ref-modal-tabs{border-bottom:2px solid #e9ecef;flex-shrink:0;gap:4px;padding:0 24px;display:flex}.ref-tab{cursor:pointer;color:#6c757d;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:14px;transition:all .2s}.ref-tab:hover{color:#495057}.ref-tab.active{color:#0f3460;border-bottom-color:#0f3460;font-weight:600}.ref-modal-body{flex:1;padding:24px;overflow-y:auto}.ref-table{border-collapse:collapse;width:100%;margin-bottom:16px;font-size:13px}.ref-table th,.ref-table td{text-align:center;vertical-align:middle;border:1px solid #dee2e6;padding:3px 5px}.ref-table th{color:#495057;white-space:nowrap;background:#f8f9fa;font-weight:600}.ref-table tbody tr:hover{background:#f8f9fa}.ref-fu-section{margin-bottom:20px}.ref-fu-section-title{color:#495057;background:#f8f9fa;border-radius:4px;margin:0 0 8px;padding:6px 10px;font-size:15px}.ref-fu-value{color:#0f3460;font-weight:700}.ref-point-table-wrap{margin-bottom:16px}.ref-point-table .ref-fu-header{color:#495057;background:#f8f9fa;font-weight:700}.ref-point-table .ref-empty{color:#adb5bd}.ref-ron{color:#212529;font-weight:600}.ref-tsumo{color:#6c757d;margin-top:2px;font-size:12px}.ref-legend{color:#6c757d;gap:20px;margin-bottom:12px;font-size:13px;display:flex}.ref-legend-item{align-items:center;gap:6px;display:flex}.ref-legend-ron{color:#212529;font-weight:600}.ref-legend-tsumo{color:#6c757d;font-size:12px}.ref-mangan-note{color:#868e96;background:#f8f9fa;border-radius:4px;padding:8px 12px;font-size:12px;line-height:1.8}.ref-yaku-section{margin-bottom:20px}.ref-yaku-section-title{color:#495057;background:#f8f9fa;border-radius:4px;margin:0 0 8px;padding:6px 10px;font-size:15px}.ref-yaku-name{color:#212529;white-space:nowrap;font-weight:600}.ref-yaku-name-ja{color:#868e96;margin-left:4px;font-size:12px;font-weight:400}.ref-yaku-han{color:#e67700;white-space:nowrap;font-weight:700}.ref-yaku-condition{color:#868e96;white-space:nowrap;font-size:12px}.ref-condition-menzen{color:#28a745;font-weight:600}.ref-yaku-desc{text-align:left;color:#495057;font-size:12px;line-height:1.4}.ref-yaku-example{color:#495057;white-space:nowrap;letter-spacing:.5px;font-family:Consolas,Courier New,monospace;font-size:12px}.ref-yaku-table tbody tr:hover{background:0 0}.ref-yaku-info-row:hover{background:#f8f9fa!important}.ref-yaku-tiles-row{border-bottom:2px solid #e9ecef}.ref-yaku-tiles-row:hover{background:0 0!important}.ref-yaku-tiles-cell{background:#fafbfc;text-align:left!important;padding:6px 10px!important}.ref-yaku-tiles{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.ref-yaku-tiles .tile{transform-origin:50%;transform:scale(.8)}.ref-yaku-tiles .tile:last-child{margin-left:20px}.ref-yaku-no-example{color:#adb5bd;font-size:13px}.ref-formula{padding:4px 0}.ref-formula-section{margin-bottom:28px}.ref-formula-section:last-child{margin-bottom:0}.ref-formula-section h4{color:#2d3436;border-bottom:2px solid #0f3460;margin-bottom:12px;padding-bottom:6px;font-size:16px}.ref-formula-block{padding:0 4px}.ref-formula-text{color:#212529;margin-bottom:12px;font-size:15px;line-height:1.8}.ref-formula-desc{color:#495057;margin-bottom:10px;font-size:13px;line-height:1.7}.ref-formula-note{color:#868e96;margin-top:10px;font-size:13px;line-height:1.8}.ref-formula-table{margin-bottom:8px}.ref-formula-table th{background:#e9ecef;font-size:13px}.ref-formula-table td{vertical-align:middle;font-size:13px}.ref-formula-math{color:#0f3460;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:500;line-height:1.8}@media (width<=640px){.ref-modal{border-radius:8px;max-height:95vh}.ref-modal-tabs{gap:0;padding:0 12px}.ref-tab{padding:8px 12px;font-size:13px}.ref-modal-body{padding:12px}.ref-table{font-size:11px}.ref-table th,.ref-table td{padding:4px 6px}}.point-calc{max-width:900px;margin:0 auto;padding:20px}.point-calc-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.point-calc-header h2{color:var(--color-text,#2d3436);margin:0;font-size:22px;font-weight:700}.header-buttons{align-items:center;gap:10px;display:flex}.ref-btn{color:var(--color-primary,#0f3460);border:1px solid var(--color-primary,#0f3460);border-radius:var(--radius-sm,6px);cursor:pointer;white-space:nowrap;background:#fff;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.ref-btn:hover{background:var(--color-primary,#0f3460);color:#fff;box-shadow:0 2px 8px #0f346040}.custom-btn{color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;white-space:nowrap;background:#6c757d;border:none;padding:8px 16px;font-size:14px;font-weight:500;transition:all .2s}.custom-btn:hover{background:#5a6268;box-shadow:0 2px 8px #6c757d40}.section{background:var(--color-surface,#fff);border:1px solid var(--color-border,#dfe6e9);border-radius:var(--radius-md,10px);box-shadow:var(--shadow-sm,0 2px 8px #0000000f);margin-bottom:20px;padding:24px;transition:box-shadow .2s}.dora-section{flex-direction:column;gap:20px;display:flex}.dora-group{border-radius:var(--radius-sm,6px);background:#f8f9fa;border:1px solid #e9ecef;padding:14px 18px}.dora-label{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.dora-title{color:#495057;font-size:15px;font-weight:600}.dora-hint{color:#868e96;font-size:12px}.dora-input-row{gap:8px;display:flex}.dora-input{border-radius:var(--radius-sm,6px);border:1px solid #ced4da;flex:1;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.dora-input:focus{border-color:var(--color-primary,#0f3460);outline:none;box-shadow:0 0 0 3px #0f34601a}.dora-btn{background:var(--color-success,#28a745);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;border:none;padding:8px 20px;font-size:14px;font-weight:500;transition:all .2s}.dora-btn:hover{background:#218838;box-shadow:0 2px 8px #28a7454d}.dora-slots{gap:4px;margin-bottom:10px;display:flex}.dora-slot{border-radius:var(--radius-sm,6px);justify-content:center;align-items:center;width:44px;height:56px;transition:all .2s;display:flex}.dora-slot-empty{background:#dee2e6;border:1px dashed #adb5bd}.dora-slot-active{border:2px solid var(--color-success,#28a745);cursor:pointer;background:#fff}.dora-slot-active:hover{border-color:var(--color-accent,#e94560);box-shadow:0 0 0 2px #e9456033}.dora-slot .tile-small{transform-origin:50%}.game-context{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.context-item{align-items:center;gap:8px;display:flex}.context-item label{color:#495057;font-weight:500}.context-item select,.context-item input{border-radius:var(--radius-sm,6px);border:1px solid #ced4da;padding:6px 12px;font-size:14px;transition:border-color .2s}.context-item select:focus,.context-item input:focus{border-color:var(--color-primary,#0f3460);outline:none;box-shadow:0 0 0 3px #0f34601a}.hand-input{border-radius:var(--radius-sm,6px);border:1px solid #ced4da;width:100%;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.hand-input-row .hand-input{flex:1}.generate-btn{background:var(--color-success,#28a745);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;white-space:nowrap;border:none;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.action-btn{background:var(--color-primary,#0f3460);color:#fff;border-radius:var(--radius-sm,6px);cursor:pointer;border:none;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.table-area{border-radius:var(--radius-lg,16px);box-shadow:inset 0 2px 12px #0000004d, var(--shadow-lg,0 8px 32px #0000001f);background:linear-gradient(145deg,#2d6a4f 0%,#1b4332 100%);border:1px solid #ffffff14;margin-bottom:20px;padding:24px}.game-info-bar{border-radius:var(--radius-md,10px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;flex-wrap:wrap;justify-content:space-between;gap:8px;margin-bottom:16px;padding:10px 14px;display:flex}.game-info-bar .tags-container{align-items:center;gap:8px;display:flex}.game-info-tag{color:#1b4332;white-space:nowrap;background:#ffffffeb;border-radius:20px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.game-info-tag.tsumo{color:#fff;background:#0c72d0e6}.game-info-tag.ron{color:#fff;background:#c75e01e6}.dora-display-area{border-radius:var(--radius-md,10px);background:#0000002e;flex-direction:row;gap:16px;margin-bottom:16px;padding:12px 16px;display:flex}.dora-indicator-row{align-items:center;gap:12px;display:flex}.dora-indicator-label{color:#ffffffd9;text-align:right;min-width:56px;font-size:14px;font-weight:600}.dora-indicator-tiles{gap:4px;display:flex}.dora-indicator-tiles .dora-slot{border-radius:var(--radius-sm,6px);justify-content:center;align-items:center;width:44px;height:56px;display:flex}.dora-indicator-tiles .dora-slot-empty{background:#ffffff14;border:1px dashed #ffffff40}.dora-indicator-tiles .dora-slot-active{background:#ffffff26;border:1px solid #fff6}.dora-indicator-tiles .dora-slot .tile-small{transform-origin:50%}.hand-area{border-radius:var(--radius-md,10px);background:linear-gradient(145deg,#2d6a4f 0%,#1b4332 100%);align-items:center;gap:16px;min-height:88px;padding:16px;display:flex;box-shadow:inset 0 2px 8px #0003}.hand-area .hand{min-width:0;box-shadow:none;background:0 0;border-radius:0;flex:1;min-height:auto;padding:0}.melds-display{flex-direction:column;flex-shrink:0;gap:4px;display:flex}.meld-group{justify-content:flex-end;align-items:flex-end;display:flex}.meld-group.meld-open .tile-medium:first-child{height:56px}.meld-tiles{align-items:flex-end;gap:0;display:flex}.meld-tiles .tile{transform-origin:50%}.meld-group.meld-kakan{align-items:flex-end;gap:0;display:flex}.meld-kakan-middle{flex-direction:column;align-items:center;margin:0 -2px;display:flex}.meld-kakan-middle .tile{height:65px;margin-bottom:-3px}.meld-kakan-middle .tile:first-child{margin-bottom:-28px}.error-message{color:#c53030;border-radius:var(--radius-sm,6px);background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #feb2b2;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.result{border-radius:var(--radius-md,10px);border:1px solid var(--color-border,#dfe6e9);background:linear-gradient(135deg,#f8f9fa,#edf2f7);margin-top:16px;padding:20px}.result-summary{flex-wrap:wrap;gap:24px;margin-bottom:16px;display:flex}.result-yaku h4,.result-payment h4{color:var(--color-text,#2d3436);margin-bottom:8px;font-size:15px}.payment-amount{color:var(--color-accent,#e94560);letter-spacing:.5px;margin:0;font-size:24px;font-weight:800}.payment-honba{color:var(--color-text-secondary,#636e72);margin:4px 0 0;font-size:13px}.result-keiten{color:#92400e;border-radius:var(--radius-sm,6px);background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1px solid #fcd34d;margin-bottom:12px;padding:10px 14px;font-size:14px;font-weight:500}.result-fu-breakdown{border-radius:var(--radius-md,10px);background:#f8f9fa;border:1px solid #dee2e6;margin-bottom:16px;padding:14px 18px}.result-fu-breakdown h4{color:#495057;margin:0 0 10px;font-size:14px}.fu-breakdown-special{color:#6c757d;padding:4px 0;font-size:14px;font-style:italic}.fu-breakdown-table{flex-direction:column;display:flex}.fu-breakdown-row{border-radius:4px;justify-content:space-between;align-items:center;padding:5px 10px;font-size:14px;display:flex}.fu-breakdown-row+.fu-breakdown-row{margin-top:2px}.fu-breakdown-label{color:#495057}.fu-breakdown-value{font-variant-numeric:tabular-nums;font-weight:500}.fu-type-base{color:#212529}.fu-type-add{color:#495057}.fu-type-add .fu-breakdown-value{color:#198754}.fu-type-subtotal{color:#212529;border-top:1px dashed #adb5bd;margin-top:4px;padding-top:6px;font-weight:600}.fu-type-rounding{color:#495057}.fu-type-rounding .fu-breakdown-value{color:#0d6efd}.fu-type-floor{color:#495057}.fu-type-floor .fu-breakdown-value{color:#dc3545}.result-yaku ul{margin:0;padding:0;list-style:none}.result-yaku li{color:#495057;border-radius:4px;padding:5px 8px;transition:background .15s}.result-yaku li:hover{background:#00000008}.answer-input{flex-wrap:wrap;gap:16px;margin-bottom:16px;display:flex}.answer-item{align-items:center;gap:8px;display:flex}.answer-item label{color:#495057;font-weight:500}.answer-item input{border-radius:var(--radius-sm,6px);border:1px solid #ced4da;width:120px;padding:8px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s}.answer-item input:focus{border-color:var(--color-primary,#0f3460);outline:none;box-shadow:0 0 0 3px #0f34601a}.answer-rules-info{color:var(--color-text-secondary,#636e72);border-radius:var(--radius-sm,6px);background:#f8f9fa;border:1px solid #e9ecef;flex-direction:column;gap:4px;margin:12px 0;padding:10px 14px;font-size:13px;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-modal{border-radius:var(--radius-lg,16px);background:#fff;flex-direction:column;width:90%;max-width:960px;max-height:85vh;animation:.25s ease-out modalSlideIn;display:flex;box-shadow:0 16px 48px #00000040}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.modal-close-btn{color:#6c757d;cursor:pointer;background:#f1f3f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:4px 8px;font-size:18px;transition:all .2s;display:flex}.modal-close-btn:hover{color:#212529;background:#dee2e6}.custom-modal-body{flex:1;padding:20px 24px;overflow-y:auto}.custom-section{margin-bottom:24px}.custom-section:last-child{margin-bottom:0}.custom-section h3{color:#495057;border-bottom:1px solid #e9ecef;margin-bottom:12px;padding-bottom:8px;font-size:16px}.custom-modal-footer{border-top:1px solid #dee2e6;justify-content:flex-end;padding:16px 24px;display:flex}.shanten{max-width:900px;margin:0 auto;padding:20px}.shanten .header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.shanten .header h2{color:#2d3436;margin:0;font-size:22px;font-weight:700}.shanten h2{color:#2d3436;margin-bottom:24px;font-size:22px;font-weight:700}.hand-input-row{align-items:center;gap:12px;display:flex}.result-summary{border-bottom:1px solid #e9ecef;gap:24px;margin-bottom:16px;padding-bottom:16px;display:flex}.final-shanten{border-bottom:1px solid #dfe6e9}.final-value{color:#e94560;font-size:22px;font-weight:800}.shanten-types{margin-top:12px}.shanten-types h4{color:#2d3436;margin-bottom:12px;font-size:16px}.shanten-type-list{grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px;display:grid}.shanten-type-item{background:#f8f9fa;border:2px solid #e9ecef;border-radius:10px;flex-direction:column;align-items:center;padding:18px 12px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.shanten-type-item:hover{border-color:#ced4da;transform:translateY(-2px);box-shadow:0 4px 12px #00000014}.shanten-type-item.chosen{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b33}.type-name{color:#636e72;margin-bottom:8px;font-size:14px;font-weight:500}.shanten-type-item.chosen .type-name{color:#92400e;font-weight:600}.type-value{color:#2d3436;font-size:20px;font-weight:700}.shanten-type-item.chosen .type-value{color:#e94560}.chosen-badge{color:#fff;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:12px;padding:2px 10px;font-size:11px;font-weight:600;position:absolute;top:6px;right:6px;box-shadow:0 2px 4px #f59e0b4d}.shanten-note{color:#868e96;text-align:center;margin-top:8px;font-size:13px;font-style:italic}.result-item .value{color:#0f3460;font-weight:700}.answer-options{flex-wrap:wrap;gap:10px;margin-bottom:16px;display:flex}.answer-option{cursor:pointer;color:#495057;-webkit-user-select:none;user-select:none;background:#f8f9fa;border:2px solid #dfe6e9;border-radius:24px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;transition:all .2s;display:inline-flex}.answer-option:hover{background:#e9ecef;border-color:#adb5bd;transform:translateY(-1px)}.answer-option.selected{color:#0f3460;background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#0f3460;font-weight:600;box-shadow:0 2px 8px #0f346026}.answer-option input[type=radio]{cursor:pointer;accent-color:#0f3460;margin:0}.answer-option .option-label{cursor:pointer}.algorithm-formula{padding:4px 0}.algorithm-formula-section{margin-bottom:28px}.algorithm-formula-section:last-child{margin-bottom:0}.algorithm-formula-section h4{color:#2d3436;border-bottom:2px solid #0f3460;margin-bottom:12px;padding-bottom:6px;font-size:16px}.algorithm-formula-block{padding:0 4px}.algorithm-formula-text{color:#212529;margin-bottom:12px;font-size:15px;line-height:1.8}.algorithm-formula-desc{color:#495057;margin-bottom:10px;font-size:13px;line-height:1.7}.algorithm-formula-note{color:#868e96;margin-top:10px;font-size:13px;line-height:1.8}.algorithm-formula-table{margin-bottom:8px}.algorithm-formula-table th{background:#e9ecef;font-size:13px}.algorithm-formula-table td{vertical-align:middle;font-size:13px}.algorithm-formula-math{color:#0f3460;font-family:Courier New,Courier,monospace;font-size:13px;font-weight:500;line-height:1.8}.custom-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.custom-modal{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:900px;max-height:85vh;animation:.25s ease-out refModalIn;display:flex;box-shadow:0 16px 48px #00000040}.custom-modal-header{border-bottom:1px solid #e9ecef;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.custom-modal-header h2{color:#212529;margin:0;font-size:20px}.custom-modal-close{cursor:pointer;color:#495057;background:#f1f3f5;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;transition:background .2s;display:flex}.custom-modal-close:hover{background:#dee2e6}@media (width<=640px){.custom-modal{border-radius:8px;max-height:95vh}.custom-modal-body{padding:12px}}.chinitsu{max-width:900px;margin:0 auto;padding:20px}.chinitsu h2{color:#2d3436;margin-bottom:24px;font-size:22px;font-weight:700}.section{background:#fff;border:1px solid #dfe6e9;border-radius:10px;margin-bottom:20px;padding:24px;transition:box-shadow .2s;box-shadow:0 2px 8px #0000000f}.section:hover{box-shadow:0 4px 16px #00000014}.section h3{color:#2d3436;border-bottom:2px solid #dfe6e9;margin-bottom:16px;padding-bottom:10px;font-size:17px;font-weight:600}.hand-input-row{align-items:center;gap:12px;margin-bottom:12px;display:flex}.hand-input{border:1px solid #ced4da;border-radius:6px;flex:1;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.hand-input:focus{border-color:#0f3460;outline:none;box-shadow:0 0 0 3px #0f34601a}.generate-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#28a745;border:none;border-radius:6px;padding:10px 20px;font-size:14px;font-weight:500;transition:all .2s}.generate-btn:hover{background:#218838;box-shadow:0 2px 8px #28a7454d}.tile-count{color:#636e72;margin-top:10px;font-size:14px;font-weight:500}.error-message{color:#c53030;background:linear-gradient(135deg,#fff5f5,#fed7d7);border:1px solid #feb2b2;border-radius:6px;margin-bottom:16px;padding:12px 16px;font-size:14px;font-weight:500}.action-btn{color:#fff;cursor:pointer;background:#0f3460;border:none;border-radius:6px;padding:10px 24px;font-size:14px;font-weight:500;transition:all .2s}.action-btn:hover{background:#1a5276;box-shadow:0 2px 8px #0f346040}.action-btn.secondary{background:#6c757d}.action-btn.secondary:hover{background:#545b62;box-shadow:0 2px 8px #6c757d40}.result{background:linear-gradient(135deg,#f8f9fa,#edf2f7);border:1px solid #dfe6e9;border-radius:10px;margin-top:16px;padding:20px}.result-summary{gap:24px;margin-bottom:16px;display:flex}.result-item{align-items:center;gap:8px;display:flex}.result-item .label{color:#636e72;font-weight:500}.result-item .value{color:#0f3460;font-size:16px;font-weight:700}.waiting-tiles h4{color:#2d3436;margin-bottom:12px}.tiles-display{flex-wrap:wrap;gap:8px;display:flex}.waiting-pick-hint{color:#495057;margin-bottom:12px;font-size:14px;font-weight:500}.candidate-tiles{background:linear-gradient(135deg,#f8f9fa,#edf2f7);border:1px solid #dfe6e9;border-radius:10px;flex-wrap:wrap;gap:8px;margin-bottom:12px;padding:14px;display:flex}.selected-count{color:#2d3436;margin-bottom:12px;font-size:14px;font-weight:600}.action-buttons{gap:12px;display:flex}.info-section ul{margin:0;padding:0;list-style:none}.info-section li{color:#495057;padding:8px 0 8px 16px;line-height:1.6;position:relative}.info-section li:before{content:"•";color:#0f3460;font-weight:700;position:absolute;left:0}.app{background:linear-gradient(135deg,#f5f7fa 0%,#e8ecf1 100%);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:100;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);position:sticky;top:0;box-shadow:0 4px 20px #00000026}.header-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1200px;margin:0 auto;padding:16px 40px;display:flex}.app-brand{align-items:center;gap:12px;display:flex}.app-brand a{color:#fff;font-size:20px;transition:color .3s}.app-logo{filter:drop-shadow(0 2px 4px #0000004d);font-size:32px}.app-header h1{color:#fff;letter-spacing:1px;text-shadow:0 2px 4px #0003;margin:0;font-size:24px;font-weight:700}.app-nav{gap:8px;display:flex}.nav-link{color:#ffffffb3;border-radius:8px;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:500;text-decoration:none;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:linear-gradient(90deg,#e94560,#f5a623);border-radius:3px 3px 0 0;width:0;height:3px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover{color:#fffffff2;background:#ffffff1a}.nav-link.active{color:#fff;background:#ffffff26;font-weight:600;box-shadow:0 2px 8px #e9456033}.nav-link.active:before{width:80%}.nav-icon{font-size:16px}.nav-text{white-space:nowrap}.app-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:32px 40px}.app-footer{color:#ffffff80;text-align:center;background:#1a1a2e;padding:16px 40px;font-size:13px}.app-footer p{margin:0}@media (width<=768px){.header-inner{flex-direction:column;align-items:flex-start;padding:16px 20px}.app-nav{width:100%;overflow-x:auto}.nav-link{padding:8px 14px;font-size:14px}.app-main{padding:20px 16px}}*{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#0f3460;--color-primary-light:#1a5276;--color-accent:#e94560;--color-accent-light:#ff6b6b;--color-success:#28a745;--color-warning:#f5a623;--color-bg:#f5f7fa;--color-surface:#fff;--color-text:#2d3436;--color-text-secondary:#636e72;--color-border:#dfe6e9;--shadow-sm:0 2px 8px #0000000f;--shadow-md:0 4px 16px #00000014;--shadow-lg:0 8px 32px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}button{cursor:pointer;font-family:inherit}input,select{font-family:inherit}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#c1c8ce;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a0a8b0}