.calculator-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.calculator-header h1{margin-bottom:0}.history-open-button{background-color:var(--color-gold);flex:none;align-items:center;gap:.45rem;font-weight:700;display:inline-flex}.history-open-button span{background-color:var(--color-table-deep);min-width:1.5rem;height:1.5rem;color:var(--color-on-table);border-radius:999px;place-items:center;font-size:.75rem;display:grid}.history-dialog{border:1px solid var(--color-panel-border);background-color:var(--color-panel);width:min(100% - 2rem,58rem);max-width:none;max-height:85vh;color:var(--color-mahjong-black);border-radius:.75rem;margin:auto;padding:0;overflow:hidden;box-shadow:0 1rem 3rem #103b3259}.history-dialog::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#083028a6}.history-dialog-content{grid-template-rows:auto minmax(0,1fr) auto;max-height:85vh;display:grid}.history-dialog-header,.history-entry-heading,.history-dialog-footer{justify-content:space-between;align-items:center;gap:1rem;display:flex}.history-dialog-header{border-bottom:1px solid var(--color-panel-border);padding:1rem 1.25rem}.history-dialog-header h2,.history-dialog-header p{margin:0}.history-dialog-header p{color:#5b625d;font-size:.85rem}.history-empty{text-align:center;margin:0;padding:2rem 1.25rem}.history-list{gap:.75rem;margin:0;padding:1rem 1.25rem;list-style:none;display:grid;overflow-y:auto}.history-entry{border:1px solid var(--color-panel-border);background-color:#fff6;border-radius:.5rem;gap:.65rem;padding:.75rem;display:grid}.history-entry-heading>div:first-child{gap:.1rem;display:grid}.history-entry-heading span{color:#5b625d;text-transform:capitalize;font-size:.8rem}.history-entry-actions{gap:.4rem;display:flex}.history-delete-button{color:#641c17;background-color:#f3d4cf;border-color:#9a473e}.history-tile-groups{align-items:flex-start;gap:.5rem;display:flex;overflow-x:auto}.history-tile-row{flex:none;gap:.15rem;display:flex}.history-declared-group{border-left:2px solid var(--color-gold);padding-left:.5rem}.history-tile-row img{background-color:var(--color-tile);border:1px solid #c8c0b1;border-radius:.2rem;width:2rem;height:auto;padding:.05rem;box-shadow:0 .08rem #c9bea8}.history-dialog-footer{border-top:1px solid var(--color-panel-border);justify-content:flex-end;padding:.75rem 1.25rem}.confirmation-dialog{border:1px solid var(--color-panel-border);background-color:var(--color-panel);width:min(100% - 2rem,28rem);max-width:none;color:var(--color-mahjong-black);border-radius:.75rem;margin:auto;padding:0;box-shadow:0 1rem 3rem #103b3266}.confirmation-dialog::backdrop{background-color:#083028b8}.confirmation-dialog-content{gap:.85rem;padding:1.25rem;display:grid}.confirmation-dialog-content h2,.confirmation-dialog-content p{margin:0}.confirmation-dialog-content h2{font-size:1.4rem}.confirmation-dialog-actions{justify-content:flex-end;gap:.5rem;display:flex}.action-button{border:1px solid var(--color-mahjong-black);color:var(--color-mahjong-black);font:inherit;cursor:pointer;border-radius:.4rem;justify-content:center;align-items:center;padding:.5rem 1rem;font-weight:600;display:inline-flex}.action-button--secondary{background-color:var(--color-tile)}.action-button--primary{background-color:var(--color-gold)}.action-button--secondary:not(:disabled):hover{background-color:#eee6d7}.action-button--primary:not(:disabled):hover{background-color:#dfc77d}.action-button:focus-visible{outline:3px solid var(--color-on-table);outline-offset:2px}.action-button:disabled{color:#555a55;cursor:not-allowed;background-color:#d7d1c3;border-color:#a8a295}.mode-button:disabled{opacity:.5;cursor:not-allowed}.choice-button:has(input:disabled){opacity:.5;cursor:not-allowed}.choice-button:has(input[aria-disabled=true]){opacity:.5;cursor:not-allowed}.input-modes{flex-wrap:wrap;gap:.5rem;margin:.75rem 0;display:flex}.mode-button{border:1px solid var(--color-mahjong-black);background-color:var(--color-tile);color:var(--color-mahjong-black);font:inherit;cursor:pointer;border-radius:.35rem;padding:.4rem .75rem}.mode-button[aria-pressed=true]{box-shadow:inset 0 0 0 1px var(--color-mahjong-green);background-color:#dceae5;font-weight:600}.choice-button{justify-content:center;align-items:center;display:inline-flex;position:relative}.choice-button input{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.choice-button:has(input:checked){box-shadow:inset 0 0 0 1px var(--color-mahjong-green);background-color:#dceae5;font-weight:600}.choice-button:has(input:focus-visible){outline:2px solid var(--color-gold);outline-offset:2px}.scoring-conditions{gap:1rem;display:grid}.scoring-conditions fieldset{border:1px solid var(--color-border);background-color:#ffffff59;border-radius:.5rem;margin:0;padding:.75rem 1rem}.winning-information{gap:1rem;display:grid}.winning-information h2{margin-bottom:0}.winning-information fieldset{border:0;min-width:0;margin:0;padding:0}.winning-tile-options{grid-template-columns:repeat(auto-fill,minmax(2.5rem,3.5rem));gap:.4rem;margin-top:.5rem;display:grid}.winning-tile-options .mahjong-tile{aspect-ratio:5.5/7;width:100%;height:auto}.winning-tile-selection p{margin-bottom:0}.win-method-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.5rem;display:grid}.win-method-button{width:100%;padding-block:.6rem}.win-method-description{min-height:1.5em;margin:.6rem 0 0;font-size:.85rem}.dora-selection{gap:1rem;display:grid}.dora-selection h2,.dora-selection>p{margin-bottom:0}.dora-summary{gap:.75rem;display:grid}.indicator-group{border:1px solid var(--color-border);background-color:#ffffff59;border-radius:.5rem;padding:.75rem}.indicator-heading{justify-content:space-between;align-items:baseline;gap:.75rem;display:flex}.indicator-heading h3,.indicator-group p{margin:0}.indicator-heading span{color:#5b625d;font-size:.8rem;font-weight:700}.selected-indicators{margin-top:.6rem}.selected-indicators .mahjong-tile{aspect-ratio:5.5/7;width:3.25rem;height:auto}.dora-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.dora-add-button{width:100%}.dora-add-button[aria-expanded=true]{box-shadow:inset 0 0 0 1px var(--color-mahjong-green);background-color:#dceae5;font-weight:600}.dora-add-button[aria-disabled=true]{opacity:.5;cursor:not-allowed}.dora-picker{border:1px solid var(--color-panel-border);background-color:#eee6d7;border-radius:.5rem;padding:.75rem}.dora-picker-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.dora-picker-header h3{margin:0}.dora-picker .tile-picker{gap:.75rem}.dora-picker .tile-group h3{margin-bottom:.35rem;font-size:1rem}.wind-selectors{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.wind-selectors fieldset{min-width:0;padding-inline:.75rem}.wind-selectors .input-modes{grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;margin-bottom:0;display:grid}.wind-button{min-width:0;padding:.35rem .2rem;font-size:1.25rem;line-height:1;position:relative}.wind-button:after{z-index:10;background-color:var(--color-table-deep);color:var(--color-on-table);white-space:nowrap;content:attr(data-tooltip);opacity:0;pointer-events:none;border-radius:.25rem;padding:.2rem .4rem;font-size:.75rem;font-weight:400;line-height:1.2;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + .4rem);left:50%;transform:translate(-50%,.2rem)}.wind-button:hover:after,.wind-button:focus-visible:after{opacity:1;transform:translate(-50%)}.wind-button:has(input:focus-visible):after{opacity:1;transform:translate(-50%)}.condition-options{position:relative}.condition-tooltip{z-index:10;background-color:var(--color-table-deep);color:var(--color-on-table);text-align:left;opacity:0;pointer-events:none;border-radius:.3rem;padding:.45rem .6rem;font-size:.75rem;font-weight:400;line-height:1.3;transition:opacity .12s,transform .12s;position:absolute;bottom:calc(100% + .4rem);left:0;right:0;transform:translateY(.2rem);box-shadow:0 .25rem .75rem #103b3240}.condition-tooltip strong,.condition-tooltip span{display:block}.condition-tooltip .disabled-reason{color:#f4d58a;border-top:1px solid #fff9ed4d;margin-top:.35rem;padding-top:.35rem;font-weight:700}.condition-button:hover .condition-tooltip,.condition-button:focus-visible .condition-tooltip{opacity:1;transform:translateY(0)}.condition-button:has(input:focus-visible) .condition-tooltip{opacity:1;transform:translateY(0)}.riichi-controls{align-items:center}.ippatsu-button{margin-left:auto}.ippatsu-button:before{background-color:var(--color-border);content:"";width:1px;position:absolute;top:.2rem;bottom:.2rem;left:-.65rem}.win-event-groups{gap:.75rem;display:grid}.condition-group-label{margin:0;font-size:.8rem;font-weight:700}.win-event-group .input-modes{margin-top:.35rem;margin-bottom:0}.tile-picker{gap:1.5rem;display:grid}.tile-picker .tile-row{grid-template-columns:repeat(9,minmax(0,5.5rem));gap:clamp(.15rem,1vw,.5rem);display:grid}.tile-picker .mahjong-tile{aspect-ratio:5.5/7;width:100%;height:auto}.calculator-layout{border:.3rem solid var(--color-table-deep);background-color:var(--color-table);border-radius:1rem;grid-template:"tiles conditions""selected conditions"1fr/minmax(0,2fr) minmax(18rem,1fr);align-items:start;gap:clamp(1rem,2.5vw,2rem);padding:clamp(1rem,3vw,2rem);display:grid;box-shadow:0 .75rem 1.75rem #2024202e}.tile-selection{min-width:0;color:var(--color-on-table);grid-area:tiles}.tile-selection-header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.tile-selection-header h2{margin-bottom:0}.tile-count{background-color:var(--color-table-deep);color:var(--color-on-table);border:1px solid #fff9ed59;border-radius:999px;flex:none;padding:.25rem .6rem;font-size:.85rem;font-weight:700}.tile-mode-groups{flex-wrap:wrap;align-items:end;gap:.75rem 1.5rem;margin-block:1rem .75rem;display:flex}.tile-mode-group{min-width:0}.mode-group-label{color:var(--color-on-table);letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:700}.tile-mode-group .input-modes{margin:.35rem 0 0}.mode-guidance{border-left:.25rem solid var(--color-gold);background-color:var(--color-table-deep);color:var(--color-on-table);border-radius:.35rem;gap:.1rem;margin-bottom:1.25rem;padding:.7rem .85rem;display:grid}.mode-guidance span{font-size:.9rem}.hand-conditions{grid-area:conditions;gap:1.5rem;min-width:0;display:grid}.hand-conditions>section{border:1px solid var(--color-panel-border);background-color:var(--color-panel);box-shadow:var(--shadow-panel);border-radius:.65rem;padding:1.25rem}.hand-conditions>section>:last-child{margin-bottom:0}.selected-hand{min-width:0;color:var(--color-on-table);background-color:#0830287a;border:1px solid #fff9ed38;border-radius:.65rem;grid-area:selected;padding:1.25rem}.selected-hand-controls,.selected-hand-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.validation-status{background-color:var(--color-table-deep);min-height:2rem;color:var(--color-on-table);border:1px solid #fff9ed59;border-radius:999px;align-items:center;padding:.25rem .6rem;font-size:.8rem;font-weight:700;line-height:1.2;display:inline-flex}.validation-status--ready,.validation-status--warning{color:var(--color-mahjong-black);background-color:#f1dfad;border-color:#ead69f}.validation-status--success{color:var(--color-table-deep);background-color:#dceae5;border-color:#a9cbbf}.validation-status--error{color:#641c17;background-color:#f3d4cf;border-color:#d9a19a}.arrangement-summary{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.65rem;display:flex}.arrangement-summary strong,.arrangement-summary span{border:1px solid #fff9ed4d;border-radius:999px;padding:.2rem .5rem;font-size:.8rem;line-height:1.2}.arrangement-summary strong{border-color:var(--color-gold);background-color:var(--color-gold);color:var(--color-mahjong-black)}.tile-selection h2,.tile-selection h3,.selected-hand h2,.selected-hand h3{color:var(--color-on-table)}.selected-hand .scoring-result{background-color:var(--color-panel);color:var(--color-mahjong-black);border-radius:.5rem;margin-top:1.25rem;padding:1.25rem}.selected-hand .scoring-result h3{color:var(--color-mahjong-black)}.selected-hand .tile-row{flex-wrap:nowrap;gap:clamp(.15rem,1vw,.5rem)}.selected-hand .mahjong-tile{aspect-ratio:5.5/7;flex:0 5.5rem;width:5.5rem;min-width:0;height:auto}.tile-row{flex-wrap:wrap;gap:.5rem;display:flex}.mahjong-tile{border:1px solid var(--color-border);background-color:var(--color-tile);width:5.5rem;height:7rem;color:var(--color-mahjong-black);cursor:pointer;border-radius:.35rem}@media (width>=64.01rem){.calculator-page{padding-block:1rem .25rem}.calculator-page>header h1{font-size:2rem}.calculator-header{margin-bottom:.75rem}.calculator-layout{grid-template:"tiles winning""tiles scoring""selected dora"/minmax(0,2fr) minmax(26rem,1fr);gap:1rem;padding:1rem}.hand-conditions{display:contents}.hand-conditions>section{padding:.85rem 1rem}.winning-information{grid-area:winning;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:.5rem}.winning-information h2{grid-column:1/-1}.scoring-conditions{grid-area:scoring;gap:.6rem}.dora-selection{grid-area:dora;gap:.5rem}.hand-conditions h2{margin-bottom:0;font-size:1.4rem}.tile-selection-header h2,.selected-hand h2{font-size:1.45rem}.tile-mode-groups{gap:.5rem 1rem;margin-block:.65rem .5rem}.tile-mode-group .input-modes{margin-top:.25rem}.mode-button{padding:.3rem .6rem}.mode-guidance{grid-template-columns:auto 1fr;align-items:baseline;gap:.75rem;margin-bottom:.65rem;padding:.45rem .65rem}.tile-picker{gap:.65rem}.tile-picker .tile-row{grid-template-columns:repeat(9,minmax(0,4.25rem));gap:.35rem}.tile-picker .tile-group h3{margin-bottom:.25rem;font-size:1rem}.winning-tile-selection p{margin:.15rem 0 0}.winning-tile-options{grid-template-columns:repeat(7,minmax(0,2rem));gap:.2rem;display:grid}.winning-tile-options .mahjong-tile{width:100%}.win-method-options{margin-top:.25rem}.win-method-button{padding-block:.4rem}.win-method-description{min-height:0;margin-top:.3rem}.scoring-conditions fieldset{padding:.45rem .65rem}.scoring-conditions .input-modes{gap:.35rem;margin-block:.35rem 0}.wind-selectors{gap:.5rem}.wind-selectors fieldset{padding-inline:.5rem}.wind-button{padding:.25rem .15rem;font-size:1.1rem}.win-event-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.win-event-group .input-modes{gap:.3rem}.dora-selection>p{margin-top:0;font-size:.875rem}.dora-summary{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem}.indicator-group{padding:.55rem}.indicator-group h3{font-size:1rem}.indicator-group p{font-size:.85rem}.selected-hand{padding:.85rem 1rem}.selected-hand-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.55rem;display:flex}.selected-hand-header h2{margin-bottom:0}.selected-hand-actions{flex:none}.selected-hand-controls{justify-content:flex-end}.selected-hand-content{grid-template-columns:minmax(0,2fr) minmax(12rem,1fr);gap:1rem;display:grid}.selected-hand h2,.selected-hand h3,.selected-hand p{margin-bottom:.4rem}.selected-hand h3{font-size:1rem}.selected-hand .mahjong-tile{flex-basis:4.25rem;width:4.25rem}.action-button{padding:.4rem .75rem}}@media (width<=36rem){.calculator-header{align-items:flex-start}.history-open-button{padding-inline:.55rem}.history-dialog{width:calc(100% - 1rem)}.history-dialog-header,.history-list,.history-dialog-footer{padding-inline:.75rem}.history-entry-heading{flex-direction:column;align-items:flex-start}.calculator-layout{padding:.75rem}.tile-mode-groups{display:grid}}@media (width<=64rem){.calculator-layout{grid-template:"tiles""selected""conditions"/minmax(0,1fr)}}.mahjong-tile.svelte-1nuh4c6{cursor:pointer;background:linear-gradient(145deg,#fff 0%,#fffdf7 72%,#eee7d8 100%);border:1px solid #c8c0b1;border-radius:.45rem;padding:.12rem;transition:transform .12s,filter .12s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 .18rem #c9bea8,0 .28rem .4rem #2024202e}.mahjong-tile.svelte-1nuh4c6:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-.12rem)}.mahjong-tile.svelte-1nuh4c6:focus-visible{outline:3px solid var(--color-mahjong-red);outline-offset:2px}.mahjong-tile[aria-pressed=true].svelte-1nuh4c6{border-color:var(--color-gold);outline:3px solid var(--color-gold);outline-offset:2px}.mahjong-tile.svelte-1nuh4c6:disabled{opacity:.45;cursor:not-allowed}.mahjong-tile.removable.svelte-1nuh4c6:after{border:1px solid var(--color-tile);background-color:var(--color-mahjong-red);width:1.15rem;height:1.15rem;color:var(--color-tile);content:"×";opacity:0;pointer-events:none;border-radius:50%;place-items:center;font-size:1rem;font-weight:700;line-height:1;transition:opacity .12s,transform .12s;display:grid;position:absolute;top:.2rem;right:.2rem;transform:scale(.8);box-shadow:0 .1rem .25rem #2024204d}.mahjong-tile.removable.svelte-1nuh4c6:hover:after,.mahjong-tile.removable.svelte-1nuh4c6:focus-visible:after{opacity:1;transform:scale(1)}@media (hover:none){.mahjong-tile.removable.svelte-1nuh4c6:after{opacity:1;transform:scale(1)}}img.svelte-1nuh4c6{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}