:root{color-scheme:light;font-family:Trebuchet MS,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1e1b18;background:radial-gradient(circle at top left,rgba(108,162,232,.26),transparent 34%),linear-gradient(180deg,#eef5ff,#dfeafb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-panel: rgba(249, 252, 255, .9);--bg-panel-strong: #f9fcff;--border: rgba(41, 71, 119, .14);--border-strong: rgba(41, 71, 119, .24);--text-muted: #546478;--accent: #1f5ea8;--accent-strong: #15467e;--accent-soft: #dbe9fb;--gold: #bf8a10;--gold-strong: #8f6700;--gold-soft: #f8e7b1;--danger: #8d3032;--shadow: 0 18px 44px rgba(50, 88, 148, .12);--radius: 22px}*{box-sizing:border-box}body{margin:0;min-width:320px;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}input,select{width:100%;border:1px solid var(--border);border-radius:14px;background:#fffdf8;padding:.82rem .95rem;color:inherit;text-align:left}input:focus,select:focus,button:focus{outline:3px solid rgba(31,94,168,.18);outline-offset:2px}#root{width:100%}.app-shell{width:min(1100px,100%);margin:0 auto;padding:1rem 1rem 3rem}.hero-card,.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow)}.hero-card{padding:1.25rem}.hero-topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.eyebrow{margin:0 0 .35rem;color:var(--accent-strong);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.language-picker{display:inline-grid;gap:.25rem;min-width:8rem}.language-picker span{font-size:.74rem;font-weight:800;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}.language-picker select{padding:.65rem .8rem;border-radius:999px;background:#fffbf5e6}h1,h2,p{margin-top:0}h1{margin-bottom:.55rem;font-size:clamp(2rem,6vw,3.8rem);line-height:.98}h2{margin-bottom:.2rem;font-size:1.05rem}.hero-copy,.section-copy,.combo-toggle p,.combo-body p,.copy-feedback{color:var(--text-muted)}.hero-subtitle{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.45rem;margin-bottom:0;font-size:clamp(1rem,3vw,1.2rem);font-weight:700;color:var(--accent-strong)}.hero-subtitle ruby{ruby-position:over;font-size:1.15em}.hero-subtitle rt{font-size:.47em;letter-spacing:.02em;color:var(--text-muted)}.hero-divider{color:#5464788c}.tab-bar{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin:1rem 0}.tab-button,.segment,.pill-button,.primary-button,.ghost-button{border:0;border-radius:999px;transition:transform .16s ease,background-color .16s ease,color .16s ease}.tab-button,.segment,.pill-button,.ghost-button{background:#fffbf5d6;color:#3f342d}.tab-button{min-height:52px;padding:.85rem 1rem;border:1px solid var(--border);font-weight:700}.tab-button.active,.segment.active{background:var(--accent);color:#f8fff9}.content-stack,.combo-grid,.summary-grid,.results-grid,.player-list,.settings-grid{display:grid;gap:1rem}.card{padding:1rem}.summary-card .big-inline{margin-bottom:0;font-size:clamp(1.2rem,4.2vw,1.8rem);font-weight:800}.rank-line{line-height:1.4}.suit-line{display:flex;align-items:center;gap:.45rem}.suit{display:inline-flex;align-items:center;justify-content:center;min-width:1ch}.suit-red,.suit-token-red{color:#b63a3a}.suit-black,.suit-token-black{color:#221d1a}.suit-separator{color:#3b312b}.suit-card-row{display:flex;align-items:center;justify-content:center;gap:.55rem;margin-top:.35rem;overflow:hidden}.combo-ranking-strip{display:flex;flex-wrap:wrap;align-items:center;gap:.55rem .35rem;margin-top:.35rem}.combo-ranking-item{display:inline-flex;align-items:center;gap:.35rem}.combo-ranking-chip{display:inline-flex;align-items:center;gap:.45rem;border:1px solid rgba(64,47,30,.12);border-radius:999px;background:#fffdf8e6;padding:.5rem .8rem;color:#2a221d;font-weight:800}.combo-ranking-chip.active{background:var(--accent-soft);border-color:#1f5ea859;color:var(--accent-strong);box-shadow:0 0 0 4px #1f5ea814}.combo-ranking-chip.detected{background:var(--gold-soft);border-color:#bf8a106b;color:var(--gold-strong);box-shadow:0 0 0 4px #bf8a101f}.combo-rank-number{display:inline-flex;align-items:center;justify-content:center;width:1.55rem;height:1.55rem;border-radius:999px;background:#1f5ea81a;font-size:.82rem}.combo-ranking-arrow{color:var(--text-muted);font-weight:900}.valid-plays-grid{display:grid;gap:.8rem;margin-top:.35rem}.valid-play-card{border:1px solid rgba(41,71,119,.12);border-radius:18px;background:#ffffff8c;padding:.85rem .95rem}.valid-play-card h3,.valid-play-card p,.invalid-play-note{margin:0}.valid-play-card h3{margin-bottom:.3rem;font-size:1rem}.valid-play-card p{color:var(--text-muted)}.valid-play-example{margin-top:.45rem!important;color:var(--accent-strong)!important;font-weight:700}.invalid-play-note{margin-top:.9rem;color:var(--text-muted)}.hand-checker-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.hand-checker-copy,.hand-checker-helper{margin-bottom:0}.hand-checker-result{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin-top:.9rem;padding:.8rem .95rem;border:1px solid rgba(41,71,119,.1);border-radius:18px;background:#ffffff94}.hand-checker-result strong{color:var(--accent-strong)}.hand-checker-result span{color:var(--text-muted);font-size:.92rem;font-weight:700}.hand-checker-suits{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.85rem}.hand-checker-helper{margin-top:.55rem;color:var(--text-muted);font-size:.92rem}.hand-checker-deck{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem;margin-top:1rem}.hand-checker-suit-group{min-width:0}.hand-checker-suit-badge{display:inline-flex;align-items:center;gap:.28rem;margin-bottom:.5rem;padding:.25rem .45rem;border-radius:999px;background:#dbe9fbc7;font-size:.72rem;font-weight:800}.hand-checker-suit-badge-red{color:#b63a3a}.hand-checker-suit-badge-black{color:#221d1a}.hand-checker-stack{display:flex;flex-direction:column;padding-bottom:.35rem}.checker-card{position:relative;display:grid;justify-items:start;align-content:space-between;min-width:0;width:100%;aspect-ratio:.68;padding:.34rem .32rem;border:1px solid rgba(41,71,119,.16);border-radius:.8rem;background:#fffdf8;box-shadow:0 10px 18px #32589414;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background-color .15s ease}.hand-checker-stack .checker-card+.checker-card{margin-top:-2.9rem}.checker-card:hover{transform:translateY(-1px);border-color:#1f5ea847}.checker-card-selected-hand{border-color:#bf8a107a;background:linear-gradient(180deg,#f8e7b1fa,#fffcf0fa);box-shadow:0 12px 22px #8f670024,0 0 0 3px #bf8a1024}.checker-card-rank{position:absolute;top:.36rem;left:.36rem;font-size:.9rem;font-weight:900;line-height:1}.checker-card-corner-suit{position:absolute;top:.34rem;right:.36rem;font-size:.78rem;line-height:1}.checker-card-red{color:#b63a3a}.checker-card-black{color:#221d1a}.suit-order-item{display:flex;align-items:center;gap:.55rem}.summary-cardface,.rank-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:2.65rem;height:3.7rem;padding:.32rem .35rem;border:1px solid rgba(64,47,30,.18);border-radius:.9rem;background:#fffdf8;box-shadow:0 10px 20px #3258941a}.summary-card-rank,.rank-card-rank{font-size:.86rem;font-weight:900;line-height:1}.summary-card-suit,.rank-card-suit{align-self:center;font-size:1.3rem;line-height:1}.suit-separator-card{padding:0;color:#4f678d;font-size:1.5rem;font-weight:800;line-height:1;transform:translateY(-2px)}.rank-fan{display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding:.4rem 0 .25rem}.rank-card{flex:0 0 auto;width:2.48rem;height:3.5rem;margin-left:-1.35rem}.rank-card-plain{justify-content:flex-start;align-items:flex-start;padding:.4rem .45rem}.rank-card:first-child{margin-left:0}.rank-card .rank-card-rank{position:absolute;top:.36rem;left:.45rem;font-size:.88rem}.rank-helper{margin:.55rem 0 0;font-size:.92rem;color:var(--text-muted);text-align:center}.card-header,.combo-toggle,.section-toggle,.action-row,.player-row,.net-list li{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.token-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:1rem}.suit-token-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.45rem}.token,.pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.35rem .7rem;background:var(--accent-soft);color:var(--accent-strong);font-size:.83rem;font-weight:700}.suit-token{background:#dbe9fbd1;min-width:0;padding:.32rem .38rem;font-size:.72rem;white-space:nowrap}.combo-card,.results-card{padding:0;overflow:hidden}.combo-card-highlighted{border-color:#1f5ea861;background:linear-gradient(180deg,#dbe9fbb8,#f9fcfff5 34%);box-shadow:0 18px 44px #32589429,0 0 0 8px #1f5ea82e}.combo-card-detected{border-color:#bf8a1073;background:linear-gradient(180deg,#f8e7b1bd,#fffcf0fa 34%);box-shadow:0 18px 44px #8f670024,0 0 0 8px #bf8a1029}.combo-toggle,.section-toggle{width:100%;border:0;background:transparent;padding:1rem 1rem .7rem;text-align:left}.combo-heading{min-width:0}.chevron{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2.3rem;height:2.3rem;border-radius:999px;background:#dbe9fbc2}.chevron-icon{width:.8rem;height:.8rem;border-right:3px solid var(--accent-strong);border-bottom:3px solid var(--accent-strong);transform:rotate(45deg) translate(-10%,-10%);transition:transform .18s ease}.chevron-icon.open{transform:rotate(225deg) translate(-4%,-4%)}.combo-preview{padding:0 1rem 1rem}.hand-strip{display:flex;align-items:flex-end;min-height:108px;padding:.3rem 0 .15rem;overflow:hidden}.mini-card{width:56px;max-width:18vw;height:auto;margin-left:-.9rem;filter:drop-shadow(0 8px 14px rgba(40,30,10,.12))}.mini-card:first-child{margin-left:0}.preview-caption{margin:.35rem 0 0;font-size:.92rem;color:var(--text-muted)}.combo-body{border-top:1px solid var(--border);padding:0 1rem 1rem}.detail-list{display:grid;gap:.75rem;margin:0}.detail-list dt{margin-bottom:.2rem;font-size:.82rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-strong)}.detail-list dd{margin:0}.rules-list,.error-list,.results-list{margin:0;padding-left:1.1rem}.segmented{display:inline-flex;gap:.35rem;padding:.25rem;border:1px solid var(--border);border-radius:999px;background:#fffbf5e6}.segment{min-width:42px;min-height:42px;padding:.55rem .8rem}.player-row,.settings-grid{align-items:end}.player-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-bottom:.15rem}.player-columns span{font-size:.85rem;font-weight:700;color:var(--text-muted)}.player-field{min-width:0}label{display:grid;gap:.35rem;flex:1}label span{font-size:.85rem;font-weight:700;color:var(--text-muted)}.action-row{flex-wrap:wrap;gap:.8rem}.settings-toggle{width:100%;border:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:space-between;gap:1rem;text-align:left}.settings-summary{margin-bottom:0}.settings-icon{display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;border-radius:999px;background:var(--accent-soft);color:var(--accent-strong);font-size:1.2rem;flex-shrink:0}.primary-button,.ghost-button{min-height:52px;padding:.85rem 1.15rem;font-weight:800;flex:1 1 220px}.primary-button{background:var(--accent);color:#f8fff9}.ghost-button{border:1px solid var(--border)}.error-card{border-color:#8d303233;background:#fff7f6eb}.error-card h2,.error-list{color:var(--danger)}.pill-button{padding:.5rem .8rem;border:1px solid var(--border)}.primary-pill-button{background:var(--accent);color:#f8fff9;border-color:var(--accent)}.results-list li{padding:.3rem 0}.net-list{list-style:none;padding-left:0}.results-card .card-header{align-items:flex-start;flex-wrap:wrap;padding:1rem 1rem 0}.results-actions{display:flex;flex-wrap:wrap;gap:.55rem}.results-card .results-list{list-style:none;padding:.35rem 1rem 1rem;margin-top:0;overflow:hidden}.settlement-item{list-style:none;display:grid;gap:.55rem;padding:1rem .25rem;border-bottom:1px solid rgba(64,47,30,.08)}.settlement-main{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;font-size:1.02rem}.settlement-main span,.settlement-amount span{color:var(--text-muted)}.settlement-amount{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:.45rem 1.3rem;padding-right:.2rem}.settlement-amount strong{min-width:0}.settlement-amount span{text-align:right;white-space:nowrap}.net-list li{padding:.85rem .25rem;border-bottom:1px solid rgba(64,47,30,.08)}.copy-feedback{margin:.8rem 0 0;font-size:.9rem}.history-stack{display:grid;gap:1rem;margin-top:.9rem}.history-header-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.history-summary{margin-bottom:0}.history-reset-button{flex:0 0 auto;min-height:46px}.saved-table{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:#ffffff8a}.saved-table-head,.saved-table-row,.history-round-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center}.saved-table-head,.saved-table-row{padding:.85rem 1rem}.saved-table-head{background:#dbe9fbb3;color:var(--accent-strong);font-size:.82rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.saved-table-row{border-top:1px solid rgba(41,71,119,.08)}.history-details{border-top:1px solid rgba(41,71,119,.12);padding-top:.8rem}.history-details summary{cursor:pointer;font-weight:800;color:var(--accent-strong)}.history-list{display:grid;gap:.8rem;margin-top:.9rem}.history-card{border:1px solid rgba(41,71,119,.12);border-radius:18px;background:#ffffff85;padding:.9rem 1rem}.history-card-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.8rem;margin-bottom:.7rem;color:var(--text-muted);font-size:.92rem}.history-card-meta{display:grid;gap:.2rem}.history-delete-button{border:1px solid rgba(41,71,119,.14);border-radius:999px;background:#fffc;color:var(--accent-strong);padding:.5rem .8rem;font-weight:700}.history-round-table{display:grid;gap:.55rem}.history-round-row{padding-top:.55rem;border-top:1px solid rgba(41,71,119,.08)}@media (min-width: 760px){.app-shell{padding:1.4rem 1.4rem 3.5rem}.hero-card{padding:1.6rem}.combo-grid,.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch}.valid-plays-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.suit-token-row{display:flex}.suit-token{padding:.35rem .7rem;font-size:.83rem}.hand-checker-deck{grid-template-columns:1fr;gap:.8rem}.hand-checker-suit-group{display:grid;grid-template-columns:7.5rem minmax(0,1fr);align-items:start;gap:.7rem}.hand-checker-suit-badge{align-self:center;width:7rem;justify-content:center;margin-bottom:0;margin-top:0;font-size:.78rem}.hand-checker-stack{flex-direction:row;align-items:flex-start;min-width:0;overflow:hidden;padding-bottom:0}.hand-checker-stack .checker-card{width:3rem;aspect-ratio:.7}.hand-checker-stack .checker-card-corner-suit{top:50%;right:auto;left:50%;font-size:1rem;transform:translate(-50%,-50%)}.hand-checker-stack .checker-card+.checker-card{margin-top:0;margin-left:-1.05rem}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.mini-card{width:62px;max-width:none}.rank-card{width:2.8rem;height:3.8rem;margin-left:-1.1rem}}@media (min-width: 980px){.content-stack{gap:1.2rem}.combo-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}