:root{color:#193d51;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--paper:#fff;--mist:#f1f6fa;--navy:#193d51;--primary:#228eaa;--primary-hover:#177c96;--aqua:#e4f3f6;--line:#dfe8ee;--muted:#7b909e;--green:#268373;--red:#bf555b;--shadow:0 5px 22px #193d5105;background:#f1f6fa;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-size:14px}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:disabled{cursor:not-allowed;opacity:.55}button,input,select,textarea{outline:none}:focus-visible{outline-offset:3px;outline:3px solid #59b5cc}input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:1px;border-color:var(--primary);outline:2px solid #75c2d3}button{-webkit-appearance:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Bahnschrift,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}input,textarea,select{min-width:0}code,pre,.mono{font-family:Cascadia Code,SFMono-Regular,Consolas,monospace}svg{stroke-width:1.7px;flex-shrink:0}::selection{background:#c4e7ef}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;background:var(--navy);color:#fff;border-radius:5px;padding:12px 18px;text-decoration:none;position:fixed;top:-60px;left:18px}.skip-link:focus{top:12px}.muted{color:var(--muted)}.nowrap{white-space:nowrap}.text-teal{color:var(--primary)}.danger-text{color:var(--red)}.docs-link{color:var(--primary);white-space:nowrap;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:inline-flex}.docs-link:hover{text-underline-offset:3px;text-decoration:underline}.eyebrow{letter-spacing:1.8px;color:#7b98aa;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:12px;font-weight:600}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:38px;padding:9px 15px;font-size:14px;font-weight:600;line-height:1.5;transition:background .15s,box-shadow .15s,transform .15s;display:inline-flex}.button-primary{background:var(--primary);color:#fff;box-shadow:0 3px 8px #228eaa16}.button-primary:hover:not(:disabled){background:var(--primary-hover);box-shadow:0 5px 12px #228eaa24}.button-quiet{border-color:var(--line);background:var(--paper);color:#547183}.button-quiet:hover:not(:disabled){background:#f8fbfd;border-color:#b8d3df}.button-danger{background:var(--red);color:#fff}.button-danger:hover:not(:disabled){background:#ac464c}.button-danger-outline{color:var(--red);background:#fff;border-color:#efd8dc}.button-danger-outline:hover:not(:disabled){background:#fff5f6}.icon-button{color:#8195a1;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:8px;transition:color .15s,background .15s;display:inline-flex}.icon-button:hover:not(:disabled){color:var(--primary);background:#edf5f8}.icon-button.danger-text{color:var(--red)}.text-button{color:var(--primary);background:0 0;border:0;align-items:center;gap:6px;padding:2px 0;font-size:14px;font-weight:600;display:inline-flex}.text-button:hover{color:#136a81}.panel{border:1px solid var(--line);background:var(--paper);box-shadow:var(--shadow);border-radius:10px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-state{min-height:200px;color:var(--muted);justify-content:center;align-items:center;gap:12px;font-size:14px;display:flex}.notice{border:1px solid;border-radius:7px;align-items:flex-start;gap:9px;margin-bottom:18px;padding:12px 14px;font-size:14px;line-height:1.7;display:flex}.notice>svg{margin-top:2px}.notice>span{overflow-wrap:anywhere;flex:1}.notice .text-button{flex-shrink:0;margin-left:auto}.notice-error{color:#a44952;background:#fff5f6;border-color:#f2d5d8}.notice-info{color:#427b93;background:#eff9fc;border-color:#cce4ed}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:340px;padding:60px 22px;display:flex}.empty-icon{color:#78a7b6;background:#f4f9fb;border:1px solid #deedf2;border-radius:18px;place-items:center;width:65px;height:65px;margin-bottom:22px;display:grid}.empty-state h3{margin-bottom:11px;font-size:17px;font-weight:600}.empty-state p{color:var(--muted);max-width:385px;font-size:14px;line-height:1.9}.empty-state .button{margin-top:23px}.brand{color:#203e50;letter-spacing:1.3px;align-items:center;gap:12px;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:14px;font-weight:600;line-height:1.3;display:flex}.brand-room{color:var(--primary);letter-spacing:4px;margin-top:2px;font-size:12px;display:block}.brand-symbol{flex-shrink:0;width:33px;height:33px;display:block;position:relative;transform:rotate(-7deg)}.brand-symbol:before,.brand-symbol:after{content:"";background:var(--primary);width:25px;height:1.5px;position:absolute;top:16px;left:3px;transform:rotate(45deg)}.brand-symbol:after{transform:rotate(-45deg)}.brand-symbol i{border:2px solid var(--primary);z-index:1;background:#fff;border-radius:3px;width:10px;height:10px;position:absolute}.brand-symbol i:first-child{top:0;left:0}.brand-symbol i:nth-child(2){top:0;right:0}.brand-symbol i:nth-child(3){bottom:0;left:0}.brand-symbol i:nth-child(4){background:var(--primary);bottom:0;right:0}.brand-light{color:#f0f8fa}.brand-light .brand-room{color:#78c7d1}.brand-light .brand-symbol i{background:#183b50;border-color:#6fc0cc}.brand-light .brand-symbol i:nth-child(4),.brand-light .brand-symbol:before,.brand-light .brand-symbol:after{background:#6fc0cc}.boot-screen{flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:30px;display:flex}.boot-screen .loading-state{min-height:100px}.boot-error{width:min(520px,100%);margin-top:30px}.app-layout{min-height:100svh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:30;background:#fbfdfe;flex-direction:column;flex-shrink:0;width:226px;padding:32px 20px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-brand{justify-content:space-between;align-items:center;padding:0 10px 36px;display:flex}.workspace-label{color:#9caeb9;letter-spacing:.6px;margin:0 13px 13px;font-size:12px}.sidebar nav{flex-direction:column;gap:7px;display:flex}.nav-item{color:#708897;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;padding:12px 14px;font-size:14px;font-weight:500;transition:background .15s;display:flex}.nav-item.active{color:#258aa3;background:#e5f2f6;font-weight:600}.nav-item:hover:not(.active){color:#446c82;background:#f0f6f9}.nav-count{background:#d2eaf0;border-radius:4px;margin-left:auto;padding:1px 5px;font-family:Consolas,monospace;font-size:13px}.sidebar-divider{background:#e7edf1;height:1px;margin:29px 13px 25px}.game-selector{border:1px solid var(--line);color:#839caa;background:#fff;border-radius:7px;align-items:center;margin:0 5px;display:flex;position:relative}.game-selector>svg:first-child{pointer-events:none;position:absolute;left:10px}.game-selector>svg:last-child{pointer-events:none;position:absolute;right:9px}.game-selector select{appearance:none;color:#49687a;cursor:pointer;background:0 0;border:0;border-radius:7px;width:100%;padding:11px 26px 11px 34px;font-size:13px}.sidebar-create{color:#86a0ae;background:0 0;border:0;align-items:center;gap:8px;margin:14px 14px 0;padding:0;font-size:13px;display:flex}.sidebar-create:hover{color:var(--primary)}.sidebar-bottom{margin-top:auto;padding:35px 3px 0}.control-plane-mark{color:#82a6b6;border-top:1px solid #e7edf1;align-items:center;gap:10px;padding:19px 9px;display:flex}.control-plane-mark strong{color:#6d8a9a;font-size:12px;font-weight:500;display:block}.control-plane-mark span{color:#a2b3bd;margin-top:4px;font-size:12px;display:block}.environment-row{color:#7f96a3;border-top:1px solid #e7edf1;align-items:center;gap:7px;min-height:56px;font-size:12px;display:flex}.environment-row .mono{color:#aabcc6;letter-spacing:1px;margin-left:auto;font-size:11px}.environment-dot{background:#a4b3bb;border-radius:50%;width:6px;height:6px}.environment-dot.ready{background:#5aa28f;box-shadow:0 0 0 3px #e8f3ee}.app-main{flex-direction:column;width:calc(100% - 226px);min-width:0;margin-left:226px;display:flex}.topbar{background:#ffffffa6;border-bottom:1px solid #e2ebf0;justify-content:space-between;align-items:center;height:74px;padding:0 43px;display:flex}.breadcrumb{color:#95a8b4;align-items:center;gap:15px;font-size:13px;display:flex}.breadcrumb strong{color:#5f7c8d;font-weight:500}.breadcrumb-slash{color:#c9d6de}.topbar-right{align-items:center;gap:18px;display:flex}.admin-access{color:#708b9a;align-items:center;gap:9px;font-size:13px;display:flex}.admin-avatar{color:#7394a6;background:#e9f1f5;border-radius:50%;place-items:center;width:28px;height:28px;font-family:Bahnschrift,sans-serif;font-size:13px;display:grid}.topbar-divider{background:#e1e9ee;width:1px;height:20px}.workspace{flex:1;width:100%;min-width:0;max-width:1620px;margin:0 auto;padding:39px 43px 45px}.workspace-footer{color:#a0b1bd;letter-spacing:.7px;border-top:1px solid #e0e9ef;justify-content:space-between;gap:12px;margin:0 43px;padding:20px 0;font-size:11px;display:flex}.footer-separator{color:#c0ccd4;padding:0 9px;display:inline-block}.page-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:28px;display:flex}.page-heading h1{letter-spacing:-.6px;margin:8px 0 10px;font-size:28px;font-weight:600;line-height:1.4}.page-heading p{color:#8096a5;font-size:14px;line-height:1.7}.overview-strip{background:#f7fbfd;border:1px solid #dce8ef;border-radius:9px;align-items:center;gap:0;margin-bottom:35px;padding:28px 32px;display:flex}.overview-intro{flex:1.25;align-items:center;gap:16px;padding-right:24px;display:flex}.overview-icon{color:#4f9eb4;background:#edf7fa;border:1px solid #d3e9f1;border-radius:13px;place-items:center;width:52px;height:52px;display:grid}.overview-intro strong{font-size:15px;font-weight:600;display:block}.overview-intro div>span{color:#98abb7;margin-top:7px;font-size:12px;display:block}.overview-stat{border-left:1px solid #dfebf1;flex:.55;min-width:100px;padding-left:30px}.overview-stat span{color:#8ca2b0;margin-bottom:7px;font-size:12px;display:block}.overview-stat strong{letter-spacing:1px;color:#345e75;font-family:Bahnschrift,Segoe UI,sans-serif;font-size:27px;font-weight:500;line-height:1.1}.section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.section-heading h2{font-size:15px;font-weight:600}.section-heading h3{align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.section-heading h2>span,.section-heading h3>span{color:#8ca7b6;margin-left:6px;font-size:13px;font-weight:400}.section-heading>.muted{font-size:12px}.section-tools{align-items:center;gap:10px;display:flex}.search-field{color:#9fb1bc;align-items:center;gap:9px;display:flex}.search-field input{color:#45677c;background:0 0;border:0;outline:none;width:250px;padding:9px 0;font-size:13px}.search-field input::placeholder{color:#9daeba}.search-field:focus-within{color:var(--primary)}.search-field input:focus-visible{outline:0}.search-field.compact{border:1px solid var(--line);background:#ffffffb5;border-radius:6px;padding:0 11px}.search-field.compact:focus-within{outline-offset:1px;outline:2px solid #75c2d3}.search-field.compact input{width:155px}.games-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.game-card{box-shadow:var(--shadow);background:#fff;border:1px solid #dde8ee;border-radius:10px;min-width:0;padding:24px 23px 0;transition:border-color .18s,box-shadow .18s}.game-card:hover{border-color:#b6d7e3;box-shadow:0 9px 22px #254c6407}.game-card-top{justify-content:space-between;align-items:flex-start;margin-bottom:17px;display:flex}.avatar{color:#4d9db2;background:#e6f3f6;border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.avatar-tone-1{color:#738cb4;background:#ebf0f9}.avatar-tone-2{color:#4d9c93;background:#e9f4ef}.game-card h3{letter-spacing:-.4px;margin-bottom:4px;font-size:19px;font-weight:600}.game-card h3 button{text-align:left;font:inherit;overflow-wrap:anywhere;background:0 0;border:0;padding:0}.game-card h3 button:hover{color:var(--primary)}.game-slug{color:#9eb0bb;margin-bottom:13px;font-size:12px;display:block}.copy-value{color:#8da3b0;background:#f8fafc;border:1px solid #e7edf1;border-radius:5px;justify-content:space-between;align-items:center;gap:9px;max-width:100%;padding:6px 8px;display:inline-flex}.copy-value:hover{color:var(--primary);border-color:#cfdee6}.copy-value code{text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.game-card>.copy-value{width:100%}.game-card-facts{grid-template-columns:repeat(3,1fr);gap:9px;padding-top:22px;padding-bottom:17px;display:grid}.game-card-facts div>span{color:#9aafbb;margin-bottom:9px;font-size:11px;display:block}.game-card-facts strong{font-family:Bahnschrift,Segoe UI,sans-serif;font-size:15px;font-weight:500}.game-card-facts strong.text-teal,.game-card-facts strong.muted{font-size:14px}.game-card-facts small{color:#9aadba;font-size:12px;font-weight:400}.game-regions{color:#95acb9;flex-wrap:wrap;align-items:center;gap:7px;min-height:17px;margin-bottom:23px;display:flex}.game-regions code{background:#f4f8fa;border-radius:3px;padding:3px 5px;font-size:11px}.game-card-footer{border-top:1px solid #e8eef2;justify-content:space-between;align-items:center;min-height:56px;display:flex}.game-card-footer .text-button{font-size:13px}.new-game-card{color:#8eabbc;background:#f7fbfd77;border:1px dashed #cedfe8;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;min-height:290px;transition:background .15s,border-color .15s;display:flex}.new-game-card:hover{background:#edf7fa;border-color:#8fbed0}.new-game-card>span{background:#edf4f8;border:1px solid #e1ebf1;border-radius:12px;place-items:center;width:47px;height:47px;margin-bottom:17px;display:grid}.new-game-card strong{color:#6e8fa1;font-size:14px;font-weight:500}.new-game-card small{color:#a2b6c1;margin-top:9px;font-size:12px}.pill{white-space:nowrap;color:#849aa8;background:#eff4f7;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;font-weight:500;line-height:1.25;display:inline-flex}.pill-dot{background:currentColor;border-radius:50%;width:4px;height:4px}.pill-green{color:#398974;background:#eaf5ef}.pill-amber{color:#af8941;background:#fcf5e8}.pill-red{color:#b65d68;background:#fcedef}.pill-blue{color:#4d8ba5;background:#eaf4f9}.workspace-note{color:#8ca9b8;align-items:center;gap:11px;margin-top:29px;padding:18px 0;display:flex}.workspace-note p{color:#94a9b6;flex:1;font-size:12px;line-height:1.8}.workspace-note strong{color:#718fa0;font-weight:400}.service-tag{white-space:nowrap;color:#8eabb9;align-items:center;gap:5px;font-size:11px;display:flex}.first-game{text-align:center;flex-direction:column;align-items:center;padding:50px 30px 32px;display:flex}.first-game-art{place-items:center;width:126px;height:94px;margin-bottom:14px;display:grid;position:relative}.first-game-art>span{color:#64a4b9;background:#edf7fa;border:1px solid #dcecf2;border-radius:21px;place-items:center;width:72px;height:72px;display:grid;transform:rotate(-7deg)}.first-game-art i{border:1px solid #b6d8e5;border-radius:3px;width:10px;height:10px;position:absolute;top:17px;right:0}.first-game-art i:last-child{background:#d3e9f0;width:7px;height:7px;top:68px;left:3px}.first-game h2{margin-bottom:13px;font-size:20px;font-weight:600}.first-game p{color:#8ea3b1;font-size:14px;line-height:2}.first-game>.button{margin-top:25px}.first-game-steps{color:#bacbd5;border-top:1px solid #e8eff3;align-items:center;gap:22px;margin-top:41px;padding-top:27px;display:flex}.first-game-steps>span{color:#8eabbc;align-items:center;gap:7px;font-size:12px;display:inline-flex}.heading-count{vertical-align:middle;color:#7498ae;background:#e5eff5;border-radius:5px;margin-left:12px;padding:2px 8px;font-size:14px;font-weight:400;display:inline-flex}.room-metrics{background:#f8fbfd;border:1px solid #dfeaf1;border-radius:9px;grid-template-columns:1fr 1fr 1fr 1.4fr;align-items:center;margin:5px 0 30px;padding:24px 28px;display:grid}.room-metrics>div{border-left:1px solid #e0eaf0;padding-left:25px}.room-metrics>div:first-child{border:0;padding-left:0}.room-metrics>div>span:not(.metric-note-icon){color:#8aa2b2;margin-bottom:12px;font-size:12px;display:block}.room-metrics strong{color:#416a80;font-family:Bahnschrift,sans-serif;font-size:27px;font-weight:500}.room-metrics small{color:#9bb0bd;margin-left:7px;font-family:Segoe UI,sans-serif;font-size:12px}.room-metrics-note{align-items:center;gap:14px;display:flex}.room-metrics-note p{color:#96abb9;font-size:12px;line-height:1.9}.metric-note-icon{color:#9abbcc}.table-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:17px 22px;display:flex}.toolbar-end{align-items:center;gap:20px;display:flex}.filter-select{color:#87a2b1;align-items:center;gap:6px;display:inline-flex}.filter-select select{color:#7491a2;background:#fff;border:1px solid #e1ebf1;border-radius:5px;padding:7px 9px;font-size:12px}.live-label{color:#8dabb8;white-space:nowrap;align-items:center;gap:6px;font-size:11px;display:inline-flex}.live-label>svg{color:#63a390}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:13px}thead{color:#90a7b6;background:#f9fbfd;font-size:12px}th{white-space:nowrap;padding:15px 19px;font-weight:500}td{border-top:1px solid #edf1f5;padding:18px 19px}th:first-child,td:first-child{padding-left:24px}th:last-child,td:last-child{padding-right:22px}tbody tr:hover{background:#fbfdfe}.room-name{text-align:left;background:0 0;border:0;align-items:center;gap:12px;padding:0;display:flex}.room-name strong{color:#41677d;white-space:nowrap;font-size:14px;font-weight:500;display:block}.room-name code{color:#a2b4bf;margin-top:6px;font-size:10px;display:block}.table-room-icon{color:#91b3c3;background:#f4f9fb;border:1px solid #e3edf2;border-radius:8px;place-items:center;width:34px;height:34px;display:grid}.region-code{color:#89a1b0;white-space:nowrap;align-items:center;gap:6px;font-family:Consolas,monospace;font-size:12px;display:inline-flex}.player-count{color:#92a9b7;white-space:nowrap;align-items:center;gap:6px;display:inline-flex}.player-count strong{color:#4b748b;font-weight:600}.table-footer{color:#a0b3c0;border-top:1px solid #e9eff4;justify-content:space-between;gap:10px;padding:18px 24px;font-size:11px;display:flex}.audit-scope{color:#7395a8;align-items:center;gap:9px;display:flex}.audit-scope strong{font-size:14px;font-weight:500}.audit-action{white-space:nowrap;color:#597f93;align-items:center;gap:8px;display:flex}.audit-action-icon{color:#74a8a3;background:#eef7f5;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.audit-target{overflow-wrap:anywhere;font-size:12px}.panel-notice{padding:20px 20px 0}.modal{width:min(470px,100vw - 32px);max-height:calc(100svh - 60px);color:var(--navy);background:#fff;border:1px solid #d7e5ec;border-radius:13px;padding:0;overflow:auto;box-shadow:0 25px 90px #0e334033}.modal-wide{width:min(820px,100vw - 40px)}.modal::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#183a4c57}.modal[open]{animation:.18s ease-out dialog-appear}@keyframes dialog-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.modal-header{z-index:2;background:#fff;border-bottom:1px solid #e3ecf2;justify-content:space-between;align-items:flex-start;gap:18px;padding:25px 28px 22px;display:flex;position:sticky;top:0}.modal-header h2{font-size:20px;font-weight:600}.modal-header p{color:#8aa2b1;margin-top:7px;font-size:13px;line-height:1.8}.modal-header .icon-button{margin-top:-4px;margin-right:-5px}.modal-body{padding:24px 28px}.modal-footer{background:#fbfdfe;border-top:1px solid #e5edf2;justify-content:flex-end;align-items:center;gap:10px;padding:17px 28px;display:flex}.footer-note{margin-right:auto;font-size:12px}.confirm-symbol{color:#c77981;background:#fff0f1;border-radius:13px;place-items:center;width:49px;height:49px;margin-bottom:19px;display:grid}.confirm-description{color:#7390a2;font-size:14px;line-height:1.9}.confirm-description+.notice{margin-top:16px;margin-bottom:0}.game-form fieldset{border:0;min-width:0;margin:0;padding:0}.form-section{border-bottom:1px solid #eaf0f4;padding:25px 28px}.form-section-title{color:#86a7b9;align-items:flex-start;gap:11px;margin-bottom:23px;display:flex}.form-section-title>svg{margin-top:1px}.form-section-title h3{color:#3c667e;font-size:15px;font-weight:600}.form-section-title p{color:#94aab8;margin-top:6px;font-size:12px;line-height:1.7}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:21px 20px;display:grid}.field{color:#607f92;flex-direction:column;gap:9px;font-size:13px;display:flex;position:relative}.field input,.field textarea,.field select{color:#43677f;background:#fff;border:1px solid #dfe8ef;border-radius:6px;width:100%;padding:10px 12px;font-size:14px;line-height:1.6;transition:border-color .15s}.field input:hover,.field textarea:hover,.field select:hover{border-color:#bed5e1}.field input::placeholder,.field textarea::placeholder{color:#b0c1cc}.field textarea{resize:vertical;font-family:Cascadia Code,Consolas,monospace;font-size:13px}.field small{color:#9aafbd;font-size:12px;font-weight:400;line-height:1.75}.input-hint-inline{color:#adbfc9;font-family:Consolas,monospace;font-size:12px;position:absolute;top:0;right:2px}.region-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.region-option{cursor:pointer;background:#fbfdfe;border:1px solid #e0eaf1;border-radius:7px;align-items:center;gap:7px;padding:12px;display:flex;position:relative}.region-option.selected{background:#f0f8fb;border-color:#a9d3e0}.region-option input{width:14px;height:14px;accent-color:var(--primary);flex-shrink:0;margin:0 2px 0 0}.region-option strong{color:#7394a7;font-size:12px;font-weight:500;display:block}.region-option code{color:#a0b6c3;margin-top:5px;font-size:11px;display:block}.region-option>svg{opacity:0;color:#4c9db7;margin-left:auto}.region-option.selected>svg{opacity:1}.toggle-row{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:19px 0 0;display:flex}.toggle-row strong{color:#5f849a;font-size:13px;font-weight:500;display:block}.toggle-row small{color:#9bb1bf;margin-top:7px;font-size:12px;line-height:1.8;display:block}.switch{appearance:none;cursor:pointer;background:#d7e3ea;border:0;border-radius:20px;flex-shrink:0;width:33px;height:19px;margin:0;transition:background .15s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:13px;height:13px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #54758526}.switch:checked{background:#409bb5}.switch:checked:after{transform:translate(14px)}.form-section .toggle-row:first-of-type{padding-top:0}.budget-field{margin-top:23px}.input-unit{position:relative}.input-unit input{padding-right:90px}.input-unit>span{color:#8fabbc;pointer-events:none;font-size:13px;position:absolute;top:12px;right:12px}.form-footer{background:#fbfdfe;border-radius:0 0 10px 10px;justify-content:flex-end;align-items:center;gap:10px;padding:19px 28px;display:flex}.form-feedback{padding:22px 28px 0}.form-feedback .notice{margin:0}.save-feedback{color:var(--green);align-items:center;gap:7px;margin-right:auto;font-size:12px;display:inline-flex}.settings-layout{grid-template-columns:minmax(0,1fr) 288px;align-items:start;gap:24px;display:grid}.settings-aside{flex-direction:column;gap:20px;min-width:0;display:flex}.settings-aside .panel{padding:20px}.settings-aside .section-heading{margin-bottom:21px}.settings-aside .section-heading h3{font-size:14px}.settings-aside .section-heading .button{min-height:28px;padding:5px 8px;font-size:12px}.status-list{margin:0;padding:0;font-size:12px}.status-list>div{border-bottom:1px solid #edf2f5;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.status-list>div:first-child{padding-top:0}.status-list>div:last-child{border-bottom:0}.status-list dt{color:#97acbb}.status-list dd{color:#7393a6;margin:0}.status-explanation{color:#91aabb;background:#f6fafd;border-radius:6px;margin-top:15px;padding:12px;font-size:12px;line-height:1.9}.maintenance-panel .status-explanation{margin:0 0 16px}.maintenance-panel>.button{width:100%}.maintenance-feedback:not(:empty){margin-top:16px}.maintenance-feedback .notice{margin-bottom:0}.usage-number{color:#527e98;margin-top:26px;font-family:Bahnschrift,sans-serif;font-size:27px}.usage-budget{color:#92adbf;margin-top:7px;font-size:12px}.usage-panel progress{appearance:none;accent-color:#4c9db5;background:#ebf2f6;border:0;border-radius:3px;width:100%;height:5px;margin:18px 0 14px;display:block}.usage-panel progress::-webkit-progress-bar{background:#ebf2f6;border-radius:3px}.usage-panel progress::-webkit-progress-value{background:#4c9db5;border-radius:3px}.usage-panel progress::-moz-progress-bar{background:#4c9db5;border-radius:3px}.usage-time{color:#a5b9c5;margin-top:15px;font-size:11px;display:block}.usage-panel .loading-state{min-height:130px}.settings-tip{color:#9ab8c8;align-items:flex-start;gap:11px;padding:4px 7px;display:flex}.settings-tip strong{color:#7b9bad;font-size:13px;font-weight:500}.settings-tip p{color:#9bb1bf;margin-top:8px;font-size:12px;line-height:1.9}.room-inspection{padding:25px 28px}.inspection-meta{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:23px;display:flex}.inspection-facts{border-top:1px solid #e9f0f4;border-bottom:1px solid #e9f0f4;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:25px;padding:19px 0;display:grid}.inspection-facts span{color:#9db2c0;margin-bottom:9px;font-size:11px;display:block}.inspection-facts strong{color:#688ba2;font-size:12px;font-weight:500}.member-list{margin-bottom:28px}.member{border-bottom:1px solid #edf3f6;align-items:center;gap:12px;padding:13px 0;display:flex}.avatar-small{border-radius:9px;width:35px;height:35px;font-size:14px}.avatar-host{color:#9d915c;background:#f7f3e8}.member-name{flex:1;min-width:0}.member-name strong{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.member-name code{color:#a0b6c5;overflow-wrap:anywhere;margin-top:6px;font-size:10px;display:block}.host-label{color:#ad9d64;white-space:nowrap;align-items:center;gap:3px;font-size:10px;display:inline-flex}.member-connection{text-align:right}.member-connection>span:last-child{color:#9eb2c0;margin-top:6px;font-size:10px;display:block}.member-connection>.pill{display:inline-flex}.event-list{padding-left:5px}.event-row{align-items:flex-start;gap:12px;min-height:35px;padding:0 0 19px;display:flex;position:relative}.event-row:before{content:"";background:#e1edf3;width:1px;position:absolute;top:7px;bottom:0;left:2px}.event-row:last-child:before{display:none}.event-dot{z-index:1;background:#94c0d2;border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-top:5px}.event-row>span:nth-child(2){flex:1;min-width:0}.event-row strong{color:#7597ad;font-size:12px;font-weight:500}.event-row small{color:#9db4c2;overflow-wrap:anywhere;margin-top:5px;font-size:11px;display:block}.event-row time{color:#a1b6c4;white-space:nowrap;margin-top:3px;font-size:11px}.inline-empty{color:#a0b5c3;padding:17px 0;font-size:13px}.metadata-details{margin-top:17px}.metadata-details summary{color:#8aa7b9;cursor:pointer;align-items:center;gap:7px;font-size:12px;list-style:none;display:flex}.metadata-details[open] summary>svg{transform:rotate(90deg)}.metadata-details pre{color:#7898ad;background:#f6f9fc;border:1px solid #e6eef3;border-radius:6px;max-height:220px;padding:15px;font-size:12px;overflow:auto}.toast{opacity:0;pointer-events:none;color:#f1f9fc;z-index:90;background:#234e65;border-radius:8px;align-items:center;gap:10px;max-width:calc(100vw - 32px);padding:13px 20px;font-size:14px;transition:opacity .18s,transform .18s;display:flex;position:fixed;bottom:26px;left:calc(50% + 113px);transform:translate(-50%,12px);box-shadow:0 8px 25px #193d5125}.toast-visible{opacity:1;transform:translate(-50%)}.toast>svg{color:#98d0ca}.login-layout{background:#fbfdff;grid-template-columns:minmax(380px,.88fr) minmax(500px,1.12fr);min-height:100svh;display:grid}.login-brand{color:#a9c5d3;background:#183b50;flex-direction:column;padding:44px 54px 30px;display:flex;position:relative;overflow:hidden}.login-brand:after{content:"";pointer-events:none;border:1px solid #83b6c10b;border-radius:50%;width:500px;height:500px;position:absolute;top:170px;left:-310px}.login-message{max-width:450px;margin:auto;padding-top:55px}.login-message .eyebrow{color:#6eb7c5;font-size:11px}.login-message h1{color:#eff8fb;letter-spacing:2px;margin:22px 0 20px;font-size:clamp(30px,3.2vw,48px);font-weight:500;line-height:1.7}.login-message h1 span{color:#95c6d1}.login-message p{color:#7fa4b8;font-size:14px;line-height:2.2}.connection-diagram{color:#78a5b8;margin:23px -20px 13px}.connection-diagram svg{width:100%;height:auto;display:block}.login-brand-footer{letter-spacing:1.7px;color:#5e879d;justify-content:center;align-items:center;gap:19px;margin-top:20px;font-size:10px;display:flex}.login-brand-footer i{background:#547d91;border-radius:50%;width:3px;height:3px}.login-main{flex-direction:column;padding:35px 50px 25px;display:flex}.login-topline{color:#a1b4c1;letter-spacing:1.3px;justify-content:space-between;align-items:center;font-size:11px;display:flex}.login-topline span:last-child{color:#9fb2c0;letter-spacing:.5px}.login-card{width:min(100%,350px);margin:auto;padding:50px 0 70px}.login-key{color:#5b9eb4;background:#eaf5f9;border:1px solid #dcebf1;border-radius:13px;place-items:center;width:51px;height:51px;margin-bottom:27px;display:grid}.login-card .eyebrow{color:#8facbc;font-size:11px}.login-card h2{letter-spacing:-.5px;margin-top:11px;font-size:27px;font-weight:600}.login-card>p{color:#94aaba;margin:13px 0 33px;font-size:14px}.login-card .field{color:#7090a4;margin-bottom:20px;font-size:13px}.login-card input{background:#fff;padding:12px 13px}.login-submit{justify-content:center;width:100%;min-height:44px;margin-top:2px}.login-submit>svg:last-child{margin-left:auto}.login-submit:not(:disabled){padding-left:37px}.login-security{color:#adc2cf;align-items:flex-start;gap:9px;margin-top:25px;display:flex}.login-security>svg{margin-top:2px}.login-security p{color:#a4b9c7;font-size:12px;line-height:1.8}.login-footer{color:#afc1cd;justify-content:space-between;font-size:11px;display:flex}.mobile-close,.menu-toggle,.sidebar-backdrop{display:none}@media (width>=1600px){.games-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1240px){.sidebar{width:206px;padding-left:14px;padding-right:14px}.app-main{width:calc(100% - 206px);margin-left:206px}.topbar{padding:0 29px}.workspace{padding:32px 29px}.workspace-footer{margin:0 29px}.overview-strip{padding:24px}.overview-intro{gap:11px}.overview-icon{width:44px;height:44px}.overview-stat{min-width:85px;padding-left:20px}.overview-intro strong{font-size:13px}.overview-intro div>span{font-size:11px}.games-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}.region-options{grid-template-columns:repeat(2,minmax(0,1fr))}.form-section{padding:23px}.form-grid{gap:18px 13px}.room-metrics-note{display:none}.room-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.toast{left:calc(50% + 103px)}.toolbar-end{gap:12px}}@media (width<=1000px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-aside{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.settings-tip{grid-column:1/-1}.overview-intro{display:none}.overview-stat{flex:1}.overview-stat:first-of-type{border-left:0}.overview-stat:nth-child(2){border-left:0;padding-left:0}.table-toolbar .live-label{display:none}.search-field input{width:215px}.login-layout{grid-template-columns:minmax(310px,.85fr) minmax(390px,1fr)}.login-brand{padding:36px 35px 25px}.login-main{padding:30px 35px 24px}.login-message h1{font-size:32px}}@media (width<=760px){.sidebar{width:230px;transition:transform .18s;transform:translate(-100%);box-shadow:8px 0 28px #204e6810}.sidebar-open{transform:translate(0)}.sidebar-backdrop{z-index:25;background:#193d513d;border:0;display:block;position:fixed;inset:0}.mobile-close,.menu-toggle{display:inline-flex}.mobile-close{margin-right:-7px}.app-main{width:100%;margin-left:0}.topbar{height:63px;padding:0 20px}.breadcrumb{gap:11px}.menu-toggle{margin-left:-8px}.workspace{padding:29px 21px}.workspace-footer{margin:0 21px}.page-heading{margin-bottom:25px}.page-heading h1{font-size:24px}.page-heading>.copy-value{max-width:170px}.games-grid{gap:15px}.game-card{padding:20px 19px 0}.overview-strip{margin-bottom:28px}.toast{left:50%}.login-layout{display:block}.login-brand{display:none}.login-main{min-height:100svh;padding:27px}.login-card{padding:50px 0}.login-topline span:first-child{color:#487b94;font-weight:600}}@media (width<=500px){.topbar{padding:0 16px}.topbar-right{gap:10px}.admin-access{font-size:12px}.workspace{padding:26px 17px}.page-heading{flex-wrap:wrap;align-items:flex-start;gap:12px}.page-heading h1{font-size:23px}.page-heading p{font-size:13px}.page-heading>.button{min-height:34px;margin-top:22px;padding:7px 10px;font-size:13px}.page-heading .eyebrow{letter-spacing:1.3px;font-size:10px}.page-heading>.copy-value{max-width:100%}.overview-strip{padding:21px}.overview-stat{min-width:0;padding-left:17px}.overview-stat span{font-size:11px}.overview-stat strong{font-size:24px}.games-heading{align-items:center}.games-heading h2{white-space:nowrap;font-size:15px}.section-tools{gap:6px}.search-field.compact{gap:5px;padding:0 8px}.search-field.compact input{width:73px;font-size:12px}.section-tools .button{min-height:34px;padding:6px 9px;font-size:12px}.games-grid{grid-template-columns:minmax(0,1fr)}.game-card{padding:22px 24px 0}.game-card-facts{padding:20px 0}.new-game-card{min-height:150px}.new-game-card>span{border-radius:10px;width:37px;height:37px;margin-bottom:10px}.workspace-note{flex-wrap:wrap;align-items:flex-start;gap:8px}.workspace-note>svg{margin-top:3px}.workspace-note p{min-width:220px}.service-tag{margin-left:25px}.first-game{padding:40px 20px 27px}.first-game h2{font-size:17px}.first-game p{font-size:13px}.first-game-steps{justify-content:center;gap:10px;width:100%}.first-game-steps>span{gap:5px;font-size:11px}.first-game-steps>span>svg{display:none}.workspace-footer{margin:0 17px;font-size:10px}.workspace-footer>span:last-child{display:none}.room-metrics{margin-bottom:22px;padding:20px}.room-metrics>div{padding-left:17px}.room-metrics strong{font-size:24px}.room-metrics>div>span:not(.metric-note-icon){font-size:11px}.table-toolbar{flex-wrap:wrap;padding:12px 15px}.table-toolbar .search-field,.table-toolbar .search-field input{width:100%}.table-toolbar .search-field:focus-within{outline-offset:3px;border-radius:3px;outline:2px solid #75c2d3}.toolbar-end{margin-left:auto}.table-footer{padding:14px 16px;font-size:10px}.table-footer>span:last-child{text-align:right;max-width:55%}.modal,.modal-wide{border-radius:10px;width:calc(100vw - 20px);max-height:calc(100svh - 24px)}.modal-header{padding:21px 19px}.modal-header h2{font-size:18px}.modal-header p{font-size:12px}.modal-body,.room-inspection{padding:22px 19px}.modal-footer{padding:15px 19px}.footer-note{display:none}.form-section{padding:23px 19px}.form-grid{grid-template-columns:1fr}.region-options{gap:8px}.region-option{padding:11px 10px}.region-option>svg{display:none}.settings-aside{grid-template-columns:1fr}.form-footer{padding:17px 19px}.inspection-facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}.member{gap:8px}.member-name strong{flex-wrap:wrap;gap:4px}.member-connection{max-width:87px}.member-name code{font-size:7px}.avatar-small{width:31px;height:31px}.notice{flex-wrap:wrap;font-size:13px}.notice>.text-button{margin-left:27px}.audit-scope strong{font-size:13px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}