@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');
:root{
  color-scheme:light;
  --green:#245e4c;
  --dark:#183c32;
  --mint:#edf4ee;
  --ink:#25382e;
  --muted:#8a948b;
  --line:#e6eae3;
  --bg:#f7f8f4;
  --gold:#b39766;
  --on-accent:#fff;
  --focus:#96bda7;
  --settings-shadow:#122e2433;
  --art-moon:#f8f9ee;
  --art-ring:#d7e1ce;
  --art-ridge:#d9e2ce;
  --art-hill:#cbd8be;
  --art-trees:#b5c7a8;
  --art-front:#8fa383;
  --art-wolf:#637e5c;
  --art-eye:#d8e2ca;
  --art-ground:#96ac87;
  --art-star:#acbb9b;
  --art-fog:#bbcbb0;
  --border-96bda7:#96bda7;
  --surface-fff:#fff;
  --text-efe6c8:#efe6c8;
  --text-8b948e:#8b948e;
  --text-a2aaa3:#a2aaa3;
  --text-7a847c:#7a847c;
  --surface-edf3ed:#edf3ed;
  --text-acb9a5:#acb9a5;
  --text-949b91:#949b91;
  --text-a9afa7:#a9afa7;
  --surface-e9ede1:#e9ede1;
  --text-738465:#738465;
  --text-90998f:#90998f;
  --surface-71a585:#71a585;
  --surface-fff9:#fff9;
  --text-98a097:#98a097;
  --text-c9cec6:#c9cec6;
  --text-4c5a4f:#4c5a4f;
  --text-768d76:#768d76;
  --border-dce2d7:#dce2d7;
  --text-809080:#809080;
  --text-84947f:#84947f;
  --text-90998e:#90998e;
  --border-dfe5db:#dfe5db;
  --text-536250:#536250;
  --surface-eef3eb:#eef3eb;
  --text-fff:#fff;
  --surface-194b3b:#194b3b;
  --surface-f3f6ed:#f3f6ed;
  --text-a45f4e:#a45f4e;
  --surface-eaf0e5:#eaf0e5;
  --border-e0e8d9:#e0e8d9;
  --text-788c70:#788c70;
  --surface-94a087:#94a087;
  --text-547852:#547852;
  --text-84917c:#84917c;
  --text-718269:#718269;
  --surface-f0f4ed:#f0f4ed;
  --text-7d9276:#7d9276;
  --surface-f8f3e9:#f8f3e9;
  --text-b69e73:#b69e73;
  --surface-f0f1f8:#f0f1f8;
  --text-8d8fb3:#8d8fb3;
  --text-96a08f:#96a08f;
  --text-9ba394:#9ba394;
  --surface-e9efe5:#e9efe5;
  --text-729167:#729167;
  --text-8b9585:#8b9585;
  --text-8d9685:#8d9685;
  --text-486c3f:#486c3f;
  --surface-e8eee2:#e8eee2;
  --text-99a291:#99a291;
  --border-b6c7ab:#b6c7ab;
  --shadow-1f482c08:#1f482c08;
  --surface-edf2e8:#edf2e8;
  --text-7a946b:#7a946b;
  --text-789766:#789766;
  --surface-edf5e7:#edf5e7;
  --surface-f7f0e3:#f7f0e3;
  --text-b19259:#b19259;
  --text-a0a797:#a0a797;
  --text-909b84:#909b84;
  --surface-edf0e9:#edf0e9;
  --surface-8faa7c:#8faa7c;
  --border-edf0e9:#edf0e9;
  --text-889580:#889580;
  --surface-f1f3eb:#f1f3eb;
  --text-8b9b7f:#8b9b7f;
  --border-d8e1d2:#d8e1d2;
  --text-a6b698:#a6b698;
  --text-9aa28f:#9aa28f;
  --surface-eff3ea:#eff3ea;
  --text-8d9d7d:#8d9d7d;
  --text-a4ac9a:#a4ac9a;
  --surface-152d246b:#152d246b;
  --surface-fbfcf8:#fbfcf8;
  --shadow-122e2433:#122e2433;
  --text-8d9787:#8d9787;
  --text-93a08c:#93a08c;
  --border-dfe5d8:#dfe5d8;
  --text-4c6045:#4c6045;
  --border-789c68:#789c68;
  --text-97a28c:#97a28c;
  --text-4c7141:#4c7141;
  --text-8b9781:#8b9781;
  --surface-254b3c:#254b3c;
  --shadow-102a2220:#102a2220;
  --text-8a987e:#8a987e;
  --text-8d9884:#8d9884;
  --text-4d6343:#4d6343;
  --text-8a9980:#8a9980;
  --border-e5eadf:#e5eadf;
  --surface-e9efdf:#e9efdf;
  --text-81966b:#81966b;
  --border-a5bb90:#a5bb90;
  --surface-f1f6ec:#f1f6ec;
  --surface-f7f7f3:#f7f7f3;
  --text-91a082:#91a082;
  --text-9fa995:#9fa995;
  --text-af9758:#af9758;
  --surface-fafcf7:#fafcf7;
  --text-8b987c:#8b987c;
  --surface-edf3e7:#edf3e7;
  --text-587947:#587947;
  --text-849676:#849676;
  --text-426b36:#426b36;
  --surface-e4ebda:#e4ebda;
  --text-9ca68d:#9ca68d;
  --text-4c7440:#4c7440;
  --border-71915e:#71915e;
  --text-88967b:#88967b;
  --surface-f0f4ea:#f0f4ea;
  --text-607252:#607252;
  --text-909c82:#909c82;
  --border-dce5d2:#dce5d2;
  --surface-eef3e9:#eef3e9;
  --text-799163:#799163;
  --surface-f8f1e4:#f8f1e4;
  --border-eae0c9:#eae0c9;
  --text-a38b57:#a38b57;
  --surface-263c37:#263c37;
  --text-e3eadc:#e3eadc;
  --text-a7b7a0:#a7b7a0;
  --surface-f5efdf:#f5efdf;
  --text-8e7848:#8e7848;
  --text-8c9c82:#8c9c82;
}
:root[data-theme="dark"]{
  color-scheme:dark;
  --green:#8bc8ac;
  --dark:#224f40;
  --mint:#22392f;
  --ink:#e0e9df;
  --muted:#a7b5a8;
  --line:#34483d;
  --bg:#121c17;
  --gold:#d5ba87;
  --on-accent:#12251c;
  --focus:#a4d6bb;
  --settings-shadow:#00000066;
  --art-moon:#c4d7b2;
  --art-ring:#45624d;
  --art-ridge:#304b38;
  --art-hill:#29422f;
  --art-trees:#36573d;
  --art-front:#4d7051;
  --art-wolf:#83a473;
  --art-eye:#d8e2ca;
  --art-ground:#416146;
  --art-star:#88a77a;
  --art-fog:#253b2b;
  --border-96bda7:#355543;
  --surface-fff:#1d1d1d;
  --text-efe6c8:#dacfa9;
  --text-8b948e:#bfc4c1;
  --text-a2aaa3:#bfc5c0;
  --text-7a847c:#bfc4c0;
  --surface-edf3ed:#192619;
  --text-acb9a5:#c0c9ba;
  --text-949b91:#c1c5bf;
  --text-a9afa7:#c0c5bf;
  --surface-e9ede1:#242919;
  --text-738465:#c1caba;
  --text-90998f:#c0c5bf;
  --surface-71a585:#263b2e;
  --surface-fff9:#1d1d1d99;
  --text-98a097:#c0c5bf;
  --text-c9cec6:#c1c6bd;
  --text-4c5a4f:#c8d0ca;
  --text-768d76:#bcc7bc;
  --border-dce2d7:#44503a;
  --text-809080:#bec6be;
  --text-84947f:#bfc7bc;
  --text-90998e:#c0c5bf;
  --border-dfe5db:#43503a;
  --text-536250:#c9d1c7;
  --surface-eef3eb:#1e2818;
  --text-fff:#c2c2c2;
  --surface-194b3b:#1b322a;
  --surface-f3f6ed:#232916;
  --text-a45f4e:#d8b5ac;
  --surface-eaf0e5:#202918;
  --border-e0e8d9:#445534;
  --text-788c70:#bfc9bb;
  --surface-94a087:#31362b;
  --text-547852:#c3d6c2;
  --text-84917c:#c1c7bc;
  --text-718269:#bfc8bb;
  --surface-f0f4ed:#1f2718;
  --text-7d9276:#bec9bb;
  --surface-f8f3e9:#292316;
  --text-b69e73:#d5c7af;
  --surface-f0f1f8:#161828;
  --text-8d8fb3:#b6b7ce;
  --text-96a08f:#c1c7bd;
  --text-9ba394:#c1c6bd;
  --surface-e9efe5:#1f2819;
  --text-729167:#bdccb7;
  --text-8b9585:#c1c6be;
  --text-8d9685:#c2c6bd;
  --text-486c3f:#c4d9bf;
  --surface-e8eee2:#212a18;
  --text-99a291:#c1c7bd;
  --border-b6c7ab:#425337;
  --shadow-1f482c08:#070b0808;
  --surface-edf2e8:#202917;
  --text-7a946b:#bfccb8;
  --text-789766:#bfceb6;
  --surface-edf5e7:#1f2a16;
  --surface-f7f0e3:#2a2317;
  --text-b19259:#d8c8ac;
  --text-a0a797:#c2c7bd;
  --text-909b84:#c2c8bb;
  --surface-edf0e9:#21261a;
  --surface-8faa7c:#2f3b26;
  --border-edf0e9:#475238;
  --text-889580:#c0c7bc;
  --surface-f1f3eb:#242818;
  --text-8b9b7f:#c1c9ba;
  --border-d8e1d2:#425337;
  --text-a6b698:#c1ccb7;
  --text-9aa28f:#c3c7bc;
  --surface-eff3ea:#212917;
  --text-8d9d7d:#c2cab9;
  --text-a4ac9a:#c2c8bc;
  --surface-152d246b:#1b32296b;
  --surface-fbfcf8:#232715;
  --shadow-122e2433:#070b0933;
  --text-8d9787:#c1c6bd;
  --text-93a08c:#c0c8bc;
  --border-dfe5d8:#465337;
  --text-4c6045:#c8d4c4;
  --border-789c68:#3f5337;
  --text-97a28c:#c2c8bb;
  --text-4c7141:#c5dabe;
  --text-8b9781:#c1c8bc;
  --surface-254b3c:#1b3229;
  --shadow-102a2220:#070b0a20;
  --text-8a987e:#c1c9bb;
  --text-8d9884:#c1c7bc;
  --text-4d6343:#c8d6c2;
  --text-8a9980:#c0c8bb;
  --border-e5eadf:#465337;
  --surface-e9efdf:#242b17;
  --text-81966b:#c2ccb7;
  --border-a5bb90:#445534;
  --surface-f1f6ec:#202916;
  --surface-f7f7f3:#252519;
  --text-91a082:#c2cab9;
  --text-9fa995:#c2c8bb;
  --text-af9758:#d7cbac;
  --surface-fafcf7:#202715;
  --text-8b987c:#c2c9ba;
  --surface-edf3e7:#202a17;
  --text-587947:#c8d9bf;
  --text-849676:#c1caba;
  --text-426b36:#c3ddbb;
  --surface-e4ebda:#242c18;
  --text-9ca68d:#c3c9ba;
  --text-4c7440:#c4dbbd;
  --border-71915e:#415436;
  --text-88967b:#c2c9bb;
  --surface-f0f4ea:#222916;
  --text-607252:#cbd4c4;
  --text-909c82:#c2c9bb;
  --border-dce5d2:#465534;
  --surface-eef3e9:#202917;
  --text-799163:#c1cdb6;
  --surface-f8f1e4:#2a2316;
  --border-eae0c9:#554b34;
  --text-a38b57:#d4c9af;
  --surface-263c37:#1e2f2b;
  --text-e3eadc:#c2d1b3;
  --text-a7b7a0:#bfcab9;
  --surface-f5efdf:#2a2517;
  --text-8e7848:#d6c9ae;
  --text-8c9c82:#c0c9bb;
}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans SC',system-ui,sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--border-96bda7);outline-offset:3px}.sidebar{width:220px;background:var(--surface-fff);height:100vh;position:fixed;top:0;left:0;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:35px 20px 0}.brand{display:flex;gap:11px;align-items:center;padding:0 13px 43px;font-size:25px;font-weight:800;letter-spacing:3px}.brand-icon{width:43px;height:43px;border-radius:13px;background:var(--dark);color:var(--text-efe6c8);font-size:39px;font-weight:400;display:grid;place-items:center;line-height:1;padding-bottom:8px}.brand-en{display:block;font-size:9px;letter-spacing:2.4px;font-weight:600;margin-top:3px;color:var(--text-8b948e)}.side-label{font-size:10px;color:var(--text-a2aaa3);padding:0 16px 14px;letter-spacing:2px}.nav-link{display:flex;align-items:center;width:100%;background:transparent;border-radius:8px;padding:14px 16px;margin-bottom:8px;text-align:left;color:var(--text-7a847c);gap:12px;font-size:13px}.nav-link>span{font-size:19px;line-height:1}.nav-link.active{color:var(--green);background:var(--surface-edf3ed);font-weight:600}.nav-link i{width:5px;height:5px;background:var(--green);border-radius:50%;margin-left:auto}.side-bottom{margin-top:auto;padding:35px 15px 30px}.forest-mark{font-size:35px;color:var(--text-acb9a5)}.side-bottom h3{font-size:14px;font-weight:500;letter-spacing:1px}.side-bottom p{font-size:11px;color:var(--text-949b91);line-height:2.1}.edition{font-size:9px;letter-spacing:1px;color:var(--text-a9afa7);display:block;margin-top:20px}.profile{border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:23px 3px}.avatar{width:35px;height:35px;flex-shrink:0;background:var(--surface-e9ede1);color:var(--text-738465);border-radius:50%;display:grid;place-items:center;font-size:13px}.profile b{font-size:12px;font-weight:500}.profile small{display:flex;gap:5px;align-items:center;font-size:10px;color:var(--text-90998f);margin-top:4px}.profile button{background:none;color:var(--text-90998f);margin-left:auto}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--surface-71a585)}.shell{margin-left:220px}.topbar{height:83px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 42px;background:var(--surface-fff9)}.breadcrumb{font-size:12px;color:var(--text-98a097)}.breadcrumb span{margin:0 14px;color:var(--text-c9cec6)}.breadcrumb strong{font-weight:500;color:var(--text-4c5a4f)}.top-right{display:flex;align-items:center;gap:22px}.live-pill{font-size:11px;color:var(--text-768d76);display:flex;gap:7px;align-items:center}.icon-btn{width:26px;height:26px;border:1px solid var(--border-dce2d7);background:transparent;border-radius:50%;color:var(--text-809080);font-size:13px}main{max-width:1400px;margin:auto;padding:36px 42px 45px}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:15px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--text-84947f)}.page-heading h1{font-size:27px;font-weight:600;margin:7px 0 9px;letter-spacing:1px}.page-heading p{color:var(--text-90998e);font-size:12px;margin:0}.btn{padding:11px 20px;display:inline-flex;gap:8px;align-items:center;justify-content:center;border-radius:6px;font-weight:500;font-size:12px;transition:.2s;background:var(--surface-fff);border:1px solid var(--border-dfe5db);color:var(--text-536250);white-space:nowrap}.btn:hover{background:var(--surface-eef3eb);transform:translateY(-1px)}.btn.primary{background:var(--green);color:var(--on-accent);border-color:var(--green)}.btn.primary:hover{background:var(--surface-194b3b)}.btn.light{color:var(--green);background:var(--surface-f3f6ed);border:0}.btn.danger{color:var(--text-a45f4e)}.heading-actions{display:flex;gap:10px}.hero{background:var(--surface-eaf0e5);border:1px solid var(--border-e0e8d9);position:relative;overflow:hidden;border-radius:12px;min-height:230px;display:flex;align-items:center;padding:30px 35px;margin-bottom:28px}.hero-content{position:relative;z-index:1;width:56%}.hero-tag{font-size:10px;letter-spacing:2px;color:var(--text-788c70);display:flex;gap:10px;align-items:center}.hero-tag:before{content:'';width:19px;height:1px;background:var(--surface-94a087)}.hero h2{font-size:28px;line-height:1.65;font-weight:600;margin:10px 0;letter-spacing:2px}.hero h2 em{font-style:normal;color:var(--text-547852)}.hero p{font-size:12px;color:var(--text-84917c);margin-bottom:20px;line-height:1.9}.hero-meta{display:flex;gap:20px;color:var(--text-718269);font-size:10px}.hero-art{position:absolute;height:100%;right:0;bottom:0;width:48%}.stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:33px}.stat{background:var(--surface-fff);border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:19px 22px;gap:16px}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:10px;background:var(--surface-f0f4ed);color:var(--text-7d9276);font-size:20px}.stat:nth-child(2) .stat-icon{background:var(--surface-f8f3e9);color:var(--text-b69e73)}.stat:nth-child(3) .stat-icon{background:var(--surface-f0f1f8);color:var(--text-8d8fb3)}.stat-label{font-size:11px;color:var(--text-96a08f);display:block;margin-bottom:5px}.stat strong{font-size:23px;font-weight:600;line-height:1}.stat small{font-size:10px;font-weight:400;margin-left:6px;color:var(--text-9ba394)}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:21px}.section-head h2{font-size:17px;font-weight:600;margin:0;display:flex;gap:10px;align-items:center}.count-pill{font-size:10px;background:var(--surface-e9efe5);border-radius:4px;padding:3px 7px;color:var(--text-729167);font-weight:400}.refresh{background:none;font-size:11px;color:var(--text-8b9585);display:flex;align-items:center;gap:6px}.toolbar{display:flex;justify-content:space-between;gap:15px;margin-bottom:20px}.tabs{display:flex;gap:7px}.tab{font-size:11px;padding:9px 17px;border-radius:5px;background:transparent;color:var(--text-8d9685)}.tab.selected{color:var(--text-486c3f);background:var(--surface-e8eee2);font-weight:500}.search-box{display:flex;gap:8px;align-items:center;background:var(--surface-fff);border:1px solid var(--line);border-radius:6px;padding:8px 12px;color:var(--text-99a291)}.search-box input{border:0;outline:none;background:transparent;font-size:11px;max-width:185px;color:var(--ink)}.rooms-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.room-card{background:var(--surface-fff);border:1px solid var(--line);border-radius:9px;padding:21px;transition:.2s;position:relative}.room-card:hover{border-color:var(--border-b6c7ab);box-shadow:0 6px 20px var(--shadow-1f482c08)}.room-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.room-symbol{background:var(--surface-edf2e8);border-radius:9px;padding:9px 12px;color:var(--text-7a946b);font-size:19px}.status{font-size:10px;color:var(--text-789766);background:var(--surface-edf5e7);border-radius:4px;padding:4px 8px}.status.playing{background:var(--surface-f7f0e3);color:var(--text-b19259)}.room-card h3{font-size:15px;font-weight:600;margin:16px 0 6px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room-code{font-size:10px;color:var(--text-a0a797);letter-spacing:.5px}.card-details{display:flex;gap:12px;font-size:10px;color:var(--text-909b84);margin:18px 0 15px}.seat-dots{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:19px}.seat-dot{height:5px;flex:1;border-radius:2px;background:var(--surface-edf0e9)}.seat-dot.filled{background:var(--surface-8faa7c)}.card-bottom{border-top:1px solid var(--border-edf0e9);padding-top:15px;display:flex;align-items:center;justify-content:space-between;gap:8px}.host{font-size:10px;color:var(--text-889580);display:flex;align-items:center;gap:6px}.mini-avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:var(--surface-f1f3eb);color:var(--text-8b9b7f);font-size:10px}.card-bottom .btn{font-size:10px;padding:7px 13px}.empty{grid-column:1/-1;background:var(--surface-fff);border:1px dashed var(--border-d8e1d2);border-radius:10px;text-align:center;padding:40px 20px}.empty-icon{font-size:31px;color:var(--text-a6b698)}.empty h3{font-size:15px;font-weight:500;margin:12px 0 8px}.empty p{font-size:12px;color:var(--text-9aa28f);margin-bottom:21px}.bottom-tip{display:flex;gap:11px;font-size:11px;line-height:1.8;color:var(--text-909b84);background:var(--surface-eff3ea);border-radius:7px;padding:15px 18px;margin-top:25px}.bottom-tip span:first-child{font-size:16px;color:var(--text-8d9d7d)}footer{padding:21px 42px;border-top:1px solid var(--line);font-size:9px;color:var(--text-a4ac9a);letter-spacing:1px}footer>span{margin-left:15px;letter-spacing:0}.footer-right{float:right}.modal-backdrop{position:fixed;inset:0;background:var(--surface-152d246b);backdrop-filter:blur(3px);z-index:10;display:flex;justify-content:center;align-items:center;padding:20px}.modal{width:440px;max-width:100%;background:var(--surface-fbfcf8);border-radius:14px;padding:30px;box-shadow:0 20px 80px var(--shadow-122e2433);max-height:90vh;overflow:auto}.modal.wide{width:600px}.modal h2{font-size:21px;margin:0 0 8px}.modal-sub{font-size:12px;color:var(--text-8d9787);line-height:1.8;margin-bottom:22px}.modal-close{float:right;background:none;color:var(--text-93a08c);font-size:22px;padding:0 3px}.field{display:block;margin:17px 0}.field>span{display:block;font-size:12px;font-weight:500;margin-bottom:8px}.field input,.field select{width:100%;padding:12px;background:var(--surface-fff);border:1px solid var(--border-dfe5d8);border-radius:6px;color:var(--text-4c6045);outline:none}.field input:focus,.field select:focus{border-color:var(--border-789c68)}.field small{display:block;margin-top:7px;color:var(--text-97a28c);font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal .submit{width:100%;margin-top:12px}.rule-item{padding:12px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.9}.rule-item b{display:block;color:var(--text-4c7141)}.rule-item p{margin:4px 0;color:var(--text-8b9781)}#toast{position:fixed;bottom:30px;left:calc(50% + 80px);transform:translateX(-50%) translateY(20px);background:var(--surface-254b3c);color:var(--text-fff);padding:12px 23px;border-radius:7px;box-shadow:0 6px 24px var(--shadow-102a2220);z-index:30;opacity:0;pointer-events:none;transition:.2s;font-size:12px;max-width:85vw}#toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.room-info{border:1px solid var(--line);border-radius:9px;background:var(--surface-fff);margin-bottom:22px;padding:19px 23px}.info-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.info-top strong{font-size:13px;font-weight:500}.info-top .collapse{border:0;background:transparent;font-size:11px;color:var(--text-8a987e)}.info-content{display:flex;gap:30px;margin-top:18px;padding-top:17px;border-top:1px solid var(--line);font-size:11px;flex-wrap:wrap;color:var(--text-8d9884)}.info-content b{font-weight:500;color:var(--text-4d6343);margin-left:8px}.room-info.collapsed{padding:13px 20px}.room-info.collapsed .info-content{display:none}.room-layout{display:grid;grid-template-columns:1fr 310px;gap:22px}.game-panel,.chat-panel{background:var(--surface-fff);border:1px solid var(--line);border-radius:10px;overflow:hidden}.game-head{padding:22px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.game-head h2{font-size:16px;font-weight:600;margin:0}.game-head small{font-size:11px;color:var(--text-8a9980)}.players{padding:24px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.player{border:1px solid var(--border-e5eadf);border-radius:9px;position:relative;padding:20px 8px 13px;text-align:center;background:var(--surface-fbfcf8)}.player .avatar{margin:0 auto 10px;width:49px;height:49px;font-size:20px;background:var(--surface-e9efdf);color:var(--text-81966b)}.player.you{border-color:var(--border-a5bb90);background:var(--surface-f1f6ec)}.player.dead{opacity:.5}.player.vacant{border-style:dashed;background:var(--surface-f7f7f3)}.player b{font-size:12px;font-weight:500;display:block;overflow:hidden;text-overflow:ellipsis}.player small{font-size:10px;color:var(--text-91a082);display:block;margin-top:6px}.seat-num{position:absolute;left:10px;top:8px;font-size:9px;color:var(--text-9fa995)}.host-badge{position:absolute;right:8px;top:8px;font-size:9px;color:var(--text-af9758)}.player .btn{margin-top:12px;padding:5px 10px;font-size:10px}.game-actions{padding:20px 24px;border-top:1px solid var(--line);background:var(--surface-fafcf7);text-align:center}.game-actions p{font-size:11px;color:var(--text-8b987c);margin:10px 0 0;line-height:1.9}.identity{margin:0 24px 20px;padding:15px 18px;border-radius:7px;background:var(--surface-edf3e7);color:var(--text-587947);display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:12px}.identity strong{font-weight:500}.spectators{padding:20px 24px;border-top:1px solid var(--line)}.spectators h3{margin:0 0 12px;font-size:12px;font-weight:500}.spectator-list{display:flex;flex-wrap:wrap;gap:8px}.spectator-chip{font-size:10px;background:var(--surface-f1f3eb);border-radius:5px;padding:8px;display:flex;align-items:center;gap:6px;color:var(--text-849676)}.spectator-chip button{font-size:10px;color:var(--text-426b36);background:var(--surface-e4ebda);border-radius:3px;padding:3px 6px}.chat-panel{display:flex;flex-direction:column;max-height:690px;min-height:520px}.chat-title{padding:20px;border-bottom:1px solid var(--line);font-size:13px;font-weight:500}.chat-tabs{display:flex;gap:16px;margin-top:14px}.chat-tab{padding:0 0 7px;background:none;color:var(--text-9ca68d);font-size:10px}.chat-tab.active{color:var(--text-4c7440);border-bottom:2px solid var(--border-71915e)}.chat-messages{padding:18px;flex:1;overflow:auto;min-height:220px;max-height:440px}.chat-message{font-size:11px;line-height:1.8;margin-bottom:14px;overflow-wrap:anywhere}.chat-message strong{display:block;color:var(--text-88967b);font-size:10px;font-weight:500;margin-bottom:4px}.chat-message p{display:inline-block;margin:0;background:var(--surface-f0f4ea);padding:8px 11px;border-radius:0 7px 7px 7px;color:var(--text-607252)}.log{font-size:10px;color:var(--text-909c82);line-height:1.9;margin-bottom:12px;border-left:2px solid var(--border-dce5d2);padding-left:9px}.chat-form{padding:14px;border-top:1px solid var(--line);display:flex;gap:8px}.chat-form input{min-width:0;width:100%;border:1px solid var(--line);border-radius:5px;font-size:11px;padding:10px;outline:none}.chat-form button{background:var(--green);color:var(--on-accent);border-radius:5px;padding:0 12px}.phase-badge{font-size:10px;background:var(--surface-eef3e9);color:var(--text-799163);padding:5px 10px;border-radius:5px}.spectator-banner{background:var(--surface-f8f1e4);border:1px solid var(--border-eae0c9);color:var(--text-a38b57);padding:12px 17px;border-radius:7px;font-size:11px;margin-bottom:20px}.night .game-head{background:var(--surface-263c37);color:var(--text-e3eadc)}.night .game-head small{color:var(--text-a7b7a0)}.winner-banner{text-align:center;margin:0 24px 20px;padding:20px;background:var(--surface-f5efdf);border-radius:8px;color:var(--text-8e7848)}.winner-banner h3{margin:5px 0 8px;font-size:21px}.winner-banner p{font-size:12px}.mobile-brand{display:none}.connecting{padding:100px 20px;text-align:center;color:var(--text-8c9c82)}
@media(min-width:1500px){main{padding-top:45px}.hero{min-height:265px}.rooms-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1150px){.sidebar{width:185px;padding-left:12px;padding-right:12px}.shell{margin-left:185px}main{padding:28px}.topbar{padding:0 28px}.rooms-grid{grid-template-columns:repeat(2,1fr)}.hero h2{font-size:24px}.room-layout{grid-template-columns:1fr 270px}.players{gap:10px;padding:17px}.stat{padding:17px 14px}.stat-icon{width:34px;height:34px}}@media(max-width:850px){.sidebar{width:72px;padding:24px 10px 0}.brand{padding:0 3px 35px}.brand>span:last-child,.side-label,.nav-link i,.side-bottom,.profile>div:not(.avatar),.profile button{display:none}.nav-link{font-size:0;padding:13px;justify-content:center}.nav-link>span{font-size:23px}.profile{justify-content:center;padding:20px 0;margin-top:auto}.shell{margin-left:72px}.room-layout{grid-template-columns:1fr}.chat-panel{min-height:360px;max-height:450px}.hero-content{width:70%}.hero-art{opacity:.6}.stat-row{gap:10px}.stat{gap:8px}.stat strong{font-size:20px}.stat-label{font-size:10px}}@media(max-width:600px){.sidebar{display:none}.shell{margin-left:0}.topbar{height:60px;padding:0 20px}.breadcrumb{font-size:11px}.top-right{gap:12px}.live-pill{font-size:10px}main{padding:24px 18px}.page-heading{align-items:flex-start;flex-wrap:wrap;margin-bottom:22px}.page-heading h1{font-size:24px}.page-heading p{font-size:11px}.heading-actions{width:100%}.heading-actions .btn{flex:1}.hero{padding:24px;min-height:220px;margin-bottom:18px}.hero-content{width:100%}.hero h2{font-size:24px}.hero p{max-width:220px;font-size:11px}.hero-art{width:65%;opacity:.35}.hero-meta{gap:14px;font-size:9px}.stat-row{gap:8px;margin-bottom:26px}.stat{padding:14px 9px;display:block}.stat-icon{display:none}.stat strong{font-size:22px}.stat small{font-size:9px;margin-left:3px}.stat-label{font-size:9px;margin-bottom:9px}.toolbar{flex-wrap:wrap;gap:13px}.tabs{width:100%;gap:5px}.tab{padding:8px 13px}.search-box{width:100%}.search-box input{max-width:none;width:100%}.rooms-grid{grid-template-columns:1fr}.room-card{padding:20px}.section-head h2{font-size:16px}footer{padding:20px 18px;font-size:8px}.footer-right{display:none}#toast{left:50%;white-space:normal}.modal{padding:24px}.room-info{padding:16px}.info-content{gap:15px}.info-top strong{font-size:11px}.players{grid-template-columns:repeat(3,1fr);gap:8px;padding:13px}.player{padding:23px 5px 13px}.player .avatar{width:39px;height:39px;font-size:16px}.player b{font-size:10px}.host-badge{font-size:8px;right:4px}.seat-num{left:5px}.game-head{padding:18px}.identity{margin:0 13px 15px;font-size:11px}.game-actions{padding:18px}.game-actions .btn{padding:10px 14px}.spectator-banner{line-height:1.8}.bottom-tip{font-size:10px}}

input,select{color:var(--ink);background-color:var(--surface-fff)}
input::placeholder{color:var(--muted)}
.info-top strong>span,.spectator-list>span[style]{color:var(--muted)!important}
.hero-art stop:first-child{stop-color:var(--surface-eaf0e5)}
.hero-art stop:last-child{stop-color:var(--art-fog)}
.hero-art [fill="#f8f9ee"]{fill:var(--art-moon)}
.hero-art [stroke="#d7e1ce"]{stroke:var(--art-ring)}
.hero-art [fill="#d9e2ce"]{fill:var(--art-ridge)}
.hero-art [fill="#cbd8be"]{fill:var(--art-hill)}
.hero-art [fill="#b5c7a8"]{fill:var(--art-trees)}
.hero-art [fill="#8fa383"]{fill:var(--art-front)}
.hero-art [fill="#637e5c"]{fill:var(--art-wolf)}
.hero-art [stroke="#d8e2ca"]{stroke:var(--art-eye)}
.hero-art [fill="#96ac87"]{fill:var(--art-ground)}
.hero-art [fill="#acbb9b"]{fill:var(--art-star)}

.theme-settings{position:fixed;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));z-index:11;width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface-fff);color:var(--green);box-shadow:0 4px 18px var(--settings-shadow)}
.theme-settings svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7}
.theme-settings:focus-visible,.theme-option:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.theme-dialog{width:380px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);overflow:auto;border:1px solid var(--line);border-radius:14px;padding:26px;background:var(--surface-fbfcf8);color:var(--ink);box-shadow:0 20px 80px var(--settings-shadow)}
.theme-dialog::backdrop{background:var(--surface-152d246b);backdrop-filter:blur(3px)}
.theme-dialog h2{margin:0 0 8px;font-size:21px}
.theme-dialog p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 20px}
.theme-options{display:grid;gap:10px}
.theme-option{padding:13px 16px;border:1px solid var(--line);border-radius:7px;text-align:left;color:var(--ink);background:var(--surface-fff)}
.theme-option[aria-pressed="true"]{color:var(--green);background:var(--mint);border-color:var(--green)}
.theme-option small{display:block;font-size:10px;color:var(--muted);margin-top:4px}
.profile{padding-bottom:76px}
@media(max-width:600px){footer{padding-bottom:78px}}
.avatar img,.mini-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.avatar,.mini-avatar{overflow:hidden}.passport-login{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:7px 13px;font-size:11px}.profile b{display:block;max-width:112px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[hidden]{display:none!important}@media(max-width:600px){.top-right{gap:8px}.passport-login{max-width:110px;padding:6px 9px}.live-pill{display:none}}

.passport-logout{padding:7px 10px;font-size:11px}.top-right{gap:12px}@media(max-width:600px){.passport-login{max-width:80px}.passport-logout{padding:6px;font-size:10px}.topbar{padding:0 12px}.breadcrumb span{margin:0 6px}.top-right{gap:6px}}
.featured-games{padding:7px 10px;font-size:11px;white-space:nowrap}@media(max-width:600px){.topbar{height:auto;min-height:70px;flex-wrap:wrap;gap:8px;padding-top:10px;padding-bottom:10px}.top-right{flex-wrap:wrap}.featured-games{padding:6px;font-size:10px}}