:root{color-scheme:dark;--surface-0: rgba(13, 16, 18, .82);--surface-1: rgba(26, 30, 32, .9);--surface-2: rgba(43, 48, 50, .9);--line-soft: rgba(255, 255, 255, .14);--line-strong: rgba(255, 255, 255, .3);--text: #f5f7ef;--muted: rgba(245, 247, 239, .68);--accent: #f4c95d;--accent-2: #59c3c3;--danger: #ff6b7a;--panel-shadow: 0 14px 38px rgba(0, 0, 0, .32);--control-shadow: inset 0 1px 0 rgba(255, 255, 255, .08)}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#1d5f43}body{font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text)}button,input,select{font:inherit}button{letter-spacing:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}#game{display:block;width:100vw;height:100vh;image-rendering:pixelated;touch-action:none;cursor:crosshair}#main-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:4;display:grid;place-items:center;padding:24px;background:linear-gradient(180deg,#060a0ad1,#060a0aad),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 18px)}#main-menu[hidden],#play-panel[hidden],#editor-panel[hidden],.bonus-panel[hidden],.editor-menu-panel[hidden]{display:none}.menu-shell{width:min(390px,calc(100vw - 48px));padding:24px;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface-0);color:var(--text);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.menu-shell h1{margin:0 0 20px;color:var(--text);font-size:28px;line-height:1.15;letter-spacing:0}.menu-actions{display:grid;gap:12px}.menu-join-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.menu-actions button,.menu-actions input,#play-menu,.room-panel button,.room-panel input,.room-panel select,.bonus-option,.bonus-keep,#editor-panel button,#editor-panel input,#editor-panel select{min-height:36px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-1);color:var(--text);box-shadow:var(--control-shadow)}.menu-actions input,.room-panel input,.room-panel select,#editor-panel input,#editor-panel select{min-width:0;padding:0 12px}.menu-actions input::placeholder,.room-panel input::placeholder{color:#f5f7ef73}.menu-actions button,#play-menu,.room-panel button,.bonus-option,.bonus-keep,#editor-panel button{padding:0 14px;font-weight:800;cursor:pointer}.menu-actions button,.room-actions button:first-child,#room-use-map,#room-shrink-apply,.bonus-keep{border-color:#f4c95d7a;background:#f4c95d2e}.menu-actions button:hover,.menu-actions input:hover,#play-menu:hover,.room-panel button:not(:disabled):hover,.room-panel input:not(:disabled):hover,.room-panel select:not(:disabled):hover,.bonus-option:not(:disabled):hover,.bonus-keep:not(:disabled):hover,#editor-panel button:not(:disabled):hover,#editor-panel input:not(:disabled):hover,#editor-panel select:not(:disabled):hover,#editor-panel button.is-active{border-color:#f4c95d9e;background:var(--surface-2)}.menu-actions button:active,#play-menu:active,.room-panel button:not(:disabled):active,.bonus-option:not(:disabled):active,.bonus-keep:not(:disabled):active,#editor-panel button:not(:disabled):active{transform:translateY(1px)}button:disabled,input:disabled,select:disabled{opacity:.46;cursor:default}.menu-status,.room-status,.bonus-message,#editor-status{min-height:18px;color:var(--muted);font-size:13px;font-weight:700;line-height:1.35}.play-card{position:fixed;z-index:3;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-0);color:var(--text);-webkit-user-select:none;user-select:none;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.play-card-title{width:100%;min-height:38px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;padding:0 12px;border:0;border-bottom:1px solid var(--line-soft);border-radius:0;background:#ffffff0d;color:var(--text);font:inherit;font-size:13px;font-weight:900;cursor:pointer}.play-card-title span:last-child{min-width:0;overflow:hidden;color:var(--muted);text-align:right;text-overflow:ellipsis;white-space:nowrap}.play-card-body{padding:12px}.play-card.is-collapsed .play-card-body{display:none}#play-panel{color:var(--text)}#play-menu{position:fixed;top:16px;left:16px;z-index:3;min-width:72px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#hud{top:64px;left:16px;width:min(520px,calc(100vw - 32px))}#hud-body{color:#f5f7efdb;font-size:14px;font-weight:750;line-height:1.5}.bonus-panel{top:154px;left:16px;width:min(360px,calc(100vw - 32px))}.bonus-options{display:grid;gap:9px}.bonus-option,.bonus-keep{width:100%;min-height:38px;text-align:left}.bonus-option{padding:8px 11px;border-color:#59c3c35c;background:#59c3c31f}.bonus-keep{text-align:center}.bonus-message.is-error{color:#ffc2c8}.room-panel{top:16px;right:16px;width:min(350px,calc(100vw - 32px))}.room-row{display:flex;gap:8px}.room-actions{flex-wrap:wrap}.room-actions button{flex:1;min-width:86px}.room-panel input,.room-panel select{flex:1}.room-panel select{color:var(--text)}.room-panel select option{background:#1f2526;color:var(--text)}.room-map-controls,.room-shrink-controls{align-items:center;flex-wrap:wrap;padding:8px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff0b}.room-map-controls{border-color:#59c3c33d}.room-shrink-controls{border-color:#ff6b7a3d}.room-map-controls label,.room-shrink-controls label,.editor-label{color:#f5f7efbd;font-size:13px;font-weight:900}.room-shrink-controls label{display:inline-flex;align-items:center;gap:7px}.room-shrink-controls input[type=checkbox]{width:18px;height:18px;accent-color:var(--danger)}.room-shrink-controls input[type=number]{width:64px}.room-shrink-controls button{margin-left:auto}.room-map-description{min-height:18px;color:var(--muted);font-size:12px;font-weight:700;line-height:1.45}.room-members{display:grid;gap:7px}.room-member{display:grid;grid-template-columns:18px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:32px;padding:6px 7px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff0b;font-size:13px}.room-member-color{width:13px;height:13px;border:2px solid rgba(255,255,255,.72);border-radius:3px;background:var(--member-color)}.room-member-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-member-meta{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:12px;font-weight:800;white-space:nowrap}.room-member-meta select{min-height:26px;width:64px;padding:0 8px;font-size:12px}.room-member-meta button{min-height:26px;padding:0 9px;border-color:#ff6b7a75;background:#ff6b7a1f;font-size:12px}#editor-panel{position:fixed;z-index:2;top:16px;left:16px;right:16px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 32px);padding:10px;border:1px solid var(--line-soft);border-radius:8px;background:var(--surface-0);color:var(--text);box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);overflow:auto}#editor-panel button,#editor-panel input,#editor-panel select{min-height:34px}#editor-panel input,#editor-panel select{width:76px}.editor-tabs,.editor-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.editor-tabs{padding-bottom:8px;border-bottom:1px solid var(--line-soft)}.editor-tabs button.is-active,.editor-menu-panel button.is-active{border-color:#59c3c38f;background:#59c3c32e}.editor-menu-panel{display:flex;flex-direction:column;gap:8px}.editor-map-actions{padding-top:8px;border-top:1px solid var(--line-soft)}.editor-ball-sizes button{min-width:44px;min-height:44px;display:grid;place-items:center}.editor-ball-sizes button span{width:var(--ball-preview-size);height:var(--ball-preview-size);display:block;border:2px solid #050505;border-radius:50%;background:#f8f8f3;box-shadow:0 0 0 2px #ffffff2e}.editor-label{min-width:64px}#editor-status{min-width:180px;white-space:nowrap}@media (max-width: 720px){#play-menu,#hud,.bonus-panel,.room-panel{left:10px;right:10px;width:auto}#play-menu{top:10px;right:auto}.room-panel{top:54px}#hud{top:auto;bottom:10px}.bonus-panel{top:auto;bottom:124px}.menu-shell{width:min(360px,calc(100vw - 32px));padding:20px}.menu-join-row{grid-template-columns:1fr}#editor-panel{top:10px;right:10px;bottom:10px;left:10px;max-height:calc(100vh - 20px)}}