.xy-panel{border:1px solid var(--ink);background:#eeece3;padding:20px;max-width:880px;margin:12px auto}.xy-panel button{min-height:44px;padding:8px 14px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer}.xy-panel .xy-primary{background:var(--gold);font-weight:700}.xy-panel button:disabled{opacity:.45;cursor:default}.xy-panel input{width:100%;min-height:48px;padding:10px;border:1px solid var(--ink);font-size:16px;background:var(--paper);color:var(--ink)}.xy-panel label{display:block;font-size:13px;margin:16px 0 6px}.xy-inline{display:flex;gap:8px}.xy-inline input{min-width:0}.xy-inline button{flex-shrink:0}.xy-muted,.xy-panel>p{font-size:13px;line-height:1.8}#xy-login{display:block;font-size:13px;margin:10px 0;text-decoration:underline}#xy-create{width:100%;margin:10px 0}#xy-error{color:#a02c23;font-size:13px;margin:8px 0}#xy-error:empty{display:none}.xy-top,.xy-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.xy-top>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:12px}#xy-code{font:700 22px monospace;letter-spacing:2px}.xy-meta{font-size:11px;color:var(--muted);margin:6px 0}#xy-players{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:0;margin:10px 0}#xy-players li{border:1px solid var(--line);padding:8px;display:flex;flex-direction:column;gap:3px;font-size:11px;min-width:0}#xy-players strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#xy-players .is-turn{background:var(--gold);border-color:var(--ink)}.xy-table{background:#274438;color:#fff7df;padding:12px;margin:12px 0}.xy-table p{margin:4px 0;font-size:13px}.xy-table #xy-turn{font-weight:700}.xy-table details{font-size:11px}.xy-table summary{cursor:pointer;min-height:32px;align-content:center}#xy-pile{color:#f9dc81}.xy-cards{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}.xy-card,.xy-panel button.xy-card{position:relative;flex:0 0 64px;min-height:92px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 3px;background:#fffaf0;color:#272721;border:2px solid #777064;font-size:11px;line-height:1.3;color-scheme:light}.xy-card b{font:700 23px monospace}.xy-card em{font-style:normal;font-size:10px}.xy-card.is-red,.xy-panel button.xy-card.is-red{color:#c12737}.xy-panel button.xy-card[aria-pressed=true]{border-color:#a96700;background:#ffe386;box-shadow:0 -4px 0 #a96700;transform:translateY(-3px)}.xy-panel button.xy-card:disabled{opacity:1}.xy-hand-title{display:flex;justify-content:space-between;align-items:center;gap:8px}.xy-hand-title h2{font-size:15px;margin:0}.xy-hand-title>span{font-size:11px;color:var(--muted)}#xy-hand{padding-top:5px}#xy-selection{font-size:12px;margin:6px 0;min-height:20px}.xy-actions{display:flex;gap:8px;flex-wrap:wrap;position:sticky;bottom:0;background:#eeece3;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:2}.xy-actions button{flex:1;font-size:13px}#xy-take{flex:1 1 100%}.xy-details{font-size:13px;max-width:880px;margin:0 auto}.xy-details summary{min-height:44px;align-content:center;cursor:pointer}.xy-rules p{line-height:1.9}#xy-events{max-height:180px;overflow:auto;padding-left:22px;font-size:12px}#xy-events li{padding:5px 0;border-bottom:1px solid var(--line)}#xy-result{border:2px solid var(--ink);padding:12px;background:#fff5ce;color:#191b19;margin:12px 0}#xy-result h2{font-size:23px;margin:0 0 8px}#xy-result table{width:100%;font-size:12px;border-collapse:collapse}#xy-result th,#xy-result td{text-align:left;border-bottom:1px solid #d9cfa7;padding:6px 3px;overflow-wrap:anywhere}#xy-result .xy-cards{gap:4px}#xy-result .xy-card,#xy-pile-cards .xy-card{flex-basis:42px;min-height:66px;font-size:9px}#xy-result .xy-card b,#xy-pile-cards .xy-card b{font-size:18px}.xy-panel [hidden],.xy-panel[hidden]{display:none!important}.xy-active .xy-active .club-page{padding-top:8px}.xy-active>footer{display:none}@media(max-width:600px){.xy-panel{padding:10px}.xy-active .wrap{width:calc(100% - 20px)}.xy-card,.xy-panel button.xy-card{flex-basis:44px;min-height:76px;font-size:10px}.xy-card b{font-size:20px}.xy-hand-title>span{font-size:10px}#xy-players li{padding:5px}}

.xy-panel input:focus-visible,.xy-panel button:focus-visible,.xy-details summary:focus-visible{outline:3px solid #a46616;outline-offset:3px}@media(max-width:600px){.xy-card,.xy-panel button.xy-card{flex-basis:44px}.xy-card b{font-size:18px}.xy-card[data-rank="SJ"] b,.xy-card[data-rank="BJ"] b{font-size:15px}}

.xy-panel button.xy-card.is-playable{border-color:var(--play-color,#16805a);box-shadow:0 0 0 2px var(--play-color,#16805a);background:#effff4}.xy-panel .xy-actions button.is-actionable{background:#246447;color:#fff;border:2px solid #123e2c;box-shadow:0 0 0 2px #8db9a0;font-weight:700}

#xy-combos{display:flex;gap:6px;overflow-x:auto;padding:4px 2px 6px;margin-top:6px}.xy-combo-label{flex-shrink:0;border-left:5px solid var(--combo-color);background:#fffaf0;color:#272721;padding:3px 6px;font-size:11px;line-height:1.5}.xy-panel button.xy-card.has-combos{padding-bottom:22px}.xy-combo-marks{position:absolute;bottom:3px;left:2px;right:2px;display:flex;justify-content:center;gap:2px;flex-wrap:wrap;pointer-events:none}.xy-combo-marks>span{min-width:12px;height:14px;line-height:14px;font-size:9px;font-weight:700;color:#fff;border-radius:2px}.xy-panel button.xy-card.has-combos:has(.xy-combo-marks>span:nth-child(4)){padding-bottom:38px}

.xy-table-play{display:flex;align-items:flex-start;gap:14px;margin-top:8px}.xy-original{flex:1;min-width:0}.xy-table-play small{font-size:11px;color:#f9dc81}#xy-transfer{flex:0 0 88px;border-left:1px solid #759084;padding-left:12px}#xy-transfer-stack{position:relative;isolation:isolate;display:flex;width:64px;margin:8px 0 12px}#xy-transfer-stack>.xy-card{z-index:2;box-sizing:border-box}#xy-transfer-stack.is-stacked:before,#xy-transfer-stack.is-deep:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,#d6dfd4 0 4px,#91a798 4px 6px);border:2px solid #fff0cb;transform:translate(4px,4px);z-index:1}#xy-transfer-stack.is-deep:after{transform:translate(8px,8px);z-index:0}#xy-transfer-count{font-size:10px;line-height:1.5;color:#fff0cb}@media(max-width:600px){.xy-table-play{gap:10px}#xy-transfer{flex-basis:70px;padding-left:10px}#xy-transfer-stack{width:44px}}

.xy-rules h2{font-size:24px;margin:0 0 8px}.xy-rules h3{font-size:17px;margin:20px 0 6px}.xy-relations{list-style:none;padding:0;display:grid;gap:10px}.xy-relations li{padding:12px 14px;border-left:3px solid var(--gold);background:var(--paper);font-size:15px;line-height:2}.xy-relations span{display:inline-block;font-weight:700}.xy-relations small{display:block;font-size:13px;font-weight:400;color:var(--muted)}.xy-quick-rules{padding-left:24px}.xy-quick-rules li{padding-left:4px;margin:8px 0}