:root{color-scheme:dark;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;--bg: #07111f;--panel: rgba(10, 19, 36, .72);--panel-strong: rgba(13, 24, 45, .9);--line: rgba(255, 255, 255, .12);--text: #eef4ff;--muted: #90a3c5;--accent: #f97316;--accent-soft: rgba(249, 115, 22, .18);--shadow: 0 30px 80px rgba(0, 0, 0, .35);--room-shell-gap: 10px;--room-toolbar-height: 52px;--room-chatbar-height: 52px}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background:radial-gradient(circle at top left,rgba(56,189,248,.12),transparent 24%),radial-gradient(circle at top right,rgba(249,115,22,.18),transparent 28%),linear-gradient(180deg,#08111d,#07101b 52%,#04070d);color:var(--text)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.screen{min-height:100vh}.shell{width:min(1180px,calc(100vw - 32px));margin:0 auto;padding:40px 0 56px}.shell-hub{display:flex;flex-direction:column;gap:4px;min-height:100dvh;padding-bottom:0}.hub-head{display:flex;justify-content:center;gap:16px;align-items:center;margin-bottom:18px}.entry-panel,.settings-panel{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow)}.entry-panel{position:relative;overflow:hidden;padding:20px 24px;border-radius:24px}.entry-panel:before,.game-canvas:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 45%);pointer-events:none}.panel-eyebrow,.game-card__tag{margin:0 0 10px;color:#ffd39b;font-size:12px;letter-spacing:.22em;text-transform:uppercase}h1,h2,p{margin:0}.hub-title,.entry-panel h1{line-height:1}.hub-title{margin:0;font-size:clamp(2rem,3.6vw,3rem);line-height:1;letter-spacing:.02em;text-align:center}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,360px));justify-content:center;gap:20px;margin-top:0}.hub-footer{display:flex;justify-content:center;margin-top:auto;padding:8px 0 0}.footer-link{text-align:center;color:var(--muted);font-size:.76rem;line-height:1.5;white-space:nowrap}.footer-link a{color:inherit;text-decoration:none}.footer-link__sep{opacity:.6}.footer-link a:hover{color:var(--text);text-decoration:underline}.game-card{position:relative;overflow:hidden;min-height:180px;padding:24px;border:1px solid var(--line);border-radius:28px;background:#091222c7;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.game-card:hover{transform:translateY(-4px);border-color:#fff3;box-shadow:0 28px 60px #00000052}.game-card__glow{position:absolute;inset:auto -10% 65% auto;width:180px;height:180px;border-radius:999px;opacity:.8;filter:blur(12px);background-image:linear-gradient(135deg,#fff,#ffffff14)}.from-\[\#f97316\].via-\[\#fb7185\].to-\[\#facc15\]{background-image:linear-gradient(135deg,#f97316,#fb7185,#facc15)}.from-\[\#c4634e\].via-\[\#d9b36c\].to-\[\#efe4c8\]{background-image:linear-gradient(135deg,#c4634e,#d9b36c,#efe4c8)}.from-\[\#22c55e\].via-\[\#14b8a6\].to-\[\#38bdf8\]{background-image:linear-gradient(135deg,#22c55e,#14b8a6,#38bdf8)}.from-\[\#60a5fa\].via-\[\#818cf8\].to-\[\#c084fc\]{background-image:linear-gradient(135deg,#60a5fa,#818cf8,#c084fc)}.game-card h2{position:relative;z-index:1;margin:12px 0 10px;font-size:1.8rem}.game-card p{position:relative;z-index:1;color:var(--muted);line-height:1.7}.monitor-screen{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 15%,rgba(249,115,22,.18),transparent 22%),radial-gradient(circle at 85% 0%,rgba(56,189,248,.16),transparent 26%),linear-gradient(180deg,#07101a,#08131f 48%,#05080e)}.monitor-screen:before{content:"";position:fixed;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 96%);mask-image:linear-gradient(180deg,rgba(0,0,0,.8),transparent 96%);pointer-events:none}.monitor-shell{position:relative;z-index:1;width:min(1280px,calc(100vw - 32px));margin:0 auto;padding:40px 0 56px}.monitor-hero{position:relative;overflow:hidden;padding:28px 30px;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:linear-gradient(135deg,rgba(255,255,255,.08),transparent 48%),#08111fd1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 34px 80px #00000052}.monitor-kicker{margin-bottom:14px;color:#ffd39b;font-size:.78rem;letter-spacing:.38em;text-transform:uppercase}.monitor-hero__row{display:flex;justify-content:space-between;gap:24px;align-items:flex-end}.monitor-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:.95;letter-spacing:.03em}.monitor-copy{max-width:700px;margin-top:12px;color:#9fb4d6;font-size:1rem;line-height:1.7}.monitor-refresh{min-width:124px;min-height:48px;padding:0 18px;border:1px solid rgba(255,211,155,.24);border-radius:18px;background:linear-gradient(135deg,#f973163d,#fb71852e);color:#fff4e3;cursor:pointer}.monitor-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.monitor-stat{display:grid;gap:8px;padding:20px 22px;border:1px solid rgba(255,255,255,.08);border-radius:24px;background:#070f1cb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.monitor-stat span{color:#87a0c8;font-size:.84rem;letter-spacing:.14em;text-transform:uppercase}.monitor-stat strong{font-size:clamp(1.8rem,4vw,3rem)}.monitor-error,.monitor-empty{margin-top:18px;padding:18px 20px;border:1px solid rgba(255,180,180,.18);border-radius:22px;background:#2b0e0e73;color:#ffd6d6}.monitor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:18px}.monitor-card{position:relative;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:28px;background:linear-gradient(135deg,rgba(56,189,248,.08),transparent 34%),#070f1cd1;box-shadow:0 28px 64px #0000003d}.monitor-card__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.monitor-card__label{color:#ffd39b;font-size:.76rem;letter-spacing:.2em;text-transform:uppercase}.monitor-card h2{margin-top:10px;font-size:1.8rem}.monitor-card__meta{margin-top:12px;color:#87a0c8;font-size:.94rem}.monitor-pill{display:inline-flex;align-items:center;justify-content:center;min-width:68px;min-height:36px;padding:0 12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#ffffff0d;color:#f5f8ff;font-weight:700}.monitor-player-list{display:grid;gap:12px;margin:18px 0 0;padding:0;list-style:none}.monitor-player-list li{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a}.monitor-player-list strong,.monitor-player-list span,.monitor-player-list em{display:block}.monitor-player-list strong{font-size:1rem}.monitor-player-list span{margin-top:4px;color:#87a0c8;font-size:.8rem}.monitor-player-list em{color:#ffd39b;font-style:normal;white-space:nowrap}.shell-entry{display:grid;place-items:center}.entry-panel{width:min(760px,100%)}.text-link{display:inline-flex;margin-bottom:28px;color:#ffd39b}.hero-kicker{margin-bottom:12px;color:#ffd39b;font-size:.84rem;letter-spacing:.18em}.entry-panel h1{margin-bottom:16px}.hero-copy{max-width:680px;color:var(--muted);line-height:1.8}.entry-actions{display:grid;gap:18px;margin-top:28px}.entry-version-grid{display:grid;gap:14px;margin-top:28px}.entry-version-card{display:grid;gap:10px;padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff08;color:var(--text);text-align:left;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.entry-version-card:hover{transform:translateY(-2px);border-color:#ffffff2e}.entry-version-card--active{border-color:#f9731673;background:linear-gradient(135deg,#f9731629,#fb718514)}.entry-version-card__head{display:flex;justify-content:space-between;gap:12px;align-items:center}.entry-version-card__head strong{font-size:1rem}.entry-version-card__head span{color:#ffd39b;font-size:.78rem;white-space:nowrap}.entry-version-card p{color:var(--muted);line-height:1.7}.entry-error{color:#ffb4b4;font-size:.94rem;line-height:1.5}.entry-tip{color:var(--muted)}.action-button,.toolbar-button{border:0;border-radius:18px;cursor:pointer}.action-button{min-height:58px;padding:0 22px;font-weight:700}.action-button-primary{background:linear-gradient(135deg,#f97316,#fb7185);color:#fff}.action-button-secondary,.toolbar-button{background:#ffffff14;color:var(--text)}.join-box{display:grid;grid-template-columns:1fr auto;gap:12px}.join-box input,.settings-item input,.settings-item select{min-height:58px;padding:0 18px;border:1px solid var(--line);border-radius:18px;background:#ffffff0a;color:var(--text)}.settings-item select{appearance:none;background:linear-gradient(45deg,transparent 50%,#ffd39b 50%) calc(100% - 22px) calc(50% - 3px) / 8px 8px no-repeat,linear-gradient(135deg,#ffd39b 50%,transparent 50%) calc(100% - 16px) calc(50% - 3px) / 8px 8px no-repeat,#ffffff0a;padding-right:42px}.settings-item select option{background:#0c172a;color:var(--text)}.room-screen{height:100vh;padding:10px;display:grid;grid-template-rows:var(--room-toolbar-height) minmax(0,1fr) var(--room-chatbar-height);gap:var(--room-shell-gap);overflow:hidden}.room-screen--avalon{background:radial-gradient(circle at top center,rgba(247,238,217,.24),transparent 22%),linear-gradient(180deg,#1f140e,#120c09)}.room-toolbar{z-index:5;display:flex;justify-content:center;align-items:center;height:var(--room-toolbar-height);padding:8px 10px;border:1px solid var(--line);border-radius:18px;background:#060c17d1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.room-screen--avalon .room-toolbar{border-color:#a483548c;background:linear-gradient(180deg,#5a3c22c7,#332216e0);box-shadow:inset 0 1px #fff3df14,0 10px 24px #0000003d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.toolbar-actions{display:flex;gap:8px;align-items:center}.toolbar-icon{width:34px;height:34px;border:1px solid var(--line);border-radius:12px;background:#ffffff0d;color:var(--text);cursor:pointer;font-size:16px}.room-screen--avalon .toolbar-icon{border-color:#a7865b73;background:linear-gradient(180deg,#f4e8d124,#7a56341f);color:#f3e5cc}.toolbar-room-badge{min-width:84px;padding:0 12px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#f9731624;color:#ffd7b1;font-size:.88rem;font-weight:700;letter-spacing:.08em;cursor:pointer}.room-screen--avalon .toolbar-room-badge{border-color:#d3a96680;background:linear-gradient(180deg,#c4634e38,#a3524024);color:#ffe5ca}.toolbar-invite-button{height:34px;padding:0 14px;border:1px solid rgba(125,211,252,.26);border-radius:12px;background:#38bdf829;color:#d9f3ff;font-size:.86rem;font-weight:700;cursor:pointer}.floating-toast{position:fixed;top:58px;left:50%;z-index:20;transform:translate(-50%);padding:10px 14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#08101ee6;color:#fff2dd;box-shadow:0 16px 32px #00000040;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.room-screen--avalon .floating-toast{border-color:#ad8d5e73;background:#382618eb;color:#f5e6ca;box-shadow:0 14px 28px #00000047}.game-canvas{position:relative;display:flex;width:100%;min-height:0;padding:8px;border-radius:24px;background:radial-gradient(circle at top left,rgba(56,189,248,.2),transparent 32%),linear-gradient(145deg,#111d35eb,#0a1223f5);border:1px solid rgba(255,255,255,.1);overflow:auto}.game-canvas--avalon{padding:0;background:radial-gradient(circle at top center,rgba(255,245,230,.18),transparent 24%),linear-gradient(180deg,#53381f2e,#271b1333)}.game-canvas__inner{position:relative;z-index:1;display:grid;place-content:center;min-height:100%;border:1px dashed rgba(255,255,255,.14);border-radius:18px;text-align:center;padding:10px}.game-canvas__inner--avalon{display:block;width:100%;min-height:100%;padding:0;border:0;border-radius:22px;overflow:auto}.game-canvas__inner--taketime{display:block;flex:1 1 auto;height:100%;min-height:0;text-align:initial}.game-canvas__inner h2{margin-bottom:12px;font-size:clamp(2rem,6vw,4.6rem)}.game-canvas__inner p{max-width:620px;color:var(--muted);line-height:1.7}.bullet-layer{position:absolute;inset:8px;z-index:11;pointer-events:none;overflow:hidden}.bullet-message{position:absolute;left:100%;display:inline-flex;align-items:center;height:34px;padding:0 16px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:#08101eb8;color:#fff2dd;white-space:nowrap;box-shadow:0 14px 28px #0000003d;animation:bullet-fly 9s linear forwards}.chat-dock{position:relative;width:min(100%,960px);min-height:0;justify-self:center}.chat-bar{display:grid;grid-template-columns:minmax(0,1fr) 40px 96px;gap:8px;align-items:center;height:var(--room-chatbar-height);padding:8px 10px;border:1px solid var(--line);border-radius:18px;background:#060c17d1;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.room-screen--avalon .chat-bar{border-color:#a483548c;background:linear-gradient(180deg,#4f351fd1,#2c1e14eb);box-shadow:inset 0 1px #fff4df0f,0 12px 30px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-bar input{height:34px;padding:0 14px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#ffffff0a;color:var(--text)}.room-screen--avalon .chat-bar input{border-color:#aa8a5e59;background:#f6e9d114;color:#f8ead2}.room-screen--avalon .chat-bar input::placeholder{color:#e8d0a99e}.chat-send,.chat-history-toggle{height:34px;border:1px solid var(--line);border-radius:12px;background:#ffffff0d;color:var(--text);cursor:pointer}.room-screen--avalon .chat-send,.room-screen--avalon .chat-history-toggle{border-color:#a7865b73;background:linear-gradient(180deg,#f4e8d124,#7a56341f);color:#f6e8d0}.chat-bar input:disabled,.chat-send:disabled{opacity:.45;cursor:not-allowed}.chat-history-panel{position:absolute;left:0;right:0;bottom:calc(100% + 8px);z-index:10;max-height:40vh;padding:16px;border:1px solid var(--line);border-radius:18px;background:#060c17eb;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);overflow:auto}.room-screen--avalon .chat-history-panel{border-color:#a4835485;background:linear-gradient(180deg,#50361ff0,#2c1e14f7);box-shadow:0 22px 44px #00000047;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-history-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:12px}.chat-history-head p{font-size:.95rem;font-weight:700}.chat-history-list{display:grid;gap:10px;padding:0;margin:0;list-style:none}.chat-history-list li{display:grid;gap:4px;padding:10px 14px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff0a}.room-screen--avalon .chat-history-list li{border-color:#aa8a5e40;background:#f5e8ce0f}.chat-history-list li strong{font-size:.94rem}.chat-history-list li p{color:var(--muted);line-height:1.6}.room-screen--avalon .chat-history-head p,.room-screen--avalon .chat-history-list li strong{color:#f6e8d0}.room-screen--avalon .chat-history-list li p{color:#ebd6b4cc}.player-list,.modal-player-list{display:grid;gap:12px;padding:0;margin:0;list-style:none}.player-list li,.modal-player-list li{display:flex;justify-content:space-between;gap:10px;padding:12px 14px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff0a}.modal-player__identity{min-width:0;display:inline-flex;align-items:center;gap:12px}.modal-player__avatar{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;overflow:hidden;background:#f9731629;color:#ffe2c1;font-size:.88rem;font-weight:800}.modal-player__avatar img{width:100%;height:100%;object-fit:cover}.settings-mask{position:fixed;inset:0;z-index:12;display:grid;place-items:center;padding:16px;background:#01050c3d;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.settings-panel{width:min(720px,calc(100vw - 24px));max-height:50vh;padding:24px;border-radius:28px;overflow:auto}.settings-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin-bottom:22px}.settings-subtitle{color:var(--muted);margin-top:6px}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-item{display:grid;gap:10px;color:var(--muted)}.settings-item--full{grid-column:1 / -1}.settings-avatar-card{display:flex;gap:16px;align-items:center;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:#ffffff08}.settings-avatar-preview{width:88px;height:88px;display:grid;place-items:center;flex:0 0 auto;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,#f9731633,#38bdf829);color:#fff0dc;font-weight:800;letter-spacing:.08em}.settings-avatar-preview img{width:100%;height:100%;object-fit:cover}.settings-avatar-meta{min-width:0;display:grid;gap:8px}.settings-upload-button{position:relative;width:fit-content;min-height:42px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:#ffffff0f;color:var(--text);cursor:pointer}.settings-upload-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.settings-upload-button.is-disabled{opacity:.56;cursor:not-allowed}.settings-upload-button.is-disabled input{pointer-events:none}.settings-upload-hint,.settings-upload-error{font-size:.86rem;line-height:1.6}.settings-upload-error{color:#ffb4b4}@keyframes bullet-fly{0%{transform:translate(0);opacity:.96}to{transform:translate(calc(-100vw - 360px));opacity:.1}}@media(max-width:899px){.shell{width:min(100vw - 20px,100%);padding-top:20px}.hub-head,.monitor-hero__row{flex-direction:column;align-items:stretch}.catalog-grid,.monitor-summary,.settings-grid,.join-box{grid-template-columns:1fr}.hub-footer{margin-top:12px;padding-top:4px}.footer-link{font-size:.72rem}.entry-panel,.game-canvas{border-radius:24px}.monitor-shell{width:min(100vw - 20px,100%);padding-top:20px}.chat-bar{grid-template-columns:minmax(0,1fr) 40px 84px}.chat-dock{width:100%;justify-self:stretch}.settings-avatar-card{align-items:stretch;flex-direction:column}}