:root{color-scheme:dark;--gold:#e6bc66;--ink:#e7f2ed;--muted:#a4bcb2;--edge:#ffffff20}*{box-sizing:border-box}body{margin:0;background:#071d18;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;border:1px solid #ffffff35;border-radius:10px;background:#173e31;color:var(--ink);padding:11px 16px;min-height:44px}button:disabled{opacity:.5;cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.gold{background:var(--gold);color:#1a281e;font-weight:750}.danger{color:#ffb7a8}.topbar{display:flex;gap:20px;align-items:center;border-bottom:1px solid var(--edge);padding:16px 4vw;background:#0a2a21}.topbar>div{flex:1;min-width:0}.topbar strong,.topbar small{display:block}.topbar small{color:var(--muted);margin-top:4px}.brand{font-size:22px;font-weight:800;color:var(--gold);text-decoration:none;white-space:nowrap}main{max-width:1240px;margin:auto;padding:22px}.score-strip{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.score-item{flex:1;min-width:140px;background:#12382d;border:1px solid var(--edge);border-radius:12px;padding:12px 16px;display:flex;justify-content:space-between;gap:12px}.score-item strong{color:var(--gold);font-size:21px}.score-item small{display:block;color:var(--muted)}.status-strip{display:flex;gap:16px;flex-wrap:wrap;padding:13px 16px;margin-bottom:12px;border:1px solid var(--edge);border-radius:10px;background:#0c2b22}.status-strip #turnStatus{flex:1}.status-strip.my-turn{border-color:var(--gold);color:var(--gold)}.table-board{padding:22px;border:2px solid #476c4e;border-radius:44px;background:radial-gradient(ellipse at center,#22644b,#10432f 85%);box-shadow:inset 0 0 40px #0003}.opponents{display:flex;gap:16px;justify-content:center;align-items:flex-start;min-height:100px}.opponent{padding:9px 12px;border-radius:12px;background:#092a22a6;border:1px solid transparent;min-width:140px;text-align:center}.opponent.active{border-color:var(--gold)}.opponent small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.opponent .avatar{width:32px;height:32px;border-radius:50%;vertical-align:middle;margin-right:6px}.backs{display:flex;gap:3px;justify-content:center;margin-top:9px}.mini-back{width:19px;height:27px;border:1px solid #c3d6bb;border-radius:3px;background:repeating-linear-gradient(45deg,#213e67,#213e67 3px,#315986 3px,#315986 6px)}.table-center{display:flex;align-items:center;justify-content:center;gap:70px;min-height:230px}.stock,.pile,.capture{display:flex;flex-direction:column;align-items:center;gap:9px;text-align:center}.stock small,.capture small{color:#b3d3c1}.capture strong{font-size:35px;color:var(--gold)}.card-back{display:grid;place-items:center;width:86px;height:120px;color:#edd79f;font-size:42px;border:5px solid #dedcc8;border-radius:9px;background:repeating-linear-gradient(45deg,#203d63,#203d63 4px,#31547d 4px,#31547d 7px);box-shadow:3px 4px #0b1f19}.playing-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:8px;background:#fffdf4;color:#13241d;border:1px solid #e1dfce;border-radius:9px;box-shadow:1px 5px 5px #0004;width:90px;height:128px;line-height:1}.playing-card.red{color:#b72e3c}.playing-card .corner{font-size:21px;font-weight:800;align-self:flex-start}.playing-card .suit{font-size:43px}.playing-card .bottom{font-size:17px;align-self:flex-end;transform:rotate(180deg)}.playing-card:disabled{opacity:1}.playing-card:enabled:hover{transform:translateY(-9px);box-shadow:0 0 0 3px var(--gold),0 9px 15px #0005}.pile-card{min-height:128px;min-width:90px;display:grid;place-items:center}.empty-pile{border:2px dashed #b5d8bd50;border-radius:10px;width:90px;height:128px;display:grid;place-items:center;font-size:13px;color:#c4d7ca}.last-move{text-align:center;min-height:24px;color:#f1d690}.your-hand{margin:auto;max-width:600px}.hand-title{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin:16px 0}.hand-title strong{color:#fff}.hand{display:flex;justify-content:center;gap:12px;min-height:145px;padding:8px}.result-panel{margin-top:18px;padding:20px;border:1px solid var(--gold);background:#102e23;border-radius:14px}.result-panel h2{margin-top:0;color:var(--gold)}.result-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px;border-bottom:1px solid var(--edge);white-space:nowrap}th{color:var(--muted);font-size:13px}.below-table{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px}.chat-panel,.rules{border:1px solid var(--edge);border-radius:14px;padding:18px;background:#0b2921}.chat-panel h2{font-size:17px;margin:0 0 12px}.chat-messages{height:150px;overflow:auto;font-size:14px}.chat-line{margin:0 0 8px;overflow-wrap:anywhere}.chat-line b{color:var(--gold);margin-right:8px}.chat-panel form{display:flex;gap:8px;margin-top:10px}input{background:#071d18;border:1px solid #ffffff35;border-radius:8px;padding:12px;color:#fff;min-width:0;flex:1}.rules summary{cursor:pointer;color:var(--gold);font-weight:700;min-height:44px}.rules p{font-size:14px;line-height:1.65;color:var(--muted)}.back-link{display:inline-block;margin-top:22px;color:var(--gold)}.notice{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);max-width:90%;padding:14px 22px;border:1px solid var(--gold);border-radius:12px;background:#17392e;z-index:30;box-shadow:0 4px 25px #0008}.waiting-seat{color:var(--muted);padding:15px}
@media(max-width:650px){.topbar{padding:12px;gap:10px;flex-wrap:wrap}.brand{font-size:19px}.topbar>div{flex-basis:55%}.topbar button{flex:1;font-size:13px;min-height:44px}.topbar strong{font-size:14px}main{padding:10px}.table-board{border-radius:22px;padding:14px 8px}.table-center{gap:22px;min-height:210px}.opponents{gap:5px;min-height:95px}.opponent{min-width:0;flex:1;padding:7px 4px;font-size:12px}.opponent .avatar{display:none}.mini-back{width:13px;height:20px}.playing-card{width:68px;height:101px;padding:6px}.playing-card .suit{font-size:34px}.playing-card .corner{font-size:18px}.playing-card .bottom{font-size:15px}.card-back{width:65px;height:96px;border-width:3px;font-size:30px}.pile-card{min-width:68px;min-height:101px}.empty-pile{width:68px;height:101px}.stock,.pile,.capture{font-size:12px}.capture strong{font-size:25px}.hand{gap:8px;min-height:120px}.hand-title{font-size:12px;padding:0 4px}.hand-title small{max-width:60%}.below-table{grid-template-columns:1fr}.score-item{min-width:110px;padding:10px;font-size:13px}.status-strip{gap:8px;font-size:13px}.last-move{font-size:13px}.score-item strong{font-size:19px}.result-panel{padding:12px}.playing-card:enabled:hover{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.opponent strong,.score-item div{overflow-wrap:anywhere}