.account-panel,.social-panel,.game-vote-panel{padding:18px;margin:18px 0;border:1px solid var(--line);border-radius:8px;background:var(--paper)}.account-panel input{width:100%;margin:5px 0 10px}.chat-tabs{display:flex;gap:5px;flex-wrap:wrap}.chat-tabs button{padding:9px;border-radius:5px}.chat-tabs .active{background:var(--green);color:white}.chat-messages{height:220px;overflow-y:auto;margin:12px 0;display:flex;flex-direction:column;gap:6px}.chat-messages p{padding:9px;background:#443d24;border-radius:5px;overflow-wrap:anywhere}.social-panel form{display:flex;gap:8px}.social-panel form input{flex:1;min-width:0}.pair-controls{margin:12px 0}.secret-room{padding:10px 0;border-bottom:1px solid var(--line);display:flex;gap:8px;flex-wrap:wrap}.secret-room input{max-width:130px}.spectator-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.mode-controls{margin:15px 0;display:flex;gap:8px}.spectators-list{margin:12px 0}.game-vote-panel button{margin:5px}.card-detail-symbol{font-size:80px;text-align:center}
@media(max-width:600px){.hand-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.card{padding:8px}.card h3{font-size:14px}.card-symbol{font-size:30px}.card-stats{font-size:10px}.card-stepper button{min-width:30px;min-height:36px;font-size:19px}.card-stepper{gap:2px}.card-top{font-size:8px}.card-bottom{font-size:8px}.hand-section{margin-top:18px}.game-layout{gap:12px}.action-panel{padding:14px}.table-player{padding:10px}.social-panel{padding:12px}.social-panel form{flex-wrap:wrap}.chat-messages{height:190px}.spectator-grid{grid-template-columns:1fr}}
.rating-warning{padding:12px;margin:12px 0;border:1px solid #c89a36;border-radius:6px;background:#59430e;font-weight:700}.main-mode-choice{flex-direction:column}.compact-spectator{font-size:11px;padding:7px}.secret-tab-tools{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding:10px;background:#443d24;border-radius:6px;margin:8px 0}.game-sidebar .social-panel{margin:0;padding:16px}.game-sidebar .chat-messages{height:420px}.game-sidebar .social-panel form{flex-wrap:wrap}.game-sidebar .social-panel form input{width:100%}.game-sidebar .social-panel details{margin-top:10px}.game-sidebar .secret-room{flex-direction:column}.game-sidebar .pair-controls button{margin:3px}.social-panel details>summary{padding:10px;cursor:pointer}.social-panel details input{margin:6px 0;width:100%;max-width:100%}@media(max-width:800px){.game-sidebar .chat-messages{height:240px}}
.message-author{display:block;font-size:10px;font-weight:700;margin-bottom:4px;color:var(--muted)}.lobby-spectators{margin:18px 0;padding-top:14px;border-top:1px solid var(--line)}
.chat-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.chat-alert-toggle{font-size:11px;white-space:nowrap}.chat-messages .my-chat-message{background:#0d3d4e;color:#65cee6;border-radius:6px;padding:8px}.pair-status{font-size:11px;color:var(--green);margin:8px 0}.chat-messages{overflow-anchor:none}
.pair-request-alert[hidden]{display:none}.pair-request-alert{position:fixed;right:24px;bottom:24px;z-index:30;width:400px;max-width:calc(100vw - 32px);padding:24px;border:2px solid var(--gold);border-radius:10px;background:var(--paper);box-shadow:0 12px 45px #cae9db40}.pair-request-alert h2{font-size:22px}.pair-request-alert p{margin:12px 0 20px}
button,.action-choice,.card,.recipe{-webkit-user-select:none;user-select:none}input,textarea{-webkit-user-select:text;user-select:text}
.guide-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0 20px}.guide-tabs button{padding:8px 10px;border-radius:5px;background:var(--green-light);font-size:11px}.guide-tabs [aria-current="page"]{background:var(--green);color:white}.guide-page{min-height:320px}.guide-page p{margin:14px 0;line-height:1.9}.guide-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px;border-top:1px solid var(--line);padding-top:16px}