:root{--ivory: #f7f2e7;--parchment: #f3ecdd;--cream: #efe7d4;--garden: #5e6f52;--garden-ink: #3e4a36;--sage: #8a9a7b;--coral: #c98a7d;--coral-deep: #a96a5d;--blush: #e8cfc4;--gold: #c9b37e;--gold-soft: #d9c9a3;--shadow: 0 2px 8px rgba(62, 74, 54, .18);--shadow-soft: 0 1px 4px rgba(62, 74, 54, .12);--tile-face: #faf6ec;--tile-edge: #e4dac2;--serif: "Georgia", "Times New Roman", "Songti SC", "SimSun", serif;--tile-w: 52px;--tile-h: 72px;font-size:17px}.big-text{font-size:20px}.high-contrast{--garden: #43523a;--garden-ink: #2b3325;--coral: #a55f50;--coral-deep: #8a4a3d;--gold: #a8904f;--sage: #6a7a5c}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{margin:0;height:100%}body{font-family:var(--serif);color:var(--garden-ink);background:var(--ivory);overscroll-behavior:none;-webkit-user-select:none;user-select:none}button{font-family:var(--serif);color:var(--garden-ink);cursor:pointer;border:1px solid var(--garden);background:var(--tile-face);border-radius:10px;padding:10px 20px;font-size:1rem;min-height:48px;box-shadow:var(--shadow-soft);transition:transform .12s ease,box-shadow .12s ease,opacity .12s ease}button:active{transform:translateY(1px);box-shadow:none}button:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--garden);color:var(--ivory);border-color:var(--garden-ink);letter-spacing:.06em}.btn-coral{background:var(--coral);color:#fff;border-color:var(--coral-deep);letter-spacing:.06em}.btn-quiet{border-color:var(--gold-soft);background:transparent;box-shadow:none}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.tile{position:relative;width:var(--tile-w);height:var(--tile-h);border-radius:8px;background:var(--tile-face);border:1px solid var(--tile-edge);box-shadow:0 2px 0 var(--tile-edge),var(--shadow-soft);padding:0;min-height:0;flex:none;display:inline-flex;align-items:center;justify-content:center;transition:transform .14s ease,box-shadow .14s ease}.tile svg{width:92%;height:92%}.tile-river{width:calc(var(--tile-w) * .72);height:calc(var(--tile-h) * .72);border-radius:6px}.tile-mini{width:calc(var(--tile-w) * .5);height:calc(var(--tile-h) * .5);border-radius:5px;box-shadow:0 1px 0 var(--tile-edge)}.tile-tappable{cursor:pointer}.tile-selected{transform:translateY(-12px);box-shadow:0 6px 0 var(--tile-edge),var(--shadow);border-color:var(--garden)}.tile-highlight{box-shadow:0 0 0 3px var(--gold),0 2px 0 var(--tile-edge),var(--shadow)}.tile-dimmed{opacity:.55}.tile-back{background:var(--cream)}.tile-back.back-ivory{background:radial-gradient(circle at 50% 50%,rgba(201,179,126,.25) 0 18%,transparent 19%),var(--cream)}.tile-back.back-sage{background:repeating-linear-gradient(45deg,rgba(94,111,82,.16) 0 3px,transparent 3px 9px),#dde3d2}.tile-back.back-coral{background:radial-gradient(circle at 50% 35%,rgba(201,138,125,.3) 0 22%,transparent 23%),radial-gradient(circle at 50% 70%,rgba(201,138,125,.2) 0 16%,transparent 17%),#f0ded6}.tile-back.back-gilded{background:repeating-linear-gradient(-45deg,rgba(201,179,126,.35) 0 2px,transparent 2px 8px),linear-gradient(#efe6cd,#e6d9b8)}.app{height:100dvh;display:flex;flex-direction:column;background:linear-gradient(#f7f2e799,#f7f2e799),url(../background.jpg) center / cover no-repeat fixed,var(--ivory);padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);overflow:hidden}.screen{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column;align-items:center;padding:16px}.home{justify-content:center;gap:14px;text-align:center}.home-logo{width:min(290px,64vw);height:auto;margin-bottom:4px}.home h1{font-weight:400;letter-spacing:.22em;font-size:1.15rem;color:var(--coral-deep);margin:0 0 14px;text-transform:uppercase}.home-buttons{display:flex;flex-direction:column;gap:12px;width:min(320px,86vw)}.home-buttons button{font-size:1.15rem;padding:14px;letter-spacing:.08em}.home-footer{display:flex;gap:10px;margin-top:18px}.home-footer button{min-height:44px;padding:8px 16px;font-size:.95rem}.home-tier{color:var(--garden);font-size:.95rem;margin-top:10px;font-style:italic}.game{flex:1;display:grid;min-height:0;gap:6px;padding:8px;grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"opps" "banner" "center" "actions" "hand"}.opps{grid-area:opps;display:flex;gap:6px;justify-content:space-between}.opp-panel{display:flex;flex-direction:column;gap:4px;padding:7px 9px;background:#faf6ecd1;border:1px solid var(--gold-soft);border-radius:10px;min-width:0;flex:1}.opp-head{display:flex;align-items:center;gap:6px;font-size:.85rem;white-space:nowrap}.opp-name{overflow:hidden;text-overflow:ellipsis}.opp-wind{color:var(--coral-deep);border:1px solid var(--blush);border-radius:50%;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;flex:none}.opp-turn{box-shadow:0 0 0 2px var(--gold)}.opp-tiles{display:flex;gap:2px;flex-wrap:wrap;align-items:center}.opp-tiles .tile{margin-right:-8px}.opp-exposures{display:flex;gap:5px;flex-wrap:wrap}.opp-meld{display:flex;gap:1px}@media (orientation: landscape) and (min-width: 760px){.game{grid-template-columns:minmax(120px,170px) 1fr minmax(120px,170px);grid-template-rows:auto auto 1fr auto auto;grid-template-areas:"west  north  east" "west  banner east" "west  center east" "actions actions actions" "hand  hand   hand"}.opps{display:contents}.opp-panel{flex:none}.opp-panel[data-pos=north]{grid-area:north;flex-direction:row;align-items:center;justify-content:center;gap:10px;justify-self:center;max-width:90%}.opp-panel[data-pos=west]{grid-area:west;align-self:start}.opp-panel[data-pos=east]{grid-area:east;align-self:start}.opp-panel[data-pos=west] .opp-tiles,.opp-panel[data-pos=east] .opp-tiles{max-width:120px}}.banner{grid-area:banner;text-align:center;font-style:italic;color:var(--garden-ink);background:#faf6ece6;border:1px solid var(--gold-soft);border-radius:10px;padding:7px 12px;margin:0 auto;max-width:560px;width:fit-content;min-height:0}.center{grid-area:center;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:0;overflow-y:auto;padding:6px}.wind-indicator{border:1.5px solid var(--garden);border-radius:14px/18px;background:#faf6eceb;padding:6px 22px;text-align:center;box-shadow:var(--shadow-soft)}.wind-indicator .label{font-size:.68rem;letter-spacing:.2em;color:var(--sage);text-transform:uppercase}.wind-indicator .who{font-size:1.05rem;color:var(--garden-ink)}.wind-indicator .wall{font-size:.72rem;color:var(--sage)}.river{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;align-content:flex-start;max-width:620px}.river-empty{color:var(--sage);font-style:italic;font-size:.9rem;padding:12px}.river .latest{animation:pulse .9s ease 1;box-shadow:0 0 0 2.5px var(--coral)}@keyframes pulse{0%{transform:scale(1.35)}to{transform:scale(1)}}.actions{grid-area:actions;display:flex;gap:8px;justify-content:center;align-items:center;flex-wrap:wrap;min-height:52px}.coach-chip{grid-area:banner;display:none}.coach-row{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:.88rem;color:var(--garden)}.coach-row .pattern{font-style:italic}.coach-why{font-size:.85rem;color:var(--garden);background:#d9c9a340;border:1px solid var(--gold-soft);border-radius:8px;padding:6px 10px;max-width:480px;text-align:center}.hand-area{grid-area:hand;display:flex;flex-direction:column;gap:6px;align-items:center;padding:8px 4px calc(8px + env(safe-area-inset-bottom));background:#faf6ecd9;border-top:1px solid var(--gold-soft);border-radius:14px 14px 0 0}.hand-tiles{display:flex;gap:4px;flex-wrap:wrap;justify-content:center;max-width:100%;padding-top:14px}.hand-exposures{display:flex;gap:8px;flex-wrap:wrap}.score-strip{display:flex;gap:14px;font-size:.82rem;color:var(--garden);flex-wrap:wrap;justify-content:center}.score-strip b{color:var(--garden-ink)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3e4a3659;display:flex;align-items:center;justify-content:center;z-index:30;padding:18px}.dialog{background:var(--ivory);border:1.5px solid var(--garden);border-radius:16px;box-shadow:var(--shadow);padding:22px;max-width:420px;width:100%;max-height:86dvh;overflow-y:auto;text-align:center}.dialog h2{font-weight:400;letter-spacing:.12em;color:var(--coral-deep);margin:0 0 10px;font-size:1.2rem}.dialog .stack{display:flex;flex-direction:column;gap:10px;margin-top:14px}.claim-tile{display:flex;justify-content:center;margin:8px 0}.claim-countdown{height:4px;background:var(--blush);border-radius:2px;overflow:hidden;margin-top:12px}.claim-countdown>div{height:100%;background:var(--coral);animation:shrink linear forwards}@keyframes shrink{0%{width:100%}to{width:0}}.sheet{position:fixed;inset:auto 0 0 0;max-height:78dvh;background:var(--ivory);border-top:2px solid var(--garden);border-radius:18px 18px 0 0;z-index:25;overflow-y:auto;padding:14px 16px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -6px 24px #3e4a3640}.card-page{max-width:640px;width:100%}.card-title{text-align:center;letter-spacing:.2em;color:var(--coral-deep);font-weight:400;text-transform:uppercase;font-size:1.1rem}.card-category{margin:18px 0 6px;color:var(--garden);letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;border-bottom:1px solid var(--gold-soft);padding-bottom:4px}.card-hand{display:flex;align-items:baseline;gap:10px;padding:7px 6px;border-radius:8px;flex-wrap:wrap}.card-hand.closest{background:#d9c9a34d}.card-hand .pattern{font-size:1.05rem;letter-spacing:.08em;white-space:nowrap}.card-hand .meta{font-size:.8rem;color:var(--sage)}.card-hand .pts{margin-left:auto;color:var(--garden-ink);font-size:.9rem}.seg-n{color:var(--garden-ink)}.seg-c{color:var(--coral-deep)}.seg-g{color:var(--garden)}.seg-gold{color:#9a7d3c}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:100%;max-width:520px;margin:14px 0}.stat-box{background:#faf6ece6;border:1px solid var(--gold-soft);border-radius:12px;padding:12px;text-align:center}.stat-box .v{font-size:1.5rem;color:var(--garden-ink)}.stat-box .l{font-size:.78rem;color:var(--sage);letter-spacing:.08em;text-transform:uppercase}.tier-bar{width:100%;max-width:520px;height:10px;background:var(--blush);border-radius:5px;overflow:hidden}.tier-bar>div{height:100%;background:linear-gradient(90deg,var(--sage),var(--gold))}.badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;max-width:520px}.badge{border:1px solid var(--gold-soft);border-radius:999px;padding:6px 12px;font-size:.85rem;background:#faf6ece6}.badge.locked{opacity:.4}.settings-list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:460px;margin-top:10px}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#faf6ece6;border:1px solid var(--gold-soft);border-radius:12px;padding:12px 14px}.seg-buttons{display:flex;gap:6px}.seg-buttons button{min-height:40px;padding:6px 12px;font-size:.9rem}.seg-buttons .on{background:var(--garden);color:var(--ivory)}.back-row{width:100%;max-width:640px;display:flex;align-items:center;gap:8px;margin-bottom:4px}.back-row h1{font-size:1.05rem;font-weight:400;letter-spacing:.16em;text-transform:uppercase;color:var(--coral-deep);margin:0 auto}.howto{max-width:560px;line-height:1.55;font-size:.98rem}.howto h3{color:var(--coral-deep);font-weight:400;letter-spacing:.1em;margin:18px 0 4px}@media (max-width: 480px){:root{--tile-w: 44px;--tile-h: 62px}.hand-tiles{gap:3px}.opp-tiles .tile-mini{width:16px;height:24px}.opp-tiles .tile{margin-right:-6px}}