.app{flex-direction:column;min-height:100dvh;display:flex}.menu{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2rem;padding:2.5rem 1.25rem 3rem;display:flex}.brand{flex-direction:column;gap:.6rem;max-width:36rem;animation:.7s both rise-in;display:flex}.brand h1{font-family:var(--font-display);letter-spacing:.02em;color:var(--ivory);text-shadow:0 2px 24px #00000073;margin:0;font-size:clamp(2.8rem,8vw,4.5rem);font-weight:700;line-height:.95}.brand h1 span{color:var(--jade-bright);display:block}.brand p{color:var(--ivory-dim);margin:0;font-size:1.05rem;line-height:1.5}.guarantee{color:var(--jade-bright);letter-spacing:.04em;background:#3d7a6a26;border:1px solid #5a9e8a59;border-radius:999px;align-items:center;gap:.4rem;margin:.25rem auto 0;padding:.35rem .75rem;font-size:.75rem;display:inline-flex}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;width:min(640px,100%);animation:.7s .12s both rise-in;display:grid}.mode-card{appearance:none;color:var(--ivory);border-radius:var(--radius);text-align:left;background:linear-gradient(145deg,#5c40308c,#2c1810cc);border:1px solid #d4c4b02e;padding:1.35rem 1.2rem 1.45rem;transition:transform .2s,border-color .2s,box-shadow .2s}.mode-card:hover,.mode-card:focus-visible{border-color:var(--jade-bright);box-shadow:0 12px 32px #00000059, 0 0 0 1px var(--jade-glow);outline:none;transform:translateY(-3px)}.mode-card h2{font-family:var(--font-display);margin:0 0 .35rem;font-size:1.75rem;font-weight:600}.mode-card p{color:var(--ivory-dim);margin:0 0 .75rem;font-size:.88rem;line-height:1.45}.mode-card .meta{letter-spacing:.06em;text-transform:uppercase;color:var(--jade-bright);font-size:.75rem}.sister-games{flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;display:flex}.sister-games-menu{width:100%;animation:.7s .2s both rise-in}.sister-link{color:var(--ivory-dim);background:#140c0859;border:1px solid #d4c4b038;border-radius:999px;align-items:center;gap:.55rem;padding:.55rem 1rem;font-size:.9rem;text-decoration:none;transition:color .15s,border-color .15s,background .15s;display:inline-flex}.sister-link strong{color:var(--jade-bright);font-weight:600}.sister-link:hover,.sister-link:focus-visible{color:var(--ivory);border-color:var(--jade-bright);background:#3d7a6a33;outline:none}a.sister-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.icon-btn{min-width:2.4rem;padding:.4rem .55rem}.mahjong-icon{border-radius:4px;width:1.35rem;height:1.35rem;display:block;box-shadow:0 1px 3px #00000059}.sister-link .mahjong-icon{width:1.55rem;height:1.55rem}.contrast-toggle{appearance:none;color:var(--ivory);background:#3d7a6a26;border:1px solid #d4c4b040;border-radius:999px;align-items:center;gap:.55rem;padding:.5rem .9rem;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s;display:inline-flex}.contrast-toggle.compact{border-radius:8px;padding:.4rem .55rem}.contrast-toggle:hover,.contrast-toggle:focus-visible{border-color:var(--jade-bright);background:#3d7a6a59;outline:none}.contrast-toggle.on{border-color:var(--jade-bright);background:#3d7a6a66;box-shadow:0 0 0 1px #5a9e8a59}.contrast-swatches{gap:3px;display:inline-flex}.contrast-swatches .swatch{border-radius:50%;width:.55rem;height:.55rem;box-shadow:inset 0 0 0 1px #00000040}.contrast-toggle:not(.on) .swatch.heart,.contrast-toggle:not(.on) .swatch.diamond{background:var(--card-red)}.contrast-toggle:not(.on) .swatch.club,.contrast-toggle:not(.on) .swatch.spade{background:var(--card-black)}.contrast-toggle.on .swatch.heart{background:#e8352e}.contrast-toggle.on .swatch.diamond{background:#f0a12f}.contrast-toggle.on .swatch.club{background:#3d7dd6}.contrast-toggle.on .swatch.spade{background:#1c1410;box-shadow:inset 0 0 0 1px #f3ebe059}.contrast-label{letter-spacing:.02em}.play{flex-direction:column;flex:1;min-height:100dvh;max-height:100dvh;display:flex;overflow:hidden}.hud{padding:.85rem 1.1rem;padding-top:max(.55rem, env(safe-area-inset-top));padding-left:max(.65rem, env(safe-area-inset-left));padding-right:max(.65rem, env(safe-area-inset-right));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:20;background:#140c08eb;border-bottom:1px solid #d4c4b01f;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem 1rem;display:grid;position:sticky;top:0}.hud-stats{flex-wrap:wrap;justify-self:start;align-items:baseline;gap:1rem 1.4rem;display:flex}.hud .sister-games{justify-self:center}.stat{flex-direction:column;gap:.1rem;display:flex}.stat label{letter-spacing:.08em;text-transform:uppercase;color:var(--ivory-dim);font-size:.65rem}.stat strong{font-family:var(--font-display);color:var(--ivory);font-size:1.35rem;font-weight:600}.hud-actions{flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:.5rem;display:flex}.btn{appearance:none;color:var(--ivory);background:#3d7a6a33;border:1px solid #d4c4b040;border-radius:8px;padding:.55rem .9rem;font-size:.85rem;font-weight:500;transition:background .15s,border-color .15s,transform .15s}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){border-color:var(--jade-bright);background:#3d7a6a66;outline:none}.btn-ghost{background:0 0}.btn-primary{background:var(--jade);border-color:var(--jade-bright)}.btn-primary:hover:not(:disabled){background:var(--jade-bright);color:var(--ink)}.key{font-family:var(--font-ui);vertical-align:middle;background:#140c0859;border:1px solid #d4c4b059;border-radius:4px;margin-left:.25rem;padding:.05rem .35rem;font-size:.7rem;font-weight:600;line-height:1.2;display:inline-block}.board-wrap{min-height:0;padding:.75rem .75rem max(.75rem, env(safe-area-inset-bottom));-webkit-overflow-scrolling:touch;flex:1;justify-content:center;align-items:stretch;display:flex;position:relative;overflow:auto}.board{background:radial-gradient(ellipse 80% 60% at 50% 20%, #5a9e8a33, transparent 55%), linear-gradient(165deg, var(--felt) 0%, var(--felt-deep) 100%);-webkit-user-select:none;user-select:none;--card-w:112px;--card-h:calc(var(--card-w) * var(--card-ratio));--stack-up:calc(var(--card-w) * .3);--stack-down:calc(var(--card-w) * .13);--waste-fan:calc(var(--card-w) * .25);border:1px solid #d4c4b01f;border-radius:16px;width:min(1280px,100%);margin:0 auto;padding:1.35rem 1.25rem 1.6rem;animation:.45s both rise-in;box-shadow:inset 0 1px #ffffff0f,0 18px 48px #00000059}.board.is-dragging{cursor:grabbing}.board-top,.tableau{gap:var(--board-gap);grid-template-columns:repeat(7,minmax(0,1fr));align-items:start;width:100%;display:grid}.board-top{margin-bottom:1.25rem}.top-slot{width:100%;min-width:0;position:relative}.top-spacer{visibility:hidden;pointer-events:none}.waste{height:var(--card-h)}.waste-card{width:var(--card-w);z-index:1;max-width:100%;position:absolute;top:0;left:0}.waste-card .card{width:100%}.tableau{min-height:calc(var(--card-h) + 8 * var(--stack-up))}.tableau-col{width:100%;min-width:0;min-height:calc(var(--card-h) + 7 * var(--stack-down));border-radius:10px;align-self:start;transition:background .15s,box-shadow .15s;position:relative}.tableau-col.drop-target-col{background:#3d7a6a2e;box-shadow:inset 0 0 0 2px #5a9e8a73}.tableau-card{width:100%;position:absolute;left:0;right:0}.tableau-card .card,.top-slot>.card,.foundation-slot .card,.drop-wrap .card,.stock-slot .card{width:min(100%, var(--card-w));height:var(--card-h);max-width:var(--card-w);margin-inline:auto;display:block}.drop-wrap{width:min(100%, var(--card-w));border-radius:8px;margin-inline:auto}.drop-wrap.active{outline:2px solid var(--jade-bright);outline-offset:2px}.card{appearance:none;width:var(--card-w);height:var(--card-h);border-radius:clamp(5px, calc(var(--card-w) * .08), 8px);touch-action:none;flex-shrink:0;padding:0;transition:transform .15s,box-shadow .15s,outline-color .15s,opacity .15s;position:relative}.card.draggable{cursor:grab}.card.dragging{cursor:grabbing;transform:scale(1.04)rotate(-2deg);box-shadow:4px 10px #2c181059,8px 18px 28px #00000073}.card.dimmed{opacity:.28;pointer-events:none}.card-face{background:linear-gradient(160deg, #fffaf2 0%, var(--card-face) 45%, #e8dcc8 100%);border:1px solid var(--card-edge);box-shadow:1px 2px 0 var(--wood), 2px 4px 10px #140c0859;color:var(--card-black)}.card-face.suit-hearts{color:var(--card-hearts)}.card-face.suit-diamonds{color:var(--card-diamonds)}.card-face.suit-clubs{color:var(--card-clubs)}.card-face.suit-spades{color:var(--card-spades)}.card-slot.suit-hearts .slot-label{color:var(--card-hearts)}.card-slot.suit-diamonds .slot-label{color:var(--card-diamonds)}.card-slot.suit-clubs .slot-label{color:var(--card-clubs)}.card-slot.suit-spades .slot-label{color:var(--card-spades)}.card-back{background:repeating-linear-gradient(135deg,#3d7a6a8c 0 6px,#2c1810bf 6px 12px),linear-gradient(160deg,#3d2e1f,#2c1810);border:1px solid #d4c4b040;box-shadow:1px 2px #1a100c,2px 4px 10px #140c0866}.card-back:after{content:"";background:radial-gradient(circle,#5a9e8a59,#0000 55%);border:1px solid #5a9e8a73;border-radius:4px;position:absolute;inset:7px}.card-slot{box-shadow:none;color:#f3ebe059;background:#140c082e;border:2px dashed #f3ebe038}.card-slot.drop-target{border-color:var(--jade-bright);background:#3d7a6a38}.slot-label{font-family:var(--font-display);font-size:clamp(1rem, calc(var(--card-w) * .38), 2.2rem)}.corner{flex-direction:column;align-items:center;font-weight:700;line-height:1;display:flex;position:absolute}.corner.top{top:max(3px, calc(var(--card-w) * .06));left:max(3px, calc(var(--card-w) * .07))}.corner.bottom{bottom:max(3px, calc(var(--card-w) * .06));right:max(3px, calc(var(--card-w) * .07));transform:rotate(180deg)}.corner .rank{font-family:var(--font-display);font-size:clamp(.7rem, calc(var(--card-w) * .22), 1.35rem)}.corner .suit{font-size:clamp(.55rem, calc(var(--card-w) * .18), 1.1rem)}.pip-center{font-size:clamp(1.1rem, calc(var(--card-w) * .42), 2.85rem);opacity:.92;place-items:center;display:grid;position:absolute;inset:0}.card.hint{z-index:4;animation:1s infinite hint-pulse}.card.draggable.card-face:hover{transform:translateY(-3px)}.stock-pile{cursor:pointer}.stock-pile:hover:not(:disabled){transform:translateY(-3px)}.stock-pile:disabled{cursor:default;opacity:1}.stock-pile.shuffling{z-index:8;animation:.58s both stock-shuffle}.waste.shuffling .waste-card{z-index:7;pointer-events:none;animation:.5s cubic-bezier(.4,.05,.3,1) forwards waste-recycle}.board-top.is-shuffling .waste .card-slot{opacity:.35}@keyframes stock-shuffle{0%{transform:rotate(0)scale(1)}15%{transform:rotate(-10deg)translate(-6px)scale(1.04)}30%{transform:rotate(12deg)translate(8px)scale(1.06)}45%{transform:rotate(-8deg)translate(-4px)scale(1.03)}60%{transform:rotate(7deg)translate(5px)scale(1.05)}75%{transform:rotate(-3deg)scale(1.02)}to{transform:rotate(0)scale(1)}}@keyframes waste-recycle{0%{opacity:1;transform:translate(0)translateY(0)rotate(0)scale(1)}55%{opacity:.85;transform:translate(-52px)translateY(-8px)rotate(-16deg)scale(.94)}to{opacity:0;transform:translate(-96px)translateY(-4px)rotate(-28deg)scale(.82)}}.board-wrap.input-locked{cursor:default}.play.auto-completing .hud{pointer-events:none;opacity:.85}.drag-ghost{z-index:2000;pointer-events:none;filter:drop-shadow(0 12px 18px #00000073);position:fixed}.fly-card{z-index:2100;pointer-events:none;filter:drop-shadow(0 14px 20px #00000080);animation:.32s cubic-bezier(.22,.9,.3,1) forwards card-fly;position:fixed;top:0;left:0}.fly-card .card{width:var(--card-w);height:var(--card-h);max-width:none}@keyframes card-fly{0%{transform:translate(var(--fly-x0), var(--fly-y0)) scale(1.04) rotate(-4deg);opacity:1}70%{transform:translate(calc(var(--fly-x0) * .22 + var(--fly-x1) * .78), calc(var(--fly-y0) * .22 + var(--fly-y1) * .78 - 18px)) scale(1.08) rotate(3deg)}to{transform:translate(var(--fly-x1), var(--fly-y1)) scale(1) rotate(0deg);opacity:1}}.drag-ghost-card{position:absolute;left:0;right:0}.drag-ghost-card .card{width:100%}.card.anim-draw{z-index:6;animation:.38s cubic-bezier(.22,1.1,.36,1) both card-draw-in}.card.anim-place{z-index:6;animation:.34s cubic-bezier(.22,1.2,.36,1) both card-place-in}@keyframes card-draw-in{0%{opacity:0;transform:translate(-42px)rotate(-12deg)scale(.92)}55%{opacity:1;transform:translate(4px)rotate(3deg)scale(1.04)}to{opacity:1;transform:translate(0)rotate(0)scale(1)}}@keyframes card-place-in{0%{filter:brightness(1.15);transform:translateY(-18px)scale(1.08)rotate(-4deg)}60%{filter:brightness(1.05);transform:translateY(3px)scale(.98)rotate(1deg)}to{filter:brightness();transform:translateY(0)scale(1)rotate(0)}}.overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0c0806b8;justify-content:center;align-items:center;padding:1.25rem;animation:.25s fade-in;display:flex;position:fixed;inset:0}.modal{text-align:center;background:linear-gradient(160deg,#3d2e1ffa,#1c140efa);border:1px solid #d4c4b038;border-radius:14px;width:min(400px,100%);padding:1.75rem 1.5rem;animation:.35s rise-in;box-shadow:0 24px 60px #00000080}.modal h2{font-family:var(--font-display);color:var(--jade-bright);margin:0 0 .5rem;font-size:2.2rem;font-weight:600}.modal p{color:var(--ivory-dim);margin:0 0 1.25rem;line-height:1.45}.modal-stats{justify-content:center;gap:1.5rem;margin-bottom:1.4rem;display:flex}.modal-actions{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes hint-pulse{0%,to{outline:2px solid var(--gold);outline-offset:2px}50%{outline:3px solid var(--gold);outline-offset:3px}}@media (width<=900px){:root{--board-gap:.18rem}.board-wrap{padding:.25rem .2rem max(.35rem, env(safe-area-inset-bottom))}.board{border-radius:10px;width:100%;max-width:none;padding:.45rem .28rem .65rem}.board-top{margin-bottom:.55rem}.tableau-card .card,.top-slot>.card,.foundation-slot .card,.drop-wrap .card,.stock-slot .card,.waste-card .card,.drop-wrap,.waste-card{width:100%;max-width:none}.hud{padding:.35rem .4rem;padding-top:max(.3rem, env(safe-area-inset-top));grid-template-columns:1fr auto;grid-template-areas:"stats sisters""actions actions";gap:.3rem .45rem}.hud-stats{grid-area:stats;gap:.4rem .65rem}.hud .sister-games{grid-area:sisters;justify-self:end}.hud-actions{flex-wrap:nowrap;grid-area:actions;justify-content:stretch;justify-self:stretch;gap:.28rem}.hud-actions .btn{white-space:nowrap;flex:1 1 0;padding:.4rem .15rem;font-size:.7rem}.stat label{font-size:.55rem}.stat strong{font-size:.9rem}.key,.corner.bottom{display:none}.card-back:after{inset:3px}.pip-center{font-size:clamp(.95rem, calc(var(--card-w) * .4), 2rem)}}@media (width<=420px){:root{--board-gap:.1rem}.hud-stats .stat:first-child,.hud-stats .stat:nth-child(4),.contrast-label{display:none}}@media (height<=520px) and (orientation:landscape){.hud{padding:.22rem .4rem}.board{padding:.3rem .35rem .45rem}.board-top{margin-bottom:.35rem}}:root{--bg-deep:#1a1410;--bg-mid:#2a2118;--bg-glow:#3d2e1f;--wood:#5c4030;--jade:#3d7a6a;--jade-bright:#5a9e8a;--jade-glow:#5a9e8a73;--ivory:#f3ebe0;--ivory-dim:#d4c4b0;--ink:#1c1410;--gold:#c4a35a;--felt:#2f5c4a;--felt-deep:#244a3c;--card-face:#f7f0e4;--card-edge:#c9b8a0;--card-red:#a83028;--card-black:#1c1410;--card-hearts:var(--card-red);--card-diamonds:var(--card-red);--card-clubs:var(--card-black);--card-spades:var(--card-black);--font-display:"Cormorant Garamond", Georgia, serif;--font-ui:"Sora", system-ui, sans-serif;--radius:10px;--card-ratio:1.39;--board-gap:.75rem;--card-w:112px;--card-h:calc(var(--card-w) * var(--card-ratio));--stack-up:calc(var(--card-w) * .3);--stack-down:calc(var(--card-w) * .13);--waste-fan:calc(var(--card-w) * .25)}html.high-contrast{--card-hearts:#e8352e;--card-diamonds:#f0a12f;--card-clubs:#3d7dd6;--card-spades:#1c1410}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font-ui);color:var(--ivory);background:radial-gradient(ellipse 90% 60% at 50% -10%, var(--bg-glow), transparent 55%), radial-gradient(ellipse 50% 40% at 80% 90%, #3d7a6a2e, transparent 50%), linear-gradient(165deg, var(--bg-deep) 0%, var(--bg-mid) 45%, #1f1812 100%);-webkit-font-smoothing:antialiased;background-attachment:fixed}button{cursor:pointer;font-family:inherit}button:disabled:not(.card){cursor:not-allowed;opacity:.45}#root{min-height:100dvh}