*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}:root{--jade:#5a2a82;--jade-light:#8b5fbf;--jade-dark:#3a1558;--cream:#f7f2f9;--cream-dark:#ebe3f0;--warm-white:#fefaff;--gold:#d667a3;--gold-light:#e8b4d8;--charcoal:#2a1838;--gray:#7a6a85;--light-border:#d8c8e0;--red:#c41e3a;--green:#1a6847;--blue:#003f87;--purple:#6b2c91;--tile-bg:#fefaff;--tile-border:#d0c0d8;--tile-shadow:rgba(74,29,94,.22);--grad-primary:linear-gradient(135deg,#4a1d5e 0%,#6b2c91 50%,#8b5fbf 100%);--grad-accent:linear-gradient(135deg,#d667a3 0%,#e8b4d8 100%);--grad-menu:linear-gradient(135deg,#3a1558 0%,#6b2c91 50%,#9d6dc4 100%);--grad-soft:linear-gradient(135deg,#f7f2f9 0%,#ebe0f2 100%)}html,body{height:100%;overflow:hidden}body{font-family:-apple-system,Segoe UI,system-ui,sans-serif;background:var(--cream);color:var(--charcoal);line-height:1.5}button{font-family:inherit;cursor:pointer;border:none;outline:none;-webkit-user-select:none;user-select:none}.screen{display:none;position:absolute;inset:0;flex-direction:column;overflow-y:auto;overflow-x:hidden}.screen.active{display:flex}.btn{padding:14px 24px;border-radius:14px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 2px 8px #4a1d5e26}.btn-jade{background:var(--grad-primary);color:#fff;border:none}.btn-jade:active{transform:translateY(1px);box-shadow:0 1px 4px #4a1d5e4d}.btn-gold{background:var(--grad-accent);color:#fff;border:none}.btn-gold:active{transform:translateY(1px)}.btn-outline{background:#fff;border:2px solid var(--light-border);color:var(--jade);box-shadow:none}.btn-outline:active{background:var(--cream-dark)}.btn-sm{padding:10px 16px;font-size:.85rem;border-radius:10px}#menu{align-items:center;justify-content:center;padding:24px;text-align:center;background:var(--grad-soft)}.menu-logo{font-size:4rem;margin-bottom:4px;filter:drop-shadow(0 4px 12px rgba(107,44,145,.25))}.menu-title{font-size:2.2rem;font-weight:800;letter-spacing:-.5px;margin-bottom:6px;background:var(--grad-menu);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.menu-sub{color:var(--gray);margin-bottom:40px;font-size:1rem;font-style:italic}.menu-btns{display:flex;flex-direction:column;gap:12px;width:100%;max-width:360px}.menu-btns .btn{text-align:left;padding:18px 22px;display:flex;align-items:center;gap:14px;font-size:1.05rem}.menu-btns .btn .icon{font-size:1.5rem;width:36px;text-align:center}.menu-note{margin-top:36px;color:var(--gray);font-size:.85rem;max-width:340px;line-height:1.6}#tutorial{background:var(--grad-soft)}.tut-header{padding:16px 20px 12px;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--light-border);background:#fff;flex-shrink:0}.tut-back{background:none;font-size:1.3rem;padding:4px 8px;color:var(--jade)}.tut-label{font-weight:700;color:var(--jade);font-size:1.05rem;flex:1}.tut-step{color:var(--gray);font-size:.85rem;white-space:nowrap}.tut-dots{display:flex;gap:6px;padding:12px 20px 8px;justify-content:center;flex-shrink:0}.tut-dot{width:10px;height:10px;border-radius:50%;background:var(--light-border);transition:all .3s}.tut-dot.active{background:var(--jade);transform:scale(1.15)}.tut-dot.done{background:var(--jade-light)}.tut-body{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}.tut-body h2{color:var(--jade);font-size:1.4rem;margin-bottom:12px}.tut-body h3{color:var(--jade-dark);font-size:1.1rem;margin:20px 0 8px}.tut-body p{margin-bottom:14px;color:#333;font-size:.95rem}.tut-body ul{margin:0 0 14px 20px}.tut-body li{margin-bottom:6px;font-size:.95rem}.tut-tiles-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.tut-callout{background:linear-gradient(135deg,#e8b4d82e,#8b5fbf1f);border-left:4px solid var(--gold);padding:14px 16px;border-radius:0 10px 10px 0;margin:14px 0;font-size:.93rem}.tut-callout strong{color:var(--jade)}.tut-term{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.tut-term b{color:var(--jade);min-width:70px}.tut-footer{display:flex;gap:10px;padding:14px 20px;border-top:1px solid var(--light-border);background:#fff;flex-shrink:0}.tut-footer .btn{flex:1}#setup{align-items:center;justify-content:center;padding:24px;background:var(--grad-soft)}.setup-box{max-width:400px;width:100%;text-align:center}.setup-box h2{color:var(--jade);margin-bottom:6px;font-size:1.6rem}.setup-box p{color:var(--gray);margin-bottom:28px}.diff-btn{display:block;width:100%;padding:16px;margin-bottom:10px;border-radius:12px;font-size:1rem;font-weight:600;border:2px solid var(--light-border);background:#fff;text-align:left;transition:all .2s}.diff-btn.sel{border-color:var(--jade);background:linear-gradient(135deg,#6b2c9114,#d667a314);color:var(--jade)}.diff-btn small{display:block;font-weight:400;color:var(--gray);margin-top:2px;font-size:.82rem}#lobby{align-items:center;justify-content:flex-start;padding:24px;background:var(--grad-soft)}.lobby-box{max-width:440px;width:100%;text-align:center}.lobby-box h2{color:var(--jade);margin-bottom:6px;font-size:1.6rem}.lobby-box p{color:var(--gray);margin-bottom:20px}.lobby-code{font-family:Courier New,monospace;font-size:2.2rem;font-weight:800;letter-spacing:6px;background:#fff;border:2px solid var(--light-border);border-radius:14px;padding:18px;margin-bottom:18px;color:var(--jade)}.seat-list{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.seat-row{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--light-border);border-radius:12px;padding:10px 14px}.seat-row .seat-label{font-weight:700;color:var(--jade);min-width:60px;text-align:left}.seat-row .seat-name{flex:1;text-align:left;color:#333}.seat-row .seat-empty{color:var(--gray);font-style:italic;flex:1;text-align:left}.seat-row .seat-badge{background:var(--cream-dark);color:var(--jade);padding:3px 8px;border-radius:6px;font-size:.72rem;font-weight:600}.lobby-input{width:100%;padding:14px;border:2px solid var(--light-border);border-radius:12px;font-size:1rem;margin-bottom:10px;font-family:inherit}.lobby-input:focus{border-color:var(--jade);outline:none}.lobby-error{background:#c41e3a1f;color:var(--red);padding:10px;border-radius:10px;margin-bottom:10px;font-size:.88rem}#reference{background:var(--grad-soft)}.ref-header{padding:16px 20px 12px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid var(--light-border);flex-shrink:0}.ref-tabs{display:flex;gap:0;padding:0;background:#fff;border-bottom:1px solid var(--light-border);flex-shrink:0}.ref-tab{flex:1;padding:12px;font-size:.9rem;font-weight:600;border:none;background:none;color:var(--gray);border-bottom:3px solid transparent;transition:all .2s}.ref-tab.active{color:var(--jade);border-bottom-color:var(--jade)}.ref-body{flex:1;overflow-y:auto;padding:20px;-webkit-overflow-scrolling:touch}.ref-section{display:none}.ref-section.active{display:block}.ref-grid{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.ref-grid-label{width:100%;font-weight:700;color:var(--jade);margin-bottom:4px;font-size:.95rem}.pattern-card{background:#fff;border:1px solid var(--light-border);border-radius:12px;padding:14px;margin-bottom:10px}.pattern-card h4{color:var(--jade);margin-bottom:4px}.pattern-card .comp{font-family:Courier New,monospace;font-size:.9rem;margin-bottom:6px;color:#333;letter-spacing:.5px}.pattern-card .meta{display:flex;gap:6px;flex-wrap:wrap}.badge{padding:3px 8px;border-radius:6px;font-size:.75rem;font-weight:600}.badge-pts{background:var(--gold);color:#fff}.badge-con{background:var(--purple);color:#fff}.badge-suit{background:var(--cream-dark);color:var(--charcoal)}.rule-card{background:#fff;border:1px solid var(--light-border);border-radius:12px;padding:14px;margin-bottom:10px}.rule-card h4{color:var(--jade);margin-bottom:6px}.rule-card p{font-size:.9rem;color:#444}#game{background:linear-gradient(180deg,#ebe3f0,#f5ecf7);touch-action:pan-y}.game-top{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:var(--grad-primary);color:#fff;flex-shrink:0;z-index:10;box-shadow:0 2px 12px #4a1d5e4d}.game-top .info{display:flex;gap:14px;font-size:.8rem}.game-top .info span{opacity:.8}.game-top .info b{opacity:1;transition:color .2s}.game-top .info b#gWall.wall-low{color:#ffd17a}.game-top .info b#gWall.wall-critical{color:#ff8585;animation:wallBlink 1s ease-in-out infinite}@keyframes wallBlink{0%,to{opacity:1}50%{opacity:.55}}.game-top .acts{display:flex;gap:8px}.game-top .acts button{background:#ffffff2e;color:#fff;border:none;padding:8px 12px;border-radius:10px;font-size:.9rem;font-weight:600;display:inline-flex;align-items:center;gap:6px;line-height:1}.game-top .acts button:active{background:#ffffff4d}.game-top .acts button .icon{font-size:1.05rem}.game-top .acts button .label{letter-spacing:.3px}.game-top .acts button.icon-only{padding:8px 10px}.game-top .acts button.icon-only .icon{font-size:1.15rem}@keyframes drawPulse{0%,to{box-shadow:0 2px 8px #4a1d5e26}50%{box-shadow:0 0 0 3px var(--gold),0 2px 14px #d667a38c}}#btnDraw:not(:disabled){animation:drawPulse 1.6s ease-in-out infinite}@keyframes discardLand{0%{transform:scale(1.15);box-shadow:0 0 0 3px var(--gold),0 0 18px #d4a843cc}70%{transform:scale(1.05);box-shadow:0 0 0 2px var(--gold),0 2px 10px #d4a84380}to{transform:scale(1.05);box-shadow:0 0 0 2px var(--gold),0 2px 8px #d4a84366}}.discard-pool .tile.latest{animation:discardLand .9s ease-out}.commentary{padding:10px 14px;font-size:.88rem;color:#444;background:var(--warm-white);border-bottom:1px solid var(--light-border);min-height:40px;flex-shrink:0;line-height:1.4}.game-mid{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.ai-row{display:flex;justify-content:space-around;padding:8px 10px 4px;flex-shrink:0}.ai-slot{text-align:center;flex:1;max-width:120px}.ai-name{font-size:.72rem;font-weight:700;color:var(--jade);margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-name.current{color:var(--gold)}.ai-backs{display:flex;gap:2px;justify-content:center;flex-wrap:wrap}.tile-back{width:16px;height:22px;background:linear-gradient(135deg,#6b2c91,#3a1558);border-radius:3px;border:1px solid rgba(0,0,0,.2);box-shadow:inset 0 1px #ffffff26}.ai-exposed{display:flex;gap:2px;justify-content:center;margin-top:3px;flex-wrap:wrap}.discard-zone{flex:1;overflow-y:auto;padding:8px 12px;min-height:60px;-webkit-overflow-scrolling:touch}.discard-label{font-size:.72rem;color:var(--gray);text-transform:uppercase;letter-spacing:1px;margin-bottom:6px;font-weight:600}.discard-pool{display:flex;flex-wrap:wrap;gap:4px;justify-content:center}.discard-pool .tile.latest{box-shadow:0 0 0 2px var(--gold),0 2px 8px #d4a84366;transform:scale(1.05)}.claim-prompt{background:var(--grad-accent);color:#fff;padding:10px 14px;display:none;align-items:center;gap:10px;flex-shrink:0;box-shadow:0 2px 12px #d667a34d}.claim-prompt.show{display:flex}.claim-prompt .msg{flex:1;font-size:.88rem;font-weight:600}.claim-prompt button{padding:8px 14px;border-radius:8px;font-weight:700;font-size:.85rem}.claim-prompt .btn-claim{background:#fff;color:var(--jade)}.claim-prompt .btn-pass{background:#0003;color:#fff}.charleston-overlay{position:absolute;inset:0;background:#0009;display:none;z-index:20;flex-direction:column;align-items:center;justify-content:center;padding:20px}.charleston-overlay.show{display:flex}.char-box{background:#fff;border-radius:20px;padding:24px;max-width:400px;width:100%;text-align:center}.char-box h3{color:var(--jade);margin-bottom:4px;font-size:1.2rem}.char-box p{color:var(--gray);margin-bottom:16px;font-size:.9rem}.char-tiles{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:16px}.char-tiles .tile{cursor:pointer}.char-tiles .tile.picked{box-shadow:0 0 0 3px var(--gold);transform:translateY(-6px)}.char-count{margin-bottom:14px;font-weight:700;color:var(--jade);font-size:.95rem}.player-zone{flex-shrink:0;background:#fff;border-top:2px solid var(--jade);padding:8px 8px 4px;z-index:10}.hand-label{font-size:.72rem;color:var(--jade);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px;padding-left:4px;display:flex;justify-content:space-between;align-items:center}.hand-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}.hand-tiles{display:flex;gap:4px;padding:2px}.hand-tiles .tile{cursor:pointer;transition:transform .15s,box-shadow .15s}.hand-tiles .tile.selected{transform:translateY(-10px);box-shadow:0 6px 16px var(--tile-shadow)}.hand-tiles .tile.hint-glow{box-shadow:0 0 0 2px var(--gold),0 0 12px #d4a84380}.hand-tiles .tile.fit-glow{box-shadow:0 0 0 2px var(--green),0 0 8px #1a684773}.hand-tiles .tile.drop-glow{box-shadow:0 0 0 2px #c41e3a8c,0 0 8px #c41e3a4d;opacity:.75}.hand-tiles .tile.just-drawn{animation:justDrawn 1.4s ease-out;box-shadow:0 0 0 3px var(--gold),0 0 14px #d4a843b3}@keyframes justDrawn{0%{transform:translateY(-14px) scale(1.15);box-shadow:0 0 0 4px var(--gold),0 8px 20px #d4a843e6}60%{transform:translateY(-4px) scale(1.05)}to{transform:translateY(0) scale(1)}}.target-badge{display:inline-block;background:linear-gradient(135deg,#1a68471a,#8b5fbf1a);color:var(--jade);border:1px solid var(--jade-light);padding:2px 8px;border-radius:8px;font-size:.7rem;font-weight:700;cursor:pointer}.target-badge:hover{background:linear-gradient(135deg,#1a68472e,#8b5fbf2e)}.player-actions{display:flex;gap:6px;padding:6px 0 2px;flex-wrap:wrap}.player-actions .btn{padding:10px 14px;font-size:.82rem;border-radius:10px;flex:1;min-width:0;text-align:center}.player-actions .btn:disabled{opacity:.4;pointer-events:none}.tile{width:44px;height:58px;background:var(--tile-bg);border:1.5px solid var(--tile-border);border-radius:6px;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 2px 4px var(--tile-shadow),inset 0 1px #ffffffb3;flex-shrink:0;position:relative;font-size:.7rem;line-height:1.1;transition:transform .15s}.tile .num{font-size:1.1rem;font-weight:800;line-height:1}.tile .suit-char{font-size:.65rem;font-weight:600}.tile.crak .num,.tile.crak .suit-char{color:var(--red)}.tile.bam .num,.tile.bam .suit-char{color:var(--green)}.tile.dot .num,.tile.dot .suit-char{color:var(--blue)}.tile.wind .sym{font-size:1.2rem;font-weight:800;color:var(--charcoal)}.tile.wind .wlabel{font-size:.5rem;color:var(--gray)}.tile .dragon-icon{font-size:.85rem;line-height:1;margin-bottom:1px}.tile.dragon-red .sym{color:var(--red);font-size:1rem;font-weight:900;line-height:1}.tile.dragon-green .sym{color:var(--green);font-size:1rem;font-weight:900;line-height:1}.tile.dragon-white{border:2px dashed var(--tile-border)}.tile.dragon-white .sym{font-size:.9rem;color:var(--gray);line-height:1}.tile-sm .dragon-icon{font-size:.65rem;margin-bottom:0}.tile-sm.dragon-red .sym,.tile-sm.dragon-green .sym{font-size:.7rem}.tile-sm.dragon-white .sym{font-size:.65rem}.tile.flower{background:linear-gradient(135deg,#fff5f5,#fff9f0)}.tile.flower .sym{font-size:1.3rem}.tile.flower .flabel{font-size:.55rem;color:var(--red);font-weight:700}.tile.joker{background:linear-gradient(135deg,#f5f0ff,#fff5ff)}.tile.joker .sym{font-size:1.2rem}.tile.joker .jlabel{font-size:.55rem;color:var(--purple);font-weight:700}.tile-sm{width:28px;height:38px;font-size:.55rem;border-radius:4px}.tile-sm .num{font-size:.75rem}.tile-sm .suit-char{font-size:.5rem}.tile-sm .sym{font-size:.85rem!important}.tile-sm .wlabel,.tile-sm .flabel,.tile-sm .jlabel{font-size:.4rem!important}.help-overlay{position:fixed;inset:0;display:none;z-index:90;pointer-events:none}.help-overlay.show{display:block}.help-box{pointer-events:auto;position:fixed;right:16px;bottom:16px;width:340px;max-width:calc(100vw - 24px);max-height:min(480px,calc(100vh - 80px));background:#fff;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 12px 40px #4a1d5e59,0 0 0 1px #4a1d5e1a;animation:popIn .2s ease}.help-box.minimized{height:auto!important;max-height:none}.help-box.minimized .help-body,.help-box.minimized .help-foot{display:none}.help-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--light-border);font-weight:700;color:var(--jade);font-size:1rem;cursor:grab;user-select:none;touch-action:none;background:linear-gradient(135deg,#8b5fbf14,#d667a30f);border-radius:14px 14px 0 0}.help-head:active{cursor:grabbing}.help-head-title{display:flex;align-items:center;gap:6px}.help-head-actions{display:flex;gap:4px}.help-close,.help-min{background:none;font-size:1rem;color:var(--gray);padding:4px 8px;border-radius:6px;cursor:pointer}.help-close:hover,.help-min:hover{background:#0000000d;color:var(--jade)}@media (max-width:500px){.help-box{left:8px;right:8px;bottom:8px;width:auto;max-width:none;max-height:min(70vh,500px)}}.help-body{flex:1;overflow-y:auto;padding:16px 18px;-webkit-overflow-scrolling:touch}.help-turn{margin-bottom:14px}.help-q{background:var(--cream-dark);color:var(--charcoal);padding:10px 12px;border-radius:12px;font-size:.92rem;margin-bottom:8px}.help-a{background:linear-gradient(135deg,#8b5fbf14,#d667a314);border-left:3px solid var(--jade);padding:10px 12px;border-radius:0 10px 10px 0;font-size:.92rem;line-height:1.5;color:#333;white-space:pre-wrap}.help-a.loading{color:var(--gray);font-style:italic}.help-a.error{border-left-color:var(--red);background:#c41e3a14;color:var(--red)}.help-foot{display:flex;gap:8px;padding:12px 14px 16px;border-top:1px solid var(--light-border);align-items:flex-end}.help-input{flex:1;border:2px solid var(--light-border);border-radius:12px;padding:10px 12px;font-size:.95rem;font-family:inherit;resize:none;line-height:1.4}.help-input:focus{outline:none;border-color:var(--jade)}.help-foot .btn{align-self:stretch;min-width:72px}#btnAskHelp{font-size:1rem}.chat-overlay{position:fixed;inset:0;display:none;z-index:86;pointer-events:none}.chat-overlay.show{display:block}.chat-box{pointer-events:auto;position:fixed;right:16px;top:80px;width:300px;max-width:calc(100vw - 24px);max-height:min(480px,calc(100vh - 100px));background:#fff;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 12px 40px #4a1d5e59,0 0 0 1px #4a1d5e1a;animation:popIn .2s ease}.chat-box.minimized{height:auto!important;max-height:none}.chat-box.minimized .chat-body,.chat-box.minimized .chat-foot{display:none}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--light-border);font-weight:700;color:var(--jade);font-size:1rem;cursor:grab;user-select:none;touch-action:none;background:linear-gradient(135deg,#d667a31a,#8b5fbf14);border-radius:14px 14px 0 0}.chat-head:active{cursor:grabbing}.chat-head-actions{display:flex;gap:4px}.chat-close,.chat-min{background:none;font-size:1rem;color:var(--gray);padding:4px 8px;border-radius:6px;cursor:pointer}.chat-close:hover,.chat-min:hover{background:#0000000d;color:var(--jade)}.chat-body{flex:1;overflow-y:auto;padding:10px 12px;-webkit-overflow-scrolling:touch;min-height:180px}.chat-msg{margin-bottom:8px;padding:8px 10px;border-radius:10px;background:var(--cream-dark);max-width:90%}.chat-msg.mine{background:linear-gradient(135deg,#8b5fbf26,#d667a31f);margin-left:auto}.chat-who{display:block;font-size:.7rem;font-weight:700;color:var(--jade);margin-bottom:2px}.chat-text{display:block;font-size:.88rem;line-height:1.35;color:#222;white-space:pre-wrap;word-wrap:break-word}.chat-pending{color:var(--gray);font-style:italic;font-size:.75rem;margin-left:6px}.chat-err{color:var(--red);font-size:.75rem;margin-left:6px}.chat-foot{display:flex;gap:6px;padding:10px 12px;border-top:1px solid var(--light-border);align-items:flex-end}.chat-input{flex:1;border:2px solid var(--light-border);border-radius:10px;padding:8px 10px;font-size:.9rem;font-family:inherit;resize:none;line-height:1.35}.chat-input:focus{outline:none;border-color:var(--jade)}.chat-foot .btn{align-self:stretch;min-width:62px}.chat-badge{display:inline-block;background:var(--gold);color:#fff;border-radius:10px;font-size:.65rem;font-weight:700;padding:1px 6px;margin-left:4px;line-height:1.25}@media (max-width:500px){.chat-box{right:8px;left:auto;top:72px;width:90vw;max-width:340px}}.hands-overlay{position:fixed;inset:0;display:none;z-index:85;pointer-events:none}.hands-overlay.show{display:block}.hands-box{pointer-events:auto;position:fixed;left:16px;bottom:16px;width:320px;max-width:calc(100vw - 24px);max-height:min(520px,calc(100vh - 80px));background:#fff;border-radius:14px;display:flex;flex-direction:column;box-shadow:0 12px 40px #4a1d5e59,0 0 0 1px #4a1d5e1a;animation:popIn .2s ease}.hands-box.minimized{height:auto!important;max-height:none}.hands-box.minimized .hands-body{display:none}.hands-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--light-border);font-weight:700;color:var(--jade);font-size:1rem;cursor:grab;user-select:none;touch-action:none;background:linear-gradient(135deg,#e8b4d824,#8b5fbf14);border-radius:14px 14px 0 0}.hands-head:active{cursor:grabbing}.hands-head-actions{display:flex;gap:4px}.hands-close,.hands-min{background:none;font-size:1rem;color:var(--gray);padding:4px 8px;border-radius:6px;cursor:pointer}.hands-close:hover,.hands-min:hover{background:#0000000d;color:var(--jade)}.hands-body{flex:1;overflow-y:auto;padding:12px 14px;-webkit-overflow-scrolling:touch}.hands-body .pattern-card{padding:10px 12px;margin-bottom:8px}.hands-body .pattern-card h4{font-size:.92rem;margin-bottom:2px}.hands-body .pattern-card .comp{font-size:.82rem;margin-bottom:4px}.hands-body .pattern-card .meta{gap:4px}.hands-body .pattern-card .badge{padding:2px 6px;font-size:.68rem}@media (max-width:500px){.hands-box{left:8px;right:8px;bottom:8px;width:auto;max-width:none;max-height:min(70vh,500px)}}.win-overlay{position:fixed;inset:0;background:#000000bf;display:none;z-index:100;align-items:center;justify-content:center;flex-direction:column;padding:20px}.win-overlay.show{display:flex}.win-box{background:#fff;border-radius:24px;padding:36px 28px;text-align:center;max-width:380px;width:100%;animation:popIn .4s ease}.win-box h1{font-size:2.4rem;margin-bottom:4px;background:var(--grad-menu);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.1}.win-box p{color:var(--gray);margin-bottom:20px}.win-box .btn{display:block;width:100%;margin-bottom:8px}.confetti{position:fixed;top:-10px;width:10px;height:10px;border-radius:2px;animation:confFall 3s ease-in forwards;z-index:101}@keyframes confFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:0}}@keyframes popIn{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}@media (min-width:600px){.tile{width:50px;height:66px}.tile .num{font-size:1.25rem}.tile .suit-char{font-size:.75rem}.hand-tiles{gap:5px}.menu-title{font-size:3rem}.tile-sm{width:32px;height:42px}}@media (min-width:900px){.tile{width:56px;height:72px}.game-mid{flex-direction:row;flex-wrap:wrap}}