:root{--felt:#0f5a40;--felt-dark:#0b3d2e;--gold:#f2c94c;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{background:var(--felt-dark);color:#f4f4f4;overscroll-behavior:none;-webkit-text-size-adjust:100%;margin:0}button,select,.card,.chip{touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}html{background:var(--felt-dark)}:root,[data-theme=parchment]{--btn-bg:#f3e9d2;--btn-border:#d8c7a0;--btn-fg:#3b2f1e;--btn-hover:#f8f0de}[data-theme=sage]{--btn-bg:#e1eee4;--btn-border:#b3cfbb;--btn-fg:#1f3b2c;--btn-hover:#ecf5ee}[data-theme=sand]{--btn-bg:#f5e2d0;--btn-border:#e0bf9f;--btn-fg:#4a2c16;--btn-hover:#faeee3}button{font:inherit;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);cursor:pointer;border-radius:.3rem;padding:.3rem .6rem}:where(button:not(:disabled):hover){background:var(--btn-hover)}button:disabled{opacity:.35;cursor:default}header{align-items:center;gap:1rem;padding:.6rem 1rem;display:flex}header h1{margin:0;font-size:1.2rem}main{grid-template-columns:minmax(0,1fr) 300px;gap:1rem;padding:0 1rem 1rem;display:grid}@media (width<=820px){main{grid-template-columns:minmax(0,1fr)}}.muted{opacity:.75;font-size:.85rem}.table{background:var(--felt);border-radius:1rem;grid-template-columns:1fr 2fr 1fr;grid-template-areas:".north.""west trick east"".south.""status status status";gap:.5rem;padding:1rem;display:grid}.seat{background:#0003;border-radius:.5rem;flex-direction:column;align-self:center;align-items:center;gap:.15rem;padding:.4rem;display:flex}.seat.north{grid-area:north}.seat.south{grid-area:south}.seat.west{grid-area:west}.seat.east{grid-area:east}.seat.turn{outline:2px solid var(--gold)}.tag{background:var(--gold);color:#222;border-radius:.3rem;padding:0 .35rem;font-size:.8rem}.trick{grid-area:trick;grid-template-areas:".north.""west.east"".south.";place-items:center;min-height:190px;padding-bottom:1.4rem;display:grid;position:relative}.trick-card.north{grid-area:north}.trick-card.south{grid-area:south}.trick-card.west{grid-area:west}.trick-card.east{grid-area:east}.trick .card{cursor:default}.trick-caption{opacity:.8;font-size:.8rem;position:absolute;bottom:0}.status{text-align:center;grid-area:status}.card{color:#111;background:#fff;border:1px solid #999;width:2.8rem;height:3.9rem;padding:0;font-size:1rem;font-weight:700}.hand{flex-wrap:wrap;justify-content:center;gap:.3rem;margin-top:1rem;display:flex}.hand .card:not(:disabled):hover{transform:translateY(-4px)}.panel{background:#00000040;border-radius:.5rem;margin-top:1rem;padding:.75rem}.panel h3{margin:0 0 .5rem;font-size:1rem}.scores{border-collapse:collapse;width:100%;font-size:.85rem}.scores th,.scores td{text-align:right;padding:.2rem .4rem}.scores .left{text-align:left}.scores .total td{border-top:1px solid #aaa;font-weight:700}.error{color:#ffb3b3}select{font:inherit;border:1px solid var(--btn-border);background:var(--btn-bg);color:var(--btn-fg);border-radius:.3rem;padding:.2rem .4rem}.suit-S{color:#f4f4f4}.suit-H{color:#ff8a80}.suit-D{color:#82b1ff}.suit-C{color:#7ee787}.suit-NT{color:var(--gold);font-size:.85em}:is(.card,.tag,button:not(.term):not(.tutor-bar):not(.chip):not(.explain-more)) .suit-S{color:#111}:is(.card,.tag,button:not(.term):not(.tutor-bar):not(.chip):not(.explain-more)) .suit-H{color:#c0392b}:is(.card,.tag,button:not(.term):not(.tutor-bar):not(.chip):not(.explain-more)) .suit-D{color:#1f5fbf}:is(.card,.tag,button:not(.term):not(.tutor-bar):not(.chip):not(.explain-more)) .suit-C{color:#1e7b34}:is(.card,.tag,button:not(.term):not(.tutor-bar):not(.chip):not(.explain-more)) .suit-NT{color:#7a3fb0;font-weight:700}.auction-log{margin:0;padding-left:1.4rem;font-size:.9rem}.auction-log li{justify-content:space-between;max-width:12rem;display:flex}.auction-log li.pass{opacity:.6}aside .panel:first-child{margin-top:0}.term{font:inherit;color:inherit;cursor:pointer;text-underline-offset:3px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.tag .term{text-decoration-color:#00000080}.tags{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.hint-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.hint-head h3{margin:0}.segmented{display:inline-flex}.segmented button{border-radius:0;padding:.15rem .5rem;font-size:.85rem}.segmented button:first-child{border-radius:.3rem 0 0 .3rem}.segmented button:last-child{border-radius:0 .3rem .3rem 0}.segmented button.on{background:var(--gold);color:#222;border-color:var(--gold)}.hint-simple{margin:.25rem 0 .5rem;font-weight:600}.hint-detailed{gap:.3rem;margin:0;padding-left:1.1rem;font-size:.88rem;display:grid}.always{margin-top:.5rem;display:block}.terms-strip{flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.6rem;font-size:.85rem;display:flex}.terms-strip .term{border:1px solid #ffffff59;border-radius:1rem;padding:.05rem .55rem;text-decoration:none}.banner{border-radius:.5rem;margin-top:.6rem;padding:.45rem .75rem;font-size:.92rem}.banner.over{background:#ff8a802e;border:1px solid #ff8a8080}.banner.under{background:#82b1ff26;border:1px solid #82b1ff80}.modal-backdrop{z-index:30;background:#0000008c;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal{background:var(--felt-dark);border:1px solid #fff3;border-radius:.75rem;width:100%;max-width:40rem;max-height:85vh;padding:1rem 1.25rem;overflow:auto}.modal-head{background:var(--felt-dark);justify-content:space-between;align-items:center;padding:.25rem 0;display:flex;position:sticky;top:-1rem}.modal dl{margin:0}.modal .entry{border-radius:.4rem;padding:.5rem}.modal .entry.focus{outline:1px solid var(--gold);background:#f2c94c26}.modal dt{font-weight:700}.modal dd{margin:.15rem 0 0}.modal dd p{margin:.25rem 0 0;font-size:.9rem}main.single{grid-template-columns:minmax(0,1fr);max-width:60rem}.review{border-top:1px solid #fff3;margin:.75rem 0;padding-top:.5rem}.review h4{margin:.4rem 0 .25rem;font-size:.95rem}.review ul{gap:.3rem;margin:0;padding-left:1.1rem;font-size:.9rem;display:grid}.drill-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.drill-answers{gap:.5rem;margin-top:.75rem;display:grid}.drill-answers button{min-width:2.2rem;margin:0 .15rem .15rem 0}.drill-answers button.on{background:var(--gold);border-color:var(--gold)}.drills .panel .hand{justify-content:flex-start}.result.correct{border-left:4px solid #7ee787}.result.close{border-left:4px solid var(--gold)}.result.wrong{border-left:4px solid #ff8a80}.rules-flow{gap:.4rem;padding-left:1.2rem;display:grid}.rules-table{margin:.75rem 0}.result .next{margin-top:1rem}.breakdown{border-top:1px solid #fff3;margin-top:.75rem;padding-top:.5rem}.breakdown h4{margin:0 0 .35rem;font-size:.95rem}.breakdown-label{text-transform:uppercase;letter-spacing:.05em;opacity:.75;margin:.5rem 0 .25rem;font-size:.8rem}.muted-list{opacity:.85}.count-view{border-top:1px solid #fff3;margin-top:.75rem;padding-top:.5rem}.count-view h4{margin:0 0 .5rem;font-size:.95rem}.tier-row{grid-template-columns:6.5rem 1fr;align-items:start;gap:.5rem;margin-bottom:.35rem;display:grid}.tier{text-transform:uppercase;letter-spacing:.04em;flex-direction:column;padding-top:.15rem;font-size:.78rem;font-weight:700;display:flex}.tier small{text-transform:none;letter-spacing:0;opacity:.75;font-weight:400}.tier-sure{color:#7ee787}.tier-likely{color:#b5e8a1}.tier-maybe{color:var(--gold)}.tier-danger{color:#ff8a80}.tier-nothing{color:#ffffff8c}.chips{flex-wrap:wrap;gap:.3rem;display:flex}.chip{font:inherit;color:inherit;cursor:pointer;background:#ffffff1a;border:1px dashed #fff6;border-radius:.4rem;padding:.05rem .45rem;font-size:.85rem}:where(.chip:hover){background:#ffffff2e}.chip.dim{opacity:.6}.count-view details{margin-top:.4rem;font-size:.88rem}.count-view summary{cursor:pointer;opacity:.8}.count-rules .tier-row{grid-template-columns:9rem 1fr}.count-rules ul{margin:0;padding-left:1rem;font-size:.9rem}.pick-row{flex-wrap:wrap;gap:.3rem;margin-bottom:.5rem;display:flex}.pick-row button{min-width:2.6rem;min-height:2.3rem}.pick-row button.on{background:var(--gold);border-color:var(--gold);color:#222}.pick-actions{flex-wrap:wrap;gap:.5rem;display:flex}.pick-actions button{min-width:5rem;min-height:2.3rem}button.primary{background:var(--gold);border-color:var(--gold);color:#222;font-weight:700}button.primary:disabled{color:inherit;background:#ffffff26}.sheet-backdrop{z-index:20;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--felt-dark);width:100%;max-height:85vh;padding:.25rem 1rem calc(1rem + env(safe-area-inset-bottom));border-top:1px solid #ffffff40;border-radius:1rem 1rem 0 0;animation:.18s ease-out sheet-up;overflow:auto}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:none}}.sheet-handle{background:0 0;border:none;margin:0 auto .5rem;padding:.6rem 2.5rem;display:block}.sheet-handle span{background:#ffffff73;border-radius:.2rem;width:2.5rem;height:.3rem;display:block}.sheet-tabs{margin-bottom:.75rem;display:flex}.sheet-tabs button{flex:1;min-height:40px}.menu-controls{gap:.6rem;display:grid}.menu-controls label{opacity:1;justify-content:space-between;align-items:center;font-size:1rem;display:flex}.menu-controls select,.menu-controls button{min-height:44px;font-size:1rem}.tutor-bar-wrap{z-index:10;padding:.4rem .75rem calc(.4rem + env(safe-area-inset-bottom));background:#0e4a37;border-top:1px solid #ffffff40;align-items:center;gap:.5rem;display:flex;position:fixed;bottom:0;left:0;right:0}.tutor-bar{text-align:left;min-height:44px;color:inherit;background:0 0;border:none;flex:1;padding:0}.tutor-line{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:.92rem;display:-webkit-box;overflow:hidden}.tutor-open{min-width:44px;min-height:44px}@media (width<=700px){.phone-bar{padding:calc(.5rem + env(safe-area-inset-top)) .75rem .5rem;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.phone-bar .segmented button{min-height:40px;padding:0 .8rem}main{gap:.5rem;padding:0 .75rem 1rem}.phone main{padding-bottom:calc(4.5rem + env(safe-area-inset-bottom))}.table{border-radius:.75rem;grid-template-columns:1fr 1.5fr 1fr;gap:.3rem;padding:.5rem}.seat{padding:.25rem;font-size:.78rem}.seat strong{font-size:.9rem}.tag{font-size:.72rem}.seat-cards{display:none}.trick{min-height:112px;padding-bottom:1.1rem}.trick .card{width:2.2rem;height:3.1rem;font-size:.85rem}.status{font-size:.9rem}.hand{grid-template-columns:repeat(7,1fr);gap:.25rem;margin-top:.6rem;display:grid}.hand .card{aspect-ratio:5/7;width:100%;height:auto;min-height:44px;font-size:clamp(.8rem,3.8vw,1rem)}.hand .card:not(:disabled):hover{transform:none}.panel{margin-top:.6rem;padding:.6rem;overflow-x:auto}.pick-row{grid-template-columns:repeat(5,1fr);display:grid}.pick-row button,.pick-actions button{min-height:44px}.pick-actions button{flex:1}.terms-strip{font-size:.8rem}.scores{font-size:.78rem}.modal-backdrop{padding:0}.modal{max-width:none;height:100%;max-height:none;padding-bottom:calc(1rem + env(safe-area-inset-bottom));border:none;border-radius:0}.segmented button{white-space:nowrap}.drill-answers button{min-height:44px}}.pick-label{margin:.25rem 0}.drill-answers{display:block}@media (width<=700px){.pick-row.numbers{grid-template-columns:repeat(7,1fr)}}.rules-table+p a{color:var(--gold)}.explain{z-index:40;color:#2b2317;background:#f8f1e1;border-radius:.6rem;padding:.6rem .8rem;font-size:.92rem;line-height:1.4;animation:.12s ease-out explain-in;position:fixed;box-shadow:0 6px 24px #00000073}@keyframes explain-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.explain p{margin:0 0 .35rem}.explain .explain-title{font-weight:700}.explain .term{color:#7a4f00;text-decoration-color:#7a4f0099}.explain .suit-S{color:#111}.explain .suit-H{color:#c0392b}.explain .suit-D{color:#1f5fbf}.explain .suit-C{color:#1e7b34}.explain .suit-NT{color:#7a3fb0}.explain-more{color:#7a4f00;background:0 0;border:none;min-height:32px;padding:.2rem 0;font-weight:700}.terms-strip .term,.term{cursor:pointer}.icon-btn{min-width:40px;min-height:40px;padding:0 .6rem;font-size:1.15rem;font-weight:700}.header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}header{flex-wrap:wrap}.dropdown{z-index:25;background:var(--felt-dark);border:1px solid #ffffff40;border-radius:.75rem;width:300px;padding:.9rem 1rem;animation:.12s ease-out explain-in;position:fixed;top:60px;right:16px;box-shadow:0 10px 30px #00000073}@media (width<=700px){.icon-btn{min-width:44px;min-height:44px}}@media (display-mode:standalone) and (width<=700px){.phone-bar{padding-top:calc(env(safe-area-inset-top) + 1.5rem)}}.drill-cards{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.5rem;display:grid}.drill-card{text-align:left;border-radius:.6rem;flex-direction:column;align-items:flex-start;gap:.15rem;min-height:4.2rem;padding:.55rem .7rem;display:flex}.drill-card.on{background:var(--gold);border-color:var(--gold);color:#222}.drill-card-title{font-weight:700}.drill-card-blurb{opacity:.85;font-size:.82rem}.drill-card-score{opacity:.7;margin-top:auto;font-size:.75rem}@media (width<=700px){.drill-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}.brand{border-radius:6px;flex:none;display:block}header h1{align-items:center;gap:.5rem;display:flex}@media (width<=700px){.phone-bar{z-index:15;background:var(--felt-dark);gap:.35rem;padding-left:.6rem;padding-right:.6rem;position:sticky;top:0}.phone-bar .icon-btn{min-width:40px;min-height:40px}.phone-bar .segmented button{padding:0 .65rem}}@media (width<=355px){.phone-bar .brand{display:none}}