:root{color-scheme:dark;--bg:#101216;--panel:#191c22;--line:#2c3039;--text:#f4f1eb;--muted:#a6a9b2;--accent:#ff7148}html.portal-page,html.portal-page body{height:100%;overflow:auto;background:var(--bg);color:var(--text);font-family:Segoe UI,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}.portal-page button,.portal-page input,.portal-page select{font:inherit}.portal-page button,.portal-page a,.portal-page input,.portal-page select{outline-offset:4px}.portal-page :focus-visible{outline:2px solid var(--accent)}.portal-page button{cursor:pointer;min-height:44px}.portal-page button:disabled{cursor:default;opacity:.45}.portal-page a{color:inherit;text-decoration:none}.portal-shell{min-height:100vh;display:grid;grid-template-columns:216px minmax(0,1fr)}.portal-sidebar{padding:36px 24px;border-right:1px solid var(--line);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:36px}.portal-brand{font-size:27px;font-weight:800;display:flex;align-items:center;gap:12px;letter-spacing:2px}.portal-mark{width:23px;height:23px;background:var(--accent);box-shadow:7px -7px 0 -1px #ffb69e;transform:rotate(-7deg);margin:5px 6px 0 0}.portal-kicker{font-size:11px;letter-spacing:2px;color:var(--muted);text-transform:uppercase}.portal-nav{display:grid;gap:8px}.portal-nav button{color:var(--muted);background:none;border:0;border-radius:8px;text-align:left;padding:12px 16px;display:flex;align-items:center;gap:12px}.portal-nav button:hover{background:#22252c;color:var(--text)}.portal-nav button.active{background:#ff714815;color:var(--accent)}.portal-nav-symbol{font-size:18px;width:22px;text-align:center}.portal-sidebar-footer{margin-top:auto;display:grid;gap:15px;color:var(--muted);font-size:13px;line-height:1.8}.portal-sidebar-footer button{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:8px}.portal-main{padding:28px 40px 60px;max-width:1600px;width:100%;margin:auto}.portal-topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:38px;min-height:44px}.portal-breadcrumb{font-size:13px;color:var(--muted)}.portal-user{display:flex;align-items:center;gap:10px;background:none;border:0;color:var(--text)}.portal-avatar{display:grid;place-content:center;background:#31363f;border:1px solid #535966;border-radius:50%;width:34px;height:34px;font-size:13px}.portal-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.portal-heading h1{font-size:34px;letter-spacing:-1px;line-height:1.3;margin:8px 0}.portal-heading p{color:var(--muted);font-size:14px;line-height:1.8;margin:8px 0 0}.portal-search{display:flex;align-items:center;border:1px solid var(--line);background:var(--panel);border-radius:9px;min-width:240px}.portal-search input{width:100%;border:0;background:none;padding:13px 16px;color:var(--text);outline-offset:0;border-radius:9px}.portal-hero{position:relative;min-height:330px;background:#262d32;border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-bottom:36px;isolation:isolate}.portal-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.portal-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0d1115f2,#11151ac2 35%,#11151a15);z-index:-1}.portal-hero-copy{padding:38px 40px;max-width:550px}.portal-eyebrow{font-size:11px;letter-spacing:2px;color:#ffd6c9;display:flex;align-items:center;gap:9px}.portal-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);display:inline-block}.portal-hero h2{font-size:42px;line-height:1.2;letter-spacing:-1px;margin:18px 0 12px}.portal-hero p{font-size:14px;color:#d0d2d6;line-height:1.7;max-width:340px;margin:0 0 24px}.portal-primary,.portal-secondary,.portal-ghost{border:0;border-radius:8px;padding:11px 20px;font-weight:600;min-height:44px}.portal-primary{background:var(--accent);color:#17191e}.portal-primary:hover{background:#ff8e6d}.portal-secondary{background:#2d323d;color:var(--text);border:1px solid #454b58}.portal-ghost{background:transparent;color:var(--muted)}.portal-section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0 18px}.portal-section-head h2{font-size:21px;margin:0}.portal-count{font-size:12px;color:var(--muted);margin-left:12px;font-weight:400}.portal-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 12px}.portal-tab{white-space:nowrap;background:none;border:1px solid transparent;color:var(--muted);padding:8px 18px;border-radius:24px}.portal-tab.active{background:#f4f1eb;color:#17191e}.portal-tab:hover:not(.active){border-color:var(--line)}.portal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.portal-game-card{padding:0;border:1px solid var(--line);text-align:left;background:var(--panel);border-radius:12px;overflow:hidden;color:var(--text);transition:transform .16s,border-color .16s}.portal-game-card:hover{transform:translateY(-3px);border-color:#657080}.portal-game-image{width:100%;aspect-ratio:16/10;object-fit:cover;background:#272f37;display:block}.portal-card-body{padding:20px}.portal-card-body h3{font-size:18px;margin:0 0 10px}.portal-card-body p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.portal-card-foot{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:12px;color:#f6bb9f}.portal-pill{display:inline-flex;align-items:center;min-height:24px;padding:3px 9px;background:#2d323c;border-radius:4px;color:#c7ccd5;font-size:11px}.portal-empty{border:1px dashed #3b414d;border-radius:12px;text-align:center;padding:54px 24px;color:var(--muted);line-height:1.9;grid-column:1/-1}.portal-empty strong{display:block;font-size:19px;color:var(--text);margin:6px 0}.portal-empty small{font-size:13px}.portal-notice{padding:14px 18px;background:#4a281f;border:1px solid #82503d;border-radius:8px;color:#ffcfbd;line-height:1.6;margin:16px 0}.portal-room-toolbar{display:flex;gap:12px;align-items:center;justify-content:space-between;margin:26px 0 18px}.portal-room-toolbar .portal-search{max-width:380px;flex:1}.portal-table{width:100%;border-collapse:collapse;background:var(--panel);border-radius:10px;overflow:hidden}.portal-table th{padding:15px 20px;text-align:left;font-size:12px;color:var(--muted);font-weight:400;border-bottom:1px solid var(--line)}.portal-table td{padding:22px 20px;border-bottom:1px solid var(--line);font-size:14px}.portal-table td:last-child{text-align:right}.portal-room-name{display:block;margin-bottom:6px}.portal-room-id{font-size:11px;color:var(--muted);font-family:monospace}.portal-small{font-size:12px;color:var(--muted);line-height:1.8}.portal-detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}.portal-login{max-width:440px;margin:60px auto;padding:32px;background:var(--panel);border:1px solid var(--line);border-radius:14px}.portal-login h1{font-size:26px}.portal-form{display:grid;gap:20px}.portal-field{display:grid;gap:9px;font-size:13px;color:#dadde4}.portal-field input:not([type=checkbox]):not([type=radio]),.portal-field select{width:100%;min-height:46px;background:#101216;border:1px solid #424958;border-radius:7px;padding:10px 12px;color:var(--text)}.portal-field input[type=file]{padding:18px!important;border-style:dashed!important}.portal-form-actions{display:flex;justify-content:flex-end;gap:12px;align-items:center}.portal-dialog{background:var(--panel);color:var(--text);border:1px solid #444c5a;border-radius:16px;padding:28px;width:min(560px,calc(100vw - 32px));max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 20px 100px #0008}.portal-dialog::backdrop{background:#07090bcc;backdrop-filter:blur(5px)}.portal-dialog h2{margin:0 0 10px;font-size:24px}.portal-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.portal-mode-option{border:1px solid #424958;border-radius:9px;padding:14px;line-height:1.6;cursor:pointer}.portal-mode-option:has(input:checked){border-color:var(--accent);background:#ff71480c}.portal-mode-option span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.portal-upload-progress{width:100%;height:8px;accent-color:var(--accent)}.portal-play{position:fixed;inset:0;background:#080a0d;z-index:50}.portal-play iframe{width:100%;height:100%;border:0;display:block}.portal-play-bar{position:absolute;top:max(10px,env(safe-area-inset-top));right:14px;display:flex;align-items:center;gap:10px;padding:5px 6px 5px 14px;border:1px solid #ffffff30;border-radius:8px;background:#12161dee;color:#e7e9ed;font-size:12px}.portal-play-bar button{min-height:36px;padding:5px 12px;background:#343b46;color:#fff;border:1px solid #555e6e;border-radius:5px}.portal-play-message{position:absolute;bottom:30px;left:50%;transform:translate(-50%);padding:13px 20px;background:#252c37;border-radius:8px;max-width:90%;font-size:14px}.portal-admin-row{background:var(--panel);border:1px solid var(--line);padding:24px;border-radius:12px;display:grid;gap:18px;margin:16px 0}.portal-admin-row h3{margin:0}.portal-admin-controls{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.portal-admin-controls label{font-size:13px;display:flex;align-items:center;gap:8px}.portal-admin-controls select{padding:8px;background:#101216;color:var(--text);border:1px solid #444c5a;border-radius:6px}.portal-skeleton{height:200px;border-radius:12px;background:#1b1f26}.portal-page input[type=checkbox],.portal-page input[type=radio]{accent-color:var(--accent)}@media(min-width:1600px){.portal-main{padding-left:60px;padding-right:60px}.portal-hero{min-height:390px}.portal-hero-copy{padding:50px}}@media(max-width:1050px){.portal-shell{grid-template-columns:172px minmax(0,1fr)}.portal-sidebar{padding:28px 16px}.portal-main{padding:24px}.portal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.portal-heading{align-items:start}.portal-heading h1{font-size:28px}.portal-heading .portal-search{min-width:180px;max-width:220px}}@media(max-width:700px){.portal-shell{display:block}.portal-sidebar{position:static;height:auto;padding:20px 20px 12px;border-right:0;border-bottom:1px solid var(--line);gap:18px}.portal-brand{font-size:23px}.portal-sidebar .portal-kicker,.portal-sidebar-footer{display:none}.portal-nav{display:flex;gap:6px;overflow:auto}.portal-nav button{white-space:nowrap;padding:8px 12px;font-size:13px}.portal-nav-symbol{display:none}.portal-main{padding:18px 20px max(36px,env(safe-area-inset-bottom))}.portal-topbar{margin-bottom:22px}.portal-heading{display:block;margin-bottom:22px}.portal-heading h1{font-size:28px}.portal-heading .portal-search{max-width:none;margin-top:18px}.portal-hero{min-height:342px;border-radius:12px}.portal-hero-copy{padding:28px 24px}.portal-hero h2{font-size:34px}.portal-hero:after{background:linear-gradient(90deg,#0d1115e8,#11151a77)}.portal-hero p{max-width:235px}.portal-grid{grid-template-columns:1fr}.portal-game-image{aspect-ratio:16/9}.portal-tabs{margin-right:-20px}.portal-room-toolbar{flex-wrap:wrap}.portal-room-toolbar .portal-search{min-width:100%;max-width:none}.portal-table thead{display:none}.portal-table,.portal-table tbody{display:block;background:transparent}.portal-table tr{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:18px;margin-bottom:14px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.portal-table td{padding:0;border:0}.portal-table td:first-child{grid-column:1/-1}.portal-table td:last-child{grid-column:2;grid-row:2/4;align-self:end}.portal-mode-options{grid-template-columns:1fr}.portal-login{margin:24px auto;padding:24px}.portal-dialog{padding:24px}.portal-admin-controls{gap:16px}.portal-play-bar span{max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}.portal-admin-controls select,.portal-admin-controls label{min-height:44px}.portal-admin-controls input[type=checkbox]{width:18px;height:18px}.portal-success{padding:14px 18px;background:#183b32;border:1px solid #397b65;border-radius:8px;color:#b8efd9;line-height:1.6;margin:16px 0}html.portal-page{height:auto;min-height:100%;overflow-y:auto}html.portal-page body{height:auto;min-height:100vh;overflow:visible}.portal-main{margin:0 auto;align-self:start}.portal-field input[type=file]::file-selector-button{min-height:44px;padding:8px 12px;background:#343b46;border:1px solid #667080;border-radius:5px;color:var(--text)}.portal-play-bar[hidden]{display:none}