.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-page) 0%,#e2e8f0 100%);padding:1rem}@media (prefers-color-scheme: dark){.login-container{background:linear-gradient(135deg,var(--bg-page) 0%,#020617 100%)}}.login-card{width:100%;max-width:400px;padding:2.5rem 2rem;background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--border-color);animation:slideUp .5s ease-out}.login-header{text-align:center;margin-bottom:2rem}.login-logo{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background-color:var(--color-primary);color:var(--text-inverse);margin-bottom:1rem;box-shadow:var(--shadow-md)}.login-icon{animation:pulse 2s infinite}.login-header h2{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:.5rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.login-btn{width:100%;padding:.75rem;font-size:1rem;margin-top:.5rem}.login-error{padding:.75rem;background-color:#ef44441a;color:var(--color-danger);border-radius:var(--radius-md);font-size:.875rem;text-align:center;border:1px solid rgba(239,68,68,.2)}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #3b82f666}70%{transform:scale(1.05);box-shadow:0 0 0 10px #3b82f600}to{transform:scale(1);box-shadow:0 0 #3b82f600}}.dashboard-container{min-height:100vh;background-color:var(--bg-page)}.dashboard-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;background-color:var(--bg-surface);border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm)}.header-left{display:flex;align-items:center;gap:1rem}.notification-top{position:fixed;top:1rem;left:50%;transform:translate(-50%);z-index:1100;padding:.75rem 1.5rem;border-radius:var(--radius-md);box-shadow:0 10px 15px -3px #0000004d;display:flex;align-items:center;gap:1rem;animation:slideDown .3s ease-out;min-width:300px}.notification-top.success{background-color:#065f46;color:#ecfdf5;border:1px solid #059669}.notification-top.error{background-color:#991b1b;color:#fef2f2;border:1px solid #dc2626}.notification-top .close-btn{background:transparent;border:none;color:currentColor;cursor:pointer;font-size:1.25rem;margin-left:auto}@keyframes slideDown{0%{transform:translate(-50%,-20px);opacity:0}to{transform:translate(-50%);opacity:1}}.header-left h2{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-sm)}.badge-primary{background-color:#3b82f61a;color:var(--color-primary)}.badge-warning{background-color:#f59e0b1a;color:var(--color-warning);border:1px solid rgba(245,158,11,.2)}.badge-info{background-color:var(--bg-page);border:1px dashed var(--border-color);color:var(--text-muted)}.dashboard-main{padding:1.5rem;display:flex;flex-direction:column;gap:1.5rem}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding:1rem 1.5rem;gap:1rem}.search-group{position:relative;flex-grow:1;max-width:300px}.search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);color:var(--text-muted)}.search-input{padding-left:2.25rem}.filter-group{display:flex;align-items:center;gap:1rem}.checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--text-primary);cursor:pointer}.player-list{padding:1px}.table-responsive{width:100%;overflow-x:auto}.table{width:100%;border-collapse:collapse;text-align:left}.table th,.table td{padding:.75rem 1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;vertical-align:middle}.table th{font-weight:500;color:var(--text-secondary);background-color:var(--bg-surface-hover)}.table tbody tr:hover{background-color:var(--bg-surface-hover)}.table tbody tr{border-left:4px solid transparent}tr.group-color-0{border-left-color:var(--color-primary)}tr.group-color-1{border-left-color:var(--color-danger)}tr.group-color-2{border-left-color:var(--color-warning)}tr.group-color-3{border-left-color:var(--color-tie)}tr.group-color-4{border-left-color:#8b5cf6}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.font-medium{font-weight:500}.text-danger{color:var(--color-danger)}.text-success{color:var(--color-secondary)}.text-muted{color:var(--text-muted)}.text-primary{color:var(--color-primary)}.text-sm{font-size:.75rem}.text-blue-hover:hover{color:var(--color-primary);text-decoration:underline}.cursor-pointer{cursor:pointer}.management-toggles{display:flex;gap:.5rem;align-items:center}.toggle-btn{font-size:.75rem;padding:.25rem .5rem;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-page);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center}.toggle-btn input{display:none}.toggle-btn.active{background:#10b9811a;border-color:#10b98166;color:#10b981}.toggle-btn.inactive{background:#6b72800d;border-color:var(--border-color);color:var(--text-muted)}.toggle-btn.inactive:hover{background:#ef44440d;border-color:#ef444433;color:var(--color-danger)}.group-edit-input{width:100px;padding:.25rem .5rem;font-size:.75rem}.bg-hover-edit{transition:background-color .2s;cursor:pointer}.bg-hover-edit:hover{background-color:#3b82f60d}.group-label-wrap{display:flex;align-items:center;gap:.25rem}.edit-icon-hint{opacity:0;transition:opacity .2s;margin-left:.25rem}.bg-hover-edit:hover .edit-icon-hint{opacity:.5}.badge-group{background-color:var(--bg-page);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer}@media (max-width: 768px){.header-left h2{font-size:1.15rem}.toolbar{flex-direction:column;align-items:stretch}.search-group{max-width:none}}.control-page{height:100vh;height:100dvh;min-height:100dvh;display:flex;flex-direction:column;background-color:var(--bg-page);padding-top:env(safe-area-inset-top,0);padding-right:env(safe-area-inset-right,0);padding-bottom:env(safe-area-inset-bottom,0);padding-left:env(safe-area-inset-left,0);overflow:hidden}.control-header{margin-bottom:0;background-color:var(--bg-surface);padding:.75rem max(1.25rem,env(safe-area-inset-right,0px)) .75rem max(1.25rem,env(safe-area-inset-left,0px));border-bottom:1px solid var(--border-color);box-shadow:var(--shadow-sm);width:100%;flex:0 0 auto}.header-top-row{display:flex;align-items:center;gap:1.5rem}.control-main-layout{display:flex;gap:1rem;padding:1rem max(1rem,env(safe-area-inset-right,0px)) max(1rem,env(safe-area-inset-bottom,0px)) max(1rem,env(safe-area-inset-left,0px));flex:1;overflow:hidden;min-height:0}.control-sidebar{flex:0 0 320px;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.25rem;min-width:0}.control-sidebar::-webkit-scrollbar{width:4px}.control-sidebar::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.control-content{flex:1;display:flex;flex-direction:column;gap:1rem;overflow-y:auto;padding-right:.5rem;min-width:0}.control-content::-webkit-scrollbar{width:6px}.control-content::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:6px}.sidebar-card{background-color:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:var(--shadow-sm);padding:1.25rem}.sidebar-card h3{font-size:.95rem;font-weight:700;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color);color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.player-info-column{display:flex;flex-direction:column;gap:.75rem}.info-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.info-row .label{font-size:.85rem;color:var(--text-muted)}.info-row .value{font-size:.95rem;font-weight:600;text-align:right;word-break:break-word}.info-row .value.highlight{color:#3b82f6}.info-row .value.win{color:#10b981}.rules-form{display:flex;flex-direction:column;gap:1rem}.rule-field{display:flex;flex-direction:column;gap:.4rem}.rule-field label{font-size:.8rem;color:var(--text-muted);font-weight:600}.rule-input-group{display:flex;align-items:center;gap:.5rem}.rule-input-group input{flex:1;background-color:var(--bg-page);border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.4rem .6rem;color:var(--text-primary);font-family:inherit;font-size:.9rem;font-weight:600}.rule-input-group .unit{font-size:.75rem;color:var(--text-muted)}.btn-auto-toggle-sidebar{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);font-weight:700;cursor:pointer;transition:all .2s;margin-top:.5rem}.btn-auto-toggle-sidebar.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:transparent;color:#fff;box-shadow:0 4px 12px #3b82f666}.btn-save-rules{width:100%;padding:.6rem;background-color:var(--text-primary);color:var(--bg-surface);border:none;border-radius:var(--radius-sm);font-weight:700;cursor:pointer;transition:opacity .2s}.btn-save-rules:hover{opacity:.9}.btn-save-rules:disabled{opacity:.5;cursor:not-allowed}.feedback-msg{margin-left:auto;padding:.4rem .8rem;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.feedback-msg.success{background-color:#10b9811a;color:#10b981}.feedback-msg.error{background-color:#ef44441a;color:#ef4444}.room-block{display:flex;flex-direction:row;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:.75rem;box-shadow:var(--shadow-sm);width:fit-content;max-width:100%;transition:transform .4s cubic-bezier(.175,.885,.32,1.275);position:relative;min-width:0}.room-block.current-table-highlight{border:1px solid rgba(34,197,94,.22);box-shadow:0 0 0 1px #22c55e29,0 10px 24px #22c55e1f;background:linear-gradient(180deg,#065f4629,#0478571a)}.room-block.current-table-highlight .room-brand{color:inherit;text-shadow:none}.room-block.current-table-highlight:before{content:none}.room-block.recent-bet-highlight{border-color:#ef4444;box-shadow:0 0 0 1px #ef444459,0 0 18px #ef444459;animation:recent-bet-border-flash .75s ease-in-out 4}@keyframes recent-bet-border-flash{0%,to{border-color:#ef44448c;box-shadow:0 0 0 1px #ef44444d,0 0 12px #ef44442e}50%{border-color:#fca5a5;box-shadow:0 0 0 2px #ef4444bf,0 0 24px #ef444480}}@keyframes pulse-current{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.05)}}@media (max-width: 992px){.room-block{flex-direction:column}}.room-block-left{--road-cell-size: 22.5px;--road-bead-size: 21px;flex:0 0 auto;display:flex;flex-direction:column;padding:.5rem;background-color:#1a1a1a;color:#fff;border-right:1px solid #333}.room-block-status{width:90px;background-color:#1a1a1a;display:flex;flex-direction:column;gap:.5rem;padding:.75rem .25rem;border-right:2px solid #333;align-items:center}.game-info{margin-top:auto;display:flex;flex-direction:column;gap:.25rem;width:100%}.info-box{display:flex;flex-direction:column;width:100%;border:1px solid rgba(245,158,11,.4);background-color:#f59e0b0d;border-radius:var(--radius-sm);overflow:hidden;text-align:center}.info-label{font-size:.7rem;color:#9ca3af;background-color:#0000004d;padding:.1rem 0}.info-value{font-size:.9rem;font-weight:800;color:#f59e0b;padding:.1rem 0}.room-block-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;flex-wrap:wrap;gap:.5rem;min-width:0}.room-brand{font-size:1.1rem;font-weight:800;letter-spacing:.25px}.room-stats{font-size:.92rem;font-weight:500;display:flex;flex-wrap:wrap;align-items:center;row-gap:.35rem;min-width:0}.text-balance{color:#3b82f6;font-weight:700}.text-win{color:#10b981;font-weight:700}.text-danger{color:#ef4444;font-weight:700}.room-block-roadmap{width:fit-content;background-color:#fff;border-radius:4px;padding:0;overflow:hidden;border:1px solid #d1d5db;align-self:flex-start}.roadmap-grid{display:grid;grid-template-columns:repeat(var(--road-columns, 11),var(--road-cell-size));grid-template-rows:repeat(6,var(--road-cell-size));grid-auto-flow:column;gap:1px;background-color:#d1d5db}.road-cell{background-color:#fff;display:flex;align-items:center;justify-content:center;position:relative}.road-bead{width:var(--road-bead-size);height:var(--road-bead-size);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:.75rem;font-weight:700;position:relative;line-height:1;box-shadow:0 1px 2px #0000001a}.road-bead.dealer-change-mark{border:2px solid #000;box-sizing:border-box}.bead-0{background-color:#10b981}.bead-1,.bead-3{background-color:#ef4444}.bead-2,.bead-4{background-color:#3b82f6}.bead-3:after{content:"";position:absolute;top:-2px;left:-2px;width:6px;height:6px;background-color:#ef4444;border:1px solid #fff;border-radius:50%}.bead-4:after{content:"";position:absolute;bottom:-2px;right:-2px;width:6px;height:6px;background-color:#3b82f6;border:1px solid #fff;border-radius:50%}.room-leave-indicator{margin-top:.5rem;font-size:.85rem;color:#ef4444;text-align:right;font-weight:700}.room-block-right{width:auto;min-width:380px;padding:1.5rem 1.75rem .5rem;display:flex;align-items:stretch;justify-content:center;background-color:var(--bg-surface-hover)}.room-block.current-table-highlight .room-block-right{background:linear-gradient(180deg,#14532d,#0f3f25);box-shadow:inset 0 0 24px #22c55e2e}@media (max-width: 992px){.room-block-right{width:100%}}.room-block-control{display:flex;flex-direction:column;gap:1rem;width:100%}.control-btn-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:1.5rem;width:100%}.control-execution-banner{min-height:48px;padding:.8rem 1rem;border-radius:var(--radius-sm);font-size:1.1rem;font-weight:700;line-height:1.5;word-break:break-word}.control-action-banner{min-height:42px;padding:.7rem .9rem;border-radius:var(--radius-sm);font-size:.9rem;font-weight:700;line-height:1.4;word-break:break-word;border:1px solid rgba(239,68,68,.85);background:linear-gradient(135deg,#dc2626,#991b1b);color:#fff;box-shadow:0 10px 24px #7f1d1d47}.control-action-banner.success,.control-action-banner.error{border-color:#fecacaeb;color:#fff}.control-execution-banner.success{border:2px solid rgba(16,185,129,.6);background:#064e3b80;color:#fff;text-shadow:0 0 8px rgba(16,185,129,.8),0 0 12px rgba(16,185,129,.6)}.control-execution-banner.failed{border:2px solid rgba(239,68,68,.7);background:#7f1d1d99;color:#fff;text-shadow:0 0 8px rgba(239,68,68,.9),0 0 12px rgba(239,68,68,.7)}.btn-庄对{grid-column:3;grid-row:1}.btn-和{grid-column:2;grid-row:1}.btn-闲对{grid-column:1;grid-row:1}.btn-庄{grid-column:3;grid-row:2}.btn-timer{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:center}.btn-闲{grid-column:1;grid-row:2}.btn-wrap{position:relative;display:flex;justify-content:center;align-items:center}.bet-badge{position:absolute;top:-16px;background-color:#f59e0b;color:#000;padding:.2rem .6rem;border-radius:20px;font-size:1.1rem;font-weight:900;z-index:10;box-shadow:0 4px 10px #00000080;white-space:nowrap;letter-spacing:-.5px;left:50%;transform:translate(-50%);animation:popIn .3s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes popIn{0%{transform:translate(-50%) scale(0)}to{transform:translate(-50%) scale(1)}}.ctrl-btn{width:100%;padding:.9rem 0;font-size:1.25rem;border-radius:var(--radius-md);font-weight:800;color:#fff;transition:all .2s;box-shadow:0 4px 6px -1px #0000001a;text-shadow:0px 1px 2px rgba(0,0,0,.5);border:none;cursor:pointer}.ctrl-btn:hover:not(:disabled){transform:translateY(-3px);filter:brightness(1.15);box-shadow:0 10px 15px -3px #0000004d}.ctrl-btn:active:not(:disabled){transform:translateY(0)}.ctrl-btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5);transform:none!important;box-shadow:none!important}.text-win-casino{color:#ef4444!important;font-weight:800}.text-loss-casino{color:#10b981!important;font-weight:800}.room-block.auto-control-active{background-color:#ef44440a;border:1px solid rgba(239,68,68,.2)}.room-block.auto-control-active .room-brand{color:#ef4444}.ctrl-btn:not(.btn-cancel){background:linear-gradient(135deg,#2d3748,#1a202c);border:1px solid #4a5568;color:#a0aec0;box-shadow:none}.ctrl-btn.btn-banker.active{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 0 20px #ef444480;border-color:#fca5a5}.ctrl-btn.btn-player.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 0 20px #3b82f680;border-color:#93c5fd}.ctrl-btn.btn-tie.active{background:linear-gradient(135deg,#10b981,#047857);color:#fff;box-shadow:0 0 20px #10b98180;border-color:#6ee7b7}.ctrl-btn.btn-banker-pair,.ctrl-btn.btn-player-pair{border:2px solid transparent}.ctrl-btn.btn-banker-pair.active{background:linear-gradient(135deg,#fca5a5,#ef4444);color:#fff;border:3px solid #fff;box-shadow:0 0 15px #ef444466}.ctrl-btn.btn-player-pair.active{background:linear-gradient(135deg,#93c5fd,#3b82f6);color:#fff;border:3px solid #fff;box-shadow:0 0 15px #3b82f666}.ctrl-btn.preset-available{border:3px solid #f59e0b!important;box-shadow:0 0 0 2px #f59e0b38,0 0 18px #f59e0b52!important}.ctrl-btn.preset-available:hover:not(:disabled){border-color:#fbbf24!important;box-shadow:0 0 0 2px #f59e0b47,0 12px 18px -3px #f59e0b47!important}.btn-龙{grid-column:3;grid-row:2}.btn-虎{grid-column:1;grid-row:2}.ctrl-btn.btn-dragon.active{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 0 20px #ef444480;border-color:#fca5a5}.ctrl-btn.btn-tiger.active{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;box-shadow:0 0 20px #3b82f680;border-color:#93c5fd}.btn-cancel{background:linear-gradient(135deg,#6b7280,#374151)!important;color:#fff!important;font-size:1.15rem;padding:.9rem 0}.status-badge{padding:.2rem 0;width:100%;font-size:.85rem;font-weight:700;border-radius:var(--radius-sm);text-align:center}.status-betting{background-color:#10b98126;color:#10b981;border:1px solid rgba(16,185,129,.4)}.status-other{background-color:#f59e0b26;color:#f59e0b;border:1px solid rgba(245,158,11,.4)}.countdown-circle{width:46px;height:46px;min-width:46px;min-height:46px;border-radius:50%;border:3px solid #10b981;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.25rem;font-weight:800;background-color:#1a1a1a;box-shadow:0 0 8px #10b98166;transition:all .3s ease;flex:0 0 auto;aspect-ratio:1 / 1}.countdown-circle.status-timer{width:40px;height:40px;min-width:40px;min-height:40px;font-size:1.1rem;border-width:2px}.countdown-circle.danger{border-color:#ef4444;color:#ef4444;box-shadow:0 0 8px #ef444499;animation:pulse-danger 1s infinite alternate}.room-block-right.offline-notice{display:flex;align-items:center;justify-content:center;background-color:var(--bg-surface);border-left:1px solid var(--border-color);min-height:200px}@keyframes pulse-danger{0%{transform:scale(1)}to{transform:scale(1.1);box-shadow:0 0 16px #ef4444cc}}.badge{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .75rem;border-radius:6px;font-size:.75rem;font-weight:800;background-color:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb;transition:all .3s cubic-bezier(.4,0,.2,1);text-transform:uppercase;letter-spacing:.025em}.badge.active{background:linear-gradient(135deg,#3b82f61a,#2563eb1a);color:#2563eb;border-color:#bfdbfe;box-shadow:0 2px 4px #2563eb0d}.badge.active svg{color:#2563eb}.sidebar-card h3 svg{color:#3b82f6}@media (max-width: 1200px){.control-sidebar{flex-basis:280px}.room-block-right{min-width:320px;padding:1.25rem 1.25rem .5rem}.control-btn-grid{gap:1rem}}@media (max-width: 1024px){.header-top-row{flex-wrap:wrap;gap:.75rem}.control-main-layout{flex-direction:column;overflow-y:auto;padding:.85rem}.control-sidebar{flex:none;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;padding-right:0}.control-content{overflow:visible;padding-right:0}.room-block{width:100%}}@media (max-width: 1024px) and (orientation: landscape){.control-page{overflow:hidden}.control-main-layout{flex-direction:row;align-items:stretch;overflow:hidden;gap:.75rem;padding:.75rem}.control-sidebar{flex:0 0 clamp(220px,28vw,260px);display:flex;overflow-y:auto;gap:.75rem}.sidebar-card{padding:.9rem}.sidebar-card h3{font-size:.88rem;margin-bottom:.8rem}.player-info-column,.rules-form{gap:.65rem}.info-row .label{font-size:.76rem}.info-row .value{font-size:.84rem}.rule-input-group input{padding:.35rem .5rem;font-size:.85rem}.btn-auto-toggle-sidebar,.btn-save-rules{padding:.6rem;font-size:.86rem}.room-block-left{--road-cell-size: 18px;--road-bead-size: 16px;padding:.4rem}.room-brand{font-size:.95rem}.room-stats{font-size:.78rem}.room-block-status{width:72px;padding:.55rem .2rem}.status-badge{font-size:.76rem}.countdown-circle.status-timer{width:36px;height:36px;font-size:1rem}.info-label{font-size:.62rem}.info-value{font-size:.8rem}.room-block-right{min-width:0;padding:1rem 1rem .5rem}.control-btn-grid{gap:.9rem}.ctrl-btn,.btn-cancel{font-size:1rem;padding:.7rem 0}.bet-badge{top:-12px;font-size:.84rem;padding:.18rem .5rem}}@media (max-width: 820px){.control-page{height:auto;min-height:100dvh;overflow:auto}.control-header{padding:.75rem .9rem}.header-top-row h1{font-size:1.1rem}.feedback-msg{margin-left:0;width:100%}.control-main-layout{padding:.75rem;overflow:visible}.control-sidebar{grid-template-columns:minmax(0,1fr);gap:.75rem}.sidebar-card{padding:1rem}.player-info-column{gap:.6rem}.info-row{align-items:flex-start}.info-row .label{font-size:.78rem}.info-row .value{font-size:.86rem;max-width:62%}.rule-field label{font-size:.76rem}.rule-input-group input{padding:.38rem .55rem;font-size:.86rem}.btn-auto-toggle-sidebar{margin-top:.25rem}.room-block{flex-direction:column}.room-block-left{--road-cell-size: 16px;--road-bead-size: 14px;width:100%;padding:.45rem;border-right:none;border-bottom:1px solid #333}.room-block-header{margin-bottom:.4rem;gap:.35rem}.room-brand{font-size:.94rem}.room-stats{font-size:.8rem}.room-block-roadmap{width:100%;max-width:100%;overflow-x:auto}.room-block-status{width:100%;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem .6rem;border-right:none;border-bottom:1px solid #333}.status-badge{width:auto;padding:.25rem .55rem;white-space:nowrap}.game-info{margin-top:0;width:auto;flex-direction:row;gap:.45rem}.info-box{width:74px}.countdown-circle.status-timer{width:34px;height:34px;min-width:34px;min-height:34px;font-size:.95rem}.room-block-right{min-width:0;width:100%;padding:.9rem .75rem .75rem}.control-btn-grid{gap:.75rem}.ctrl-btn,.btn-cancel{font-size:.95rem;padding:.72rem 0}.bet-badge{top:-11px;font-size:.78rem;padding:.18rem .48rem}.control-execution-banner{min-height:42px;padding:.7rem .8rem;font-size:.9rem}.control-action-banner{min-height:38px;padding:.6rem .75rem;font-size:.82rem}}@media (max-width: 480px){.control-header{padding:.65rem .75rem}.header-top-row{gap:.55rem}.header-top-row h1{font-size:1rem;line-height:1.35}.control-main-layout{gap:.65rem;padding:.65rem}.sidebar-card{padding:.85rem}.room-block-left{--road-cell-size: 14px;--road-bead-size: 12px;padding:.4rem}.room-brand{font-size:.88rem}.room-stats{font-size:.75rem}.road-bead{font-size:.56rem}.room-block-status{gap:.4rem;padding:.45rem}.status-badge{font-size:.72rem}.game-info{gap:.35rem}.info-box{width:68px}.info-label{font-size:.58rem}.info-value{font-size:.74rem}.countdown-circle.status-timer{width:32px;height:32px;min-width:32px;min-height:32px;font-size:.88rem}.room-block-right{padding:.75rem .6rem .65rem}.control-btn-grid{gap:.6rem}.ctrl-btn,.btn-cancel{font-size:.88rem;padding:.64rem 0}}@media (max-width: 932px) and (orientation: landscape) and (max-height: 520px){.control-header{padding-top:.5rem;padding-bottom:.5rem}.header-top-row{gap:.55rem}.header-top-row h1{font-size:1rem}.control-main-layout{gap:.55rem;padding-top:.55rem;padding-bottom:.55rem}.control-sidebar{flex-basis:clamp(200px,26vw,236px);gap:.55rem}.sidebar-card{padding:.72rem}.sidebar-card h3{font-size:.82rem;margin-bottom:.65rem}.player-info-column,.rules-form{gap:.5rem}.info-row .label{font-size:.72rem}.info-row .value{font-size:.8rem}.rule-field{gap:.25rem}.rule-field label,.rule-input-group .unit{font-size:.7rem}.btn-auto-toggle-sidebar,.btn-save-rules{padding:.5rem;font-size:.8rem}.room-block-left{--road-cell-size: 15px;--road-bead-size: 13px;padding:.32rem}.room-block-header{margin-bottom:.3rem}.room-brand{font-size:.84rem}.room-stats{font-size:.7rem}.room-block-status{width:64px;gap:.35rem;padding:.45rem .18rem}.status-badge{font-size:.7rem}.countdown-circle.status-timer{width:30px;height:30px;min-width:30px;min-height:30px;font-size:.82rem}.info-box{border-radius:6px}.info-label{font-size:.54rem}.info-value{font-size:.72rem}.room-block-right{padding:.75rem .75rem .4rem}.control-btn-grid{gap:.6rem}.ctrl-btn,.btn-cancel{font-size:.88rem;padding:.58rem 0}.bet-badge{top:-10px;font-size:.72rem;padding:.16rem .4rem}.control-execution-banner{min-height:36px;padding:.55rem .65rem;font-size:.78rem;line-height:1.35}.control-action-banner{min-height:32px;padding:.5rem .6rem;font-size:.74rem}}@media (min-width: 700px) and (max-width: 960px) and (orientation: portrait){.control-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar-card{min-height:100%}.room-block-left{--road-cell-size: 17px;--road-bead-size: 15px}.room-block-status{padding-left:.8rem;padding-right:.8rem}}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 1rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;font-size:.875rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-fast);gap:.5rem}.btn-primary{background-color:var(--color-primary);color:var(--text-inverse);box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover)}.btn-danger{background-color:var(--color-danger);color:var(--text-inverse)}.btn-danger:hover{background-color:var(--color-danger-hover)}.btn-outline{border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-primary)}.btn-outline:hover{background-color:var(--bg-surface-hover)}.card{background-color:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--border-color);overflow:hidden}.input{width:100%;padding:.5rem .75rem;font-size:.875rem;border-radius:var(--radius-md);border:1px solid var(--border-color);background-color:var(--bg-surface);color:var(--text-primary);transition:border-color var(--transition-fast)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px #3b82f633}:root{--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-secondary: #10b981;--color-danger: #ef4444;--color-danger-hover: #dc2626;--color-warning: #f59e0b;--color-banker: #ef4444;--color-player: #3b82f6;--color-tie: #10b981;--bg-page: #f8fafc;--bg-surface: #ffffff;--bg-surface-hover: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--text-muted: #94a3b8;--text-inverse: #ffffff;--border-color: #e2e8f0;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-full: 9999px;--font-sans: "Inter", system-ui, -apple-system, sans-serif;--transition-fast: .15s ease;--transition-normal: .3s ease}@media (prefers-color-scheme: dark){:root{--bg-page: #0f172a;--bg-surface: #1e293b;--bg-surface-hover: #334155;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--text-muted: #64748b;--text-inverse: #ffffff;--border-color: #334155}}.group-color-0{--group-border: #3b82f6}.group-color-1{--group-border: #10b981}.group-color-2{--group-border: #f59e0b}.group-color-3{--group-border: #ef4444}.group-color-4{--group-border: #8b5cf6}