@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Noto Sans SC,sans-serif;color:#e9eee9;background:#101411;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;display:flex;background:#111613}.sidebar{width:252px;flex:0 0 252px;background:#171d19;border-right:1px solid #2b352d;min-height:100vh;padding:29px 19px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:13px;padding:2px 9px 58px}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:#b5e26c;color:#1b2818;border-radius:9px;font-size:25px;font-weight:800}.brand strong{display:block;font-size:17px;letter-spacing:1px}.brand small{display:block;color:#819182;font:9px DM Mono,monospace;letter-spacing:1px;margin-top:5px}.sidebar-section-label,.tiny-label{font:10px DM Mono,monospace;letter-spacing:1.3px;color:#718172;padding-left:12px}.nav-item{margin-top:17px;border:1px solid #41583b;background:#263b25;color:#c5ec8c;border-radius:7px;padding:13px 14px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:13px}.nav-item>span:first-child{font-size:19px;line-height:14px}.nav-arrow{margin-left:auto}.sidebar-divider,.sidebar-rule{height:1px;background:#2e3930;margin:28px 0}.environment{display:flex;gap:12px;align-items:flex-start;padding:21px 11px}.env-dot,.live-dot{width:8px;height:8px;background:#b8e573;border-radius:50%;box-shadow:0 0 10px #b8e57380;flex:none;margin-top:5px}.environment b{font-size:12px;display:block}.environment small{font-size:10px;color:#7e8b80;display:block;margin-top:7px}.sidebar-bottom{margin-top:auto;padding:0 11px}.sidebar-bottom .sidebar-rule{margin-bottom:26px}.sidebar-bottom .tiny-label{padding:0}.sidebar-bottom p{font-size:12px;color:#9ca89c;line-height:1.8}.version{display:block;color:#627165;font:10px DM Mono,monospace;margin-top:20px;letter-spacing:1px}.workspace{min-width:0;flex:1}.topbar{height:65px;border-bottom:1px solid #29332b;display:flex;align-items:center;justify-content:space-between;padding:0 48px;color:#859387;font:10px DM Mono,monospace;letter-spacing:1px}.breadcrumb span{color:#596b5d;margin:0 12px}.topbar-right{display:flex;align-items:center;gap:9px}.topbar-right .live-dot{width:6px;height:6px;margin:0}.topbar-separator{width:1px;height:14px;background:#3b453d;margin:0 12px}.page-content{max-width:1480px;margin:auto;padding:42px 48px 26px}.hero{padding:4px 0 37px}.eyebrow,.section-kicker{font:10px DM Mono,monospace;letter-spacing:1.6px;color:#a7d879}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow-line{height:1px;width:15px;background:#a7d879}.hero-row{display:flex;justify-content:space-between;align-items:end}.hero h1{font-size:clamp(34px,3.6vw,54px);letter-spacing:-2px;margin:12px 0 9px;font-weight:800}.hero h1 span{color:#bce77d}.hero p{color:#91a093;font-size:13px;margin:0}.hero-index{font:13px DM Mono,monospace;color:#a6bd9b;letter-spacing:2px;padding-bottom:8px}.hero-index span{color:#48564a}.card{border:1px solid #354036;background:#1a211c;border-radius:10px;box-shadow:0 8px 30px #0b100c1a}.connection{padding:24px 27px 19px;margin-bottom:20px}.section-title-row{display:flex;justify-content:space-between;align-items:center}.section-kicker{font-size:10px;letter-spacing:1.2px;margin-bottom:9px}h2{font-size:19px;letter-spacing:-.4px;margin:0;font-weight:700}.status-pill{display:flex;align-items:center;gap:8px;font-size:11px;color:#a5aca2;background:#28312a;border:1px solid #38433a;padding:7px 11px;border-radius:30px}.status-pill i{width:6px;height:6px;border-radius:50%;background:#8b948b}.status-pill.connected{color:#b9e77c;background:#293b27;border-color:#4a6942}.status-pill.connected i{background:#b8e573}.status-pill.connecting i{background:#e9b873}.connection-controls{display:flex;align-items:end;gap:10px;margin-top:23px}.field{display:flex;flex-direction:column;gap:9px;min-width:0}.field span,.gift-quantity>span{font:10px DM Mono,Noto Sans SC,sans-serif;letter-spacing:.6px;color:#9daa9a;font-weight:600}.field em{font-style:normal;color:#667668}.field input,.add-player input{height:40px;width:100%;outline:0;background:#111713;border:1px solid #3b473c;border-radius:5px;color:#e8efe3;padding:0 12px;font-size:12px;transition:border-color .15s}.field input:focus,.add-player input:focus{border-color:#b2dd78}.field input::placeholder,.add-player input::placeholder{color:#69786b}.url-field{flex:1.15}.key-field{flex:1}.btn{border:1px solid transparent;border-radius:5px;padding:0 16px;height:40px;font-size:12px;font-weight:700;white-space:nowrap}.btn-primary{background:#b9e57d;color:#1a2718}.btn-primary:hover{background:#cff49c}.btn-primary span{padding-left:13px}.btn-muted{background:#2a342c;color:#c0cdbb;border-color:#405041}.btn-muted:hover{background:#344137}.btn-disconnect{background:#3d2b2a;border-color:#68443d;color:#f2b5a4}.connection-foot{display:flex;gap:24px;margin-top:19px;padding-top:15px;border-top:1px solid #303b32;font:10px DM Mono,Noto Sans SC,sans-serif;color:#8d9c8e}.connection-note{margin-left:auto;color:#748375}.grid-main{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);gap:20px}.left-column,.right-column{display:flex;flex-direction:column;gap:20px;min-width:0}.players-card,.commands-card,.custom-card,.gifts-card,.log-card{padding:25px 27px}.section-meta{font:10px DM Mono,Noto Sans SC,sans-serif;color:#829182}.section-desc{font-size:12px;color:#8e9e91;margin:11px 0 22px}.player-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.player-option{background:#202922;border:1px solid #38453a;border-radius:6px;display:flex;align-items:center;text-align:left;gap:10px;padding:11px;min-width:0;color:#ebf0e8;transition:.15s}.player-option:hover{border-color:#80aa61}.player-option.selected{background:#2a3b28;border-color:#a4ce76}.avatar{width:34px;height:34px;flex:none;border-radius:5px;object-fit:cover;background:#415442}.avatar-1{background:#514c40;color:#ecdbad}.avatar-2{background:#4b4258;color:#d4c4f1}.avatar-3{background:#435154;color:#b4d9da}.player-info{min-width:0;flex:1}.player-info b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.player-info small{font:10px DM Mono,Noto Sans SC,sans-serif;color:#829184;display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selection-indicator{width:17px;height:17px;border-radius:50%;border:1px solid #5b6d5d;color:#192719;text-align:center;line-height:16px;font-size:11px}.selected .selection-indicator{background:#b7e57b;border-color:#b7e57b}.add-player{display:flex;gap:9px;margin-top:13px}.add-player input{flex:1;min-width:0}.add-player button{border:1px solid #475b43;background:#283529;color:#bce487;border-radius:5px;padding:0 15px;font-size:12px;white-space:nowrap}.add-player button:hover{background:#344632}.command-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.command{border:1px solid #405040;background:#263429;border-radius:6px;padding:15px 12px;display:flex;align-items:center;text-align:left;gap:12px;color:#e7eee4;min-width:0}.command:hover{transform:translateY(-2px);border-color:#acd779}.command.monster{background:#322b2a;border-color:#58423a}.command.monster:hover{border-color:#d6a280}.command.basic{background:#242c25;border-color:#3a473b}.command-symbol{width:37px;height:37px;flex:none;border-radius:5px;display:grid;place-items:center;background:#38553a;color:#c2e48e;font:700 14px DM Mono,monospace}.monster .command-symbol{background:#5c433a;color:#e8bba4}.basic .command-symbol{background:#37433a;color:#d2dcd0}.command-text{min-width:0;flex:1}.command-text b{display:block;font-size:12px}.command-text small{display:block;font-size:10px;color:#9ba999;margin-top:5px}.command-arrow{font-size:14px;color:#a2b5a1;align-self:start}.segmented{display:inline-flex;background:#111813;border:1px solid #374538;border-radius:5px;padding:3px;margin:19px 0}.segmented button{padding:8px 20px;border:0;background:transparent;color:#869789;border-radius:3px;font-size:11px}.segmented button.active{color:#c9ef9d;background:#324430}.custom-input-row{display:flex;gap:10px;align-items:end}.custom-field{flex:1}.amount-field{width:84px}.send-button{min-width:89px}.gift-quantity{display:flex;justify-content:space-between;align-items:center;background:#222b24;border:1px solid #354237;border-radius:5px;padding:9px 10px;margin-bottom:11px}.quantity-options{display:flex;gap:5px}.quantity-options button{border:1px solid #405040;border-radius:4px;background:#29342b;color:#9eaf9d;font:10px DM Mono,monospace;padding:6px 9px}.quantity-options button.active{background:#b9e57d;border-color:#b9e57d;color:#172415}.gift-list{display:flex;flex-direction:column;gap:7px}.gift-item{background:#222b24;border:1px solid #364138;border-radius:6px;display:flex;align-items:center;gap:12px;padding:10px;text-align:left;color:#e8eee6;min-width:0}.gift-item{flex-wrap:wrap}.gift-item:hover{border-color:#8eb575}.gift-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%}.gift-actions button{border:1px solid #4b6445;border-radius:5px;background:#30432f;color:#c7ef9c;font:600 11px DM Mono,monospace;min-height:34px}.gift-actions button:hover{background:#b9e57d;border-color:#b9e57d;color:#172415}.gift-actions button:focus-visible{outline:2px solid #b9e57d;outline-offset:2px}.gift-price{color:#cbddbb;font-size:11px;white-space:nowrap}.gift-icon{width:39px;height:39px;display:grid;place-items:center;flex:none;border-radius:5px;font-size:22px}.mint{color:#b9eb9a;background:#334c37}.gold{color:#edce88;background:#4b4330}.violet{color:#d2b8eb;background:#43384f}.rose{color:#f0bcb8;background:#4b383d}.cyan{color:#a5dae0;background:#35494b}.orange{color:#ecc092;background:#504237}.gift-text{flex:1;min-width:0}.gift-text b{display:block;font-size:12px}.gift-text small{display:block;color:#879988;font-size:10px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gift-end{text-align:right;white-space:nowrap}.gift-end span{display:block;font-size:11px;color:#cbddbb}.gift-end small{display:block;color:#a7d878;font-size:10px;margin-top:6px}.gift-tip{margin-top:14px;padding:11px 12px;background:#273528;color:#9cbd8b;font-size:10px;line-height:1.5;border-radius:4px}.gift-tip span{margin-right:6px}.clear-button{background:transparent;border:0;color:#94a495;font-size:10px}.clear-button:hover{color:#c0e48f}.log-list{max-height:255px;overflow:auto;min-height:139px;margin-top:17px;border-top:1px solid #313c33}.empty-log{height:135px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center}.empty-icon{color:#a4cb81;font-size:22px}.empty-log b{font-size:11px;font-weight:600}.empty-log span{font-size:10px;color:#798a7d}.log-entry{display:flex;align-items:baseline;gap:10px;padding:12px 0;border-bottom:1px solid #303a32;font-size:11px}.log-indicator{width:6px;height:6px;background:#8b9b89;border-radius:50%;flex:none}.log-indicator.success{background:#afe074}.log-indicator.error{background:#e99380}.log-message{min-width:0;flex:1;overflow-wrap:anywhere;line-height:1.5}.log-entry time{color:#718374;font:10px DM Mono,monospace;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:16px;color:#617263;font:10px DM Mono,Noto Sans SC,sans-serif;letter-spacing:.5px;padding:26px 0 3px}@media(max-width:1200px){.sidebar{width:205px;flex-basis:205px}.page-content{padding:36px 28px}.topbar{padding:0 28px}.connection-controls{flex-wrap:wrap}.url-field,.key-field{flex:1 1 35%}}@media(max-width:950px){.grid-main{grid-template-columns:1fr}.right-column{display:grid;grid-template-columns:1fr 1fr;align-items:start}.connection-note{display:none}}@media(max-width:700px){.sidebar{display:none}.topbar{padding:0 20px;height:55px}.page-content{padding:28px 18px}.hero-index{display:none}.connection,.players-card,.commands-card,.custom-card,.gifts-card,.log-card{padding:20px}.connection-controls{display:grid;grid-template-columns:1fr 1fr}.url-field,.key-field{grid-column:1/-1}.connection-foot{flex-wrap:wrap;gap:9px 17px}.right-column{display:flex}.topbar-right{font-size:9px}footer{flex-direction:column}}@media(max-width:440px){.player-grid,.command-grid{grid-template-columns:1fr}.custom-input-row{flex-wrap:wrap}.custom-field{flex-basis:100%}.amount-field,.send-button{flex:1}.gift-quantity{align-items:start;flex-direction:column;gap:9px}.connection-controls{grid-template-columns:1fr}.connect-btn{width:100%}}.connection-address{flex:1;min-width:0;color:#9daa9a;font:12px DM Mono,monospace;overflow-wrap:anywhere}@media(max-width:700px){.connection-address,.connect-btn{grid-column:1/-1}}:root{color:#123b66;background:#a9d8f7}.app-shell{background:#a9d8f7}.sidebar{background:#0d4c87;border-color:#1764a3;color:#f0f9ff}.brand-mark{background:#16a9e9;color:#fff}.brand small,.sidebar-section-label,.tiny-label,.version,.environment small,.sidebar-bottom p{color:#a3d7f5}.sidebar-divider,.sidebar-rule{background:#347bab}.nav-item{background:#087cbd;border-color:#42b9f1;color:#fff}.environment b{color:#f0f9ff}.env-dot,.live-dot{background:#23c5ff;box-shadow:0 0 12px #23c5ffaa}.topbar{background:#70b7e9;border-color:#4fa3dd;color:#154e7f}.breadcrumb span,.hero-index span{color:#3476a7}.topbar-separator{background:#4c9dd2}.eyebrow,.section-kicker,.hero h1 span{color:#0569b1}.eyebrow-line{background:#008fd2}.hero p,.hero-index,.section-desc{color:#456f91}.card{background:#e8f5ff;border-color:#61ace1;box-shadow:0 10px 28px #14649428}.status-pill{color:#63839a;background:#edf5fa;border-color:#d0e2ed}.status-pill i{background:#98b7c9}.status-pill.connected{color:#137cae;background:#e0f5ff;border-color:#93d6f4}.status-pill.connected i{background:#34aee7}.field span,.section-meta,.connection-foot,.connection-note{color:#456f93}.connection-address{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:48px;padding:5px 12px;background:#c9e9ff;border:1px solid #65b3e5;border-radius:6px;overflow-wrap:anywhere}.connection-address span{font:10px DM Mono,Noto Sans SC,sans-serif;color:#426f95;letter-spacing:.5px}.connection-address strong{font:600 13px DM Mono,monospace;color:#07568f}.field input,.add-player input{background:#f6fbff;border-color:#c9e0ef;color:#173a55}.field input:focus,.add-player input:focus{border-color:#3aa9ea}.field input::placeholder,.add-player input::placeholder{color:#9bb4c5}.btn-primary{background:#078dce;color:#fff}.btn-primary:hover{background:#006fae}.btn-muted{background:#e8f4fc;border-color:#bdddf0;color:#39799f}.btn-muted:hover{background:#d8edfa}.connection-foot{border-color:#deecf6}.player-option{background:#dcedfa;border-color:#a7cde4;color:#16466c}.player-option:hover{border-color:#198ed0}.player-option.selected{background:#99d5f7;border-color:#087fbe}.avatar{background:#d7eaf7}.player-info small{color:#7899af}.selection-indicator{border-color:#9fbdd0;color:#fff}.selected .selection-indicator{background:#48ace5;border-color:#48ace5}.add-player button{background:#e6f4fd;border-color:#a8d4ee;color:#177bb2}.add-player button:hover{background:#d3edfc}.command{background:#c9eafd;border-color:#80c1e7;color:#17496e}.command:hover{border-color:#078dce}.command.monster{background:#d7dbfa;border-color:#9ab0e6}.command.monster:hover{border-color:#b79ada}.command.basic{background:#f4f9fc;border-color:#d2e4ef}.command-symbol{background:#cceaff;color:#167fbb}.monster .command-symbol{background:#e5d9f5;color:#7755a6}.basic .command-symbol{background:#dcecf7;color:#427899}.command-text small,.command-arrow{color:#7193aa}.segmented{background:#eaf4fb;border-color:#d0e5f3}.segmented button{color:#64879f}.segmented button.active{background:#cbeaff;color:#126eaa}.gift-item{background:#dcedfa;border-color:#a7cde4;color:#16466c}.gift-item:hover{border-color:#198ed0}.gift-actions button{background:#a8dbf8;border-color:#61b4e7;color:#075b92}.gift-actions button:hover{background:#078dce;border-color:#078dce;color:#fff}.gift-actions button:focus-visible{outline-color:#218ed0}.gift-price{color:#547d99}.gift-text small{color:#7695a9}.gift-tip{background:#e8f5fe;color:#497f9f}.clear-button{color:#6c91aa}.clear-button:hover{color:#147fba}.log-list,.log-entry{border-color:#e0edf5}.empty-icon{color:#55b4e8}.empty-log span,.log-entry time{color:#7d9caf}.log-indicator.success{background:#46b5eb}footer{color:#81a1b5}.relay-indicator{display:inline-flex;align-items:center;gap:8px;margin-top:17px;font-size:12px;color:#a34e40}.relay-indicator i{width:8px;height:8px;border-radius:50%;background:#df6d5f}.relay-indicator.running{color:#087c6a}.relay-indicator.running i{background:#14ab8e}.relay-indicator.checking,.relay-indicator.starting{color:#8c742c}.relay-indicator.checking i,.relay-indicator.starting i{background:#deb64a}.relay-indicator+.connection-controls{margin-top:12px}.gift-icon{object-fit:contain;background:#c6e6f8;padding:3px}.score-card{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 27px;margin-bottom:20px;background:linear-gradient(115deg,#e8f5ff,#bfe7ff)}.score-card p{color:#456f91;font-size:12px;margin:10px 0 0;line-height:1.6}.score-sync{margin-top:12px;padding:7px 12px;border:1px solid #61b4e7;border-radius:5px;background:#e5f5ff;color:#086ba8;font-size:11px}.score-sync:hover:not(:disabled){background:#c8eaff}.score-value{display:flex;align-items:baseline;gap:8px;color:#0569b1;white-space:nowrap}.score-value strong{font:700 clamp(27px,3vw,40px) "DM Sans","Noto Sans SC",sans-serif;font-variant-numeric:tabular-nums}.score-value span{font-size:12px}@media(max-width:700px){.score-card{padding:20px;align-items:flex-start;flex-direction:column;gap:10px}}
