[hidden]{display:none!important}.mode-link{color:#f3d778;font-size:14px;text-decoration:none}.online-main{padding-top:32px}.room-size-label{font-size:15px;color:#60705c}.online-panel{display:grid;grid-template-columns:1fr 1fr;gap:65px;max-width:950px;margin:25px auto 55px;padding:46px;background:#e8eddf;border:1px solid #d3ddca;border-radius:22px;box-shadow:0 15px 50px #15382b0c}.online-panel h2{font-size:32px;line-height:1.15;letter-spacing:-1px;margin:20px 0 14px}.online-panel p{font-size:16px;line-height:1.6;color:#60715b}.lobby-mark{display:inline-block;background:#244e40;color:#f5d46c;font-size:42px;font-weight:900;font-style:italic;letter-spacing:-2px;transform:rotate(-8deg);padding:14px 24px;border:3px solid #f5d46c;border-radius:12px}.entry-form{display:flex;flex-direction:column}.online-panel label{font-size:14px;font-weight:700;display:block;margin-bottom:8px}.online-panel input{width:100%;min-width:0;font:inherit;font-size:16px;color:#173f39;background:#fafbf5;border:1px solid #a7b8a0;border-radius:9px;padding:13px}.online-panel input:focus{outline:3px solid #7748e94a;border-color:#7748e9}.entry-form small{color:#60715b;font-size:12px;margin:7px 0 12px}.online-panel .primary,.online-panel .secondary{font-size:16px;min-height:46px}.entry-divider{position:relative;text-align:center;color:#71816a;font-size:13px;margin:22px 0}.entry-divider:before{content:'';position:absolute;left:0;right:0;top:50%;height:1px;background:#c9d4bf}.entry-divider span{position:relative;background:#e8eddf;padding:0 12px}.form-error{color:#a6293e!important;font-size:14px!important;margin-bottom:0}.room-invite{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:22px 0}.invite-code{font-size:24px;font-weight:800;letter-spacing:3px}.invite-row{display:flex;gap:8px}.invite-row input{font-size:13px}.room-lobby{max-width:1100px}.room-lobby h3{margin:0;font-size:18px}#lobby-players{padding:0;list-style:none;min-height:140px}#lobby-players li{display:flex;align-items:center;gap:12px;border-bottom:1px solid #cbd6c2;padding:12px 0}#lobby-players .avatar{flex-shrink:0}#lobby-players strong{font-size:16px;overflow-wrap:anywhere}#lobby-players small{display:block;margin-top:3px;font-size:12px;color:#6c7c64}#lobby-players .text-button{margin-left:auto;font-size:12px;color:#a6293e}.room-toolbar{display:flex;gap:15px;align-items:center;margin:0 0 14px;font-size:13px;flex-wrap:wrap}.room-toolbar b{margin-left:6px;letter-spacing:1.5px}#network-status{margin-right:auto;color:#60715b}.room-toolbar .text-button{font-size:13px}.connection-message{border:1px solid #d8ba70;background:#fff0c5;border-radius:10px;padding:12px 16px;font-size:14px}.online-game .player-details{max-width:140px}.online-game .player-details strong,.online-game #your-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;display:block}.online-game .player-details span{font-size:12px}.online-game .seat-offline{opacity:.5}.online-game .north-left{top:45px;left:43%;transform:translateX(-50%)}.online-game .north-right{top:45px;left:68%;transform:translateX(-50%)}.online-game .draw-pile:disabled{cursor:default}.online-game .your-info>div:last-child{max-width:125px}.online-game #mode-label{font-size:11px}.online-game .your-info strong{display:flex;gap:5px}.room-toolbar button:disabled,.online-panel button:disabled{opacity:.5}.online-game .turn-notice{padding:0 12px}.online-game .avatar{flex-shrink:0}
@media(max-width:1050px){.online-game .north-left{left:48%}.online-game .north-right{left:76%}.online-game .north-left .mini-card,.online-game .north-right .mini-card{width:25px;height:38px;margin-right:-12px}.online-game .north-left .mini-hand,.online-game .north-right .mini-hand{padding-right:12px}.online-game .north-left .mini-card:after,.online-game .north-right .mini-card:after{font-size:13px;inset:5px 3px}}
@media(max-width:700px){.online-panel{grid-template-columns:1fr;padding:25px;gap:28px;margin:16px auto 30px}.online-panel h2{font-size:28px}.lobby-intro p{margin-bottom:0}.lobby-mark{font-size:30px;padding:7px 18px}.room-toolbar{gap:10px;font-size:12px}.room-toolbar .outline-button{padding:7px}.room-toolbar .text-button{font-size:12px}.online-game .north-left{top:45px;left:auto;right:118px;transform:none}.online-game .north-right{top:45px;left:auto;right:12px;transform:none}.online-game .north-left .mini-hand,.online-game .north-right .mini-hand{display:none}.online-game .north-left .player-heading,.online-game .north-right .player-heading{flex-direction:column;text-align:center}.online-game .north-left .player-details,.online-game .north-right .player-details{min-width:0;max-width:92px}.online-game[data-players="5"] .dealer-station{top:140px}.online-game[data-players="5"] .felt{top:285px;height:320px}.online-game[data-players="5"] .piles{top:96px}.online-game .player-details{max-width:70px;min-width:0!important}.online-game .player-details strong{max-width:68px}.online-game .player-details span{font-size:11px}.online-game .north .player-details{max-width:100px}.online-game .north .player-details strong{max-width:100px}.online-game .your-info>div:last-child{max-width:105px}.online-game #your-name{max-width:90px}.invite-code{font-size:21px;letter-spacing:2px}.header-actions{gap:10px}.mode-link{font-size:12px}.online-game .west{left:5px}.online-game .east{right:5px}}
.room-rules{border:1px solid #bbcbb2;border-radius:12px;padding:16px;margin:20px 0}.room-rules legend{font-size:16px;font-weight:700;padding:0 8px}.online-panel .room-rule{display:flex;gap:12px;align-items:flex-start;margin:0;padding:12px 0;border-bottom:1px solid #cbd6c2}.online-panel .room-rule:last-child{border-bottom:0}.online-panel .room-rule input{width:20px;height:20px;flex:0 0 20px;margin:3px 0;accent-color:#7748e9}.room-rule strong{font-size:14px;line-height:1.4}.room-rule small{display:block;font-size:12px;line-height:1.5;font-weight:400;color:#60715b;margin-top:4px}#rules-owner-note{display:block;font-size:12px;color:#60715b;margin-top:10px}.uno-reaction{position:sticky;top:12px;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff0bd;border:2px solid #d5a52c;border-radius:14px;box-shadow:0 5px 22px #42300c26;padding:15px 20px;margin-bottom:15px;animation:uno-reaction-in .35s ease-out}.uno-reaction strong{display:block;font-size:17px}.uno-reaction span{display:block;font-size:14px;margin-top:5px}.uno-reaction .primary{width:auto;margin:0;min-width:155px;background:#773acd;color:#fff}.uno-missed{background:#f9d474;color:#874519}.batch-uno{display:flex;gap:10px;font-size:14px;align-items:center;margin:16px 0}.batch-uno input{width:20px;height:20px;accent-color:#7748e9}@keyframes uno-reaction-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.uno-reaction{padding:12px;gap:10px}.uno-reaction strong{font-size:14px}.uno-reaction span{font-size:12px}.uno-reaction .primary{min-width:118px;font-size:13px;padding:12px 8px}}