@import url(https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap);html{background:#090a0d;color-scheme:dark}body{-webkit-font-smoothing:antialiased;font-family:Manrope,system-ui,sans-serif;margin:0;min-width:320px}:root{--header-height:58px;--panel:#1a1a1a;--panel-2:#202020;--line:#333;--muted:#929292;--accent:#7f5af0}*{box-sizing:border-box}button,input{font:inherit}.pb-app{background:#0d0d0d;color:#fff;height:100vh;overflow:hidden}.platform-header{background:#1a1a1a;border-bottom:1px solid #333;box-shadow:0 2px 8px #0000004d;height:58px;height:var(--header-height);position:relative;z-index:100}.platform-header-inner{align-items:center;display:flex;height:100%;justify-content:space-between;padding:0 20px}.platform-logo{align-items:center;color:#fff;display:flex;text-decoration:none}.platform-logo strong{font-size:24px;line-height:1}.platform-logo span{background:#811f1f;border-radius:4px;color:#fff;font-size:10px;font-weight:700;margin-left:8px;padding:2px 6px}.platform-header-right{align-items:center;display:flex;gap:10px}.platform-button{border-radius:6px;color:#fff;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none}.platform-button.secondary{border:1px solid #555}.platform-button.primary{background:#353535}.platform-avatar{border-radius:50%;display:flex;height:32px;overflow:hidden;width:32px}.platform-avatar img{height:100%;object-fit:cover;width:100%}.battle-workspace{background:#0e0e0e;height:calc(100vh - 58px);height:calc(100vh - var(--header-height));overflow:hidden;position:relative}.pb-canvas-viewport{background-color:#101010;background-image:radial-gradient(circle,#292929 1px,#0000 0);background-size:22px 22px;cursor:grab;inset:0;overflow:hidden;position:absolute;touch-action:none;-webkit-user-select:none;user-select:none}.pb-canvas-viewport:active{cursor:grabbing}.pb-canvas-stage{left:0;position:absolute;top:0;transform-origin:0 0;will-change:transform}.pb-canvas{background:#fff;box-shadow:0 12px 50px #0000008c,0 0 0 1px #4a4a4a;display:block;image-rendering:pixelated;inset:0;position:absolute}.pixel-preview{border:2px solid #111;box-shadow:0 0 0 1px #fff,inset 0 0 0 1px #fff9;pointer-events:none;position:absolute;z-index:2}.canvas-toolbar{align-items:center;background:#1a1a1af0;border:1px solid #383838;border-radius:9px;box-shadow:0 7px 24px #00000059;display:flex;left:16px;overflow:hidden;position:absolute;top:16px;z-index:20}.canvas-toolbar button{background:#0000;border:0;color:#d8d8d8;cursor:pointer;font-size:18px;height:36px;padding:0;width:36px}.canvas-toolbar button:hover{background:#2b2b2b}.canvas-toolbar span{color:#aaa;font-size:11px;min-width:55px;text-align:center}.panels-toggle{background:#1a1a1af2;border:1px solid #3b3b3b;border-radius:8px;box-shadow:0 7px 24px #00000059;color:#ccc;cursor:pointer;font-size:11px;padding:9px 12px;position:absolute;right:16px;top:16px;transition:right .22s ease;z-index:31}.panels-toggle.open{right:328px}.battle-panels{bottom:16px;display:flex;flex-direction:column;gap:10px;opacity:0;pointer-events:none;position:absolute;right:16px;top:16px;transform:translateX(calc(100% + 24px));transition:transform .22s ease,opacity .22s ease;width:300px;z-index:30}.battle-panels.open{opacity:1;pointer-events:auto;transform:translateX(0)}.battle-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1af5;border:1px solid #383838;border-radius:11px;box-shadow:0 8px 30px #00000059;overflow:hidden;padding:17px}.team-panel{flex:0 0 auto}.leaderboard-panel{flex:1 1 auto;min-height:0}.panel-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.panel-heading small{color:#8d8d8d;display:block;font-size:9px;font-weight:700;letter-spacing:.09em;margin-bottom:4px;text-transform:uppercase}.panel-heading h2{font-size:19px;margin:0}.panel-heading>i{background:#6ed89b;border-radius:50%;box-shadow:0 0 0 4px #6ed89b1c;height:8px;width:8px}.panel-heading>b{background:#292929;border-radius:7px;color:#aaa;display:grid;font-size:10px;height:28px;min-width:28px;place-items:center}.battle-panel p{color:#929292;font-size:11px;line-height:1.55;margin:0}.battle-panel input{background:#111;border:1px solid #3a3a3a;border-radius:7px;color:#fff;margin-top:12px;outline:none;padding:10px 11px;width:100%}.battle-panel input:focus{border-color:#666}.selected-team{background:#222;border:1px solid #343434;border-radius:8px;padding:12px}.selected-team span,.selected-team strong{display:block}.selected-team strong{font-size:14px;margin-bottom:6px}.selected-team span{color:#888;font-size:10px;line-height:1.45}.team-search{grid-gap:4px;display:grid;gap:4px;margin-top:6px}.team-search button{background:#242424;border:0;border-radius:6px;color:#ddd;cursor:pointer;display:flex;font-size:11px;justify-content:space-between;padding:8px 9px}.team-search small{color:#888}.login-prompt a{background:#343434;border-radius:7px;color:#fff;display:block;font-size:11px;font-weight:700;margin-top:10px;padding:9px;text-align:center;text-decoration:none}.leaderboard-panel ol{grid-gap:1px;display:grid;gap:1px;list-style:none;margin:0;overflow:auto;padding:0}.leaderboard-panel li{grid-gap:6px;align-items:center;border-bottom:1px solid #2c2c2c;display:grid;gap:6px;grid-template-columns:24px minmax(0,1fr) auto;padding:9px 0}.leaderboard-panel em{color:#777;font-size:10px;font-style:normal}.leaderboard-panel li span{font-size:11px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-panel li strong{color:#ccc;font-size:11px}.bottom-controls{grid-gap:8px;bottom:16px;display:grid;gap:8px;justify-items:center;position:absolute;right:50%;transform:translateX(50%);z-index:25}.palette-panel{grid-gap:6px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1af7;border:1px solid #3a3a3a;border-radius:10px;box-shadow:0 9px 34px #00000073;display:grid;gap:6px;grid-template-columns:repeat(16,25px);grid-template-rows:repeat(2,25px);padding:11px}.palette-panel button{border:2px solid #0000;border-radius:5px;cursor:pointer;height:25px;padding:0;transition:transform .12s,border-color .12s;width:25px}.palette-panel button:hover{transform:translateY(-2px)}.palette-panel button.selected{border-color:#fff;box-shadow:0 3px 10px #000;transform:translateY(-2px)}.placement-confirm{align-items:center;background:#1a1a1af7;border:1px solid #3c3c3c;border-radius:10px;box-shadow:0 8px 30px #0006;display:flex;gap:10px;min-width:285px;padding:9px 11px;position:relative}.placement-confirm>span{border:1px solid #555;border-radius:6px;height:30px;width:30px}.placement-confirm>div{flex:1 1}.placement-confirm small,.placement-confirm strong{display:block}.placement-confirm small{color:#888;font-size:9px}.placement-confirm strong{font-size:12px;margin-top:2px}.placement-confirm>button:not(.cancel-selection){background:#3a3a3a;border:1px solid #505050;border-radius:7px;color:#fff;cursor:pointer;font-size:11px;font-weight:700;padding:9px 12px}.placement-confirm>button:disabled{background:#272727;border-color:#333;color:#777;cursor:default}.cancel-selection{background:none;border:0;color:#999;cursor:pointer;font-size:18px;height:24px;padding:0;width:24px}.placement-error{background:#30171af5;border:1px solid #63343a;border-radius:7px;color:#ff9ca8;font-size:10px;margin:0;max-width:460px;padding:7px 10px;text-align:center}.overwrite-notices{grid-gap:8px;display:grid;gap:8px;left:50%;pointer-events:none;position:absolute;top:16px;transform:translateX(-50%);width:min(360px,calc(100vw - 32px));z-index:45}.overwrite-notice{grid-gap:9px;align-items:center;animation:notice-in .22s ease-out;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a1afa;border:1px solid #444;border-radius:100vh;box-shadow:0 10px 32px #0000007a;display:grid;gap:9px;grid-template-columns:32px minmax(0,1fr);min-height:52px;padding:7px 40px 7px 10px;pointer-events:auto;position:relative}.overwrite-notice-avatar{align-items:center;align-self:stretch;display:flex;justify-content:center}.overwrite-notice img{border-radius:50%;height:32px;object-fit:cover;width:32px}.overwrite-notice-content{min-width:0}.overwrite-notice-content>a{align-items:baseline;color:#fff;display:flex;gap:6px;min-width:0;text-decoration:none}.overwrite-notice small,.overwrite-notice strong{display:block;min-width:0}.overwrite-notice strong{font-size:12px}.overwrite-notice small,.overwrite-notice strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overwrite-notice small{color:#888;font-size:9px}.overwrite-notice p{color:#bbb;font-size:10px;line-height:1.25;margin:3px 0 0}.overwrite-notice p b{color:#fff;font-weight:600}.overwrite-notice>button{background:#0000;border:0;border-radius:5px;color:#999;cursor:pointer;font-size:19px;height:28px;padding:0;position:absolute;right:8px;top:8px;width:28px}.overwrite-notice>button:hover{background:#303030;color:#fff}.voice-reply{grid-gap:5px;display:grid;gap:5px;margin-top:6px}.voice-record-button{background:#292929;border:1px solid #444;border-radius:100vh;color:#ddd;cursor:pointer;font-size:9px;font-weight:600;justify-self:start;padding:4px 8px}.voice-record-button:hover{border-color:#666;color:#fff}.voice-record-button.recording{align-items:center;border-color:#74333a;color:#ff9b9b;display:flex;gap:5px}.voice-record-button.recording i{animation:voice-pulse 1s ease-in-out infinite;background:#ff394f;border-radius:50%;height:6px;width:6px}.incoming-voice-notice audio,.voice-reply audio{display:block;height:28px;width:100%}.voice-reply-actions{display:flex;gap:5px;justify-content:flex-end}.voice-reply-actions button{background:#292929;border:1px solid #444;border-radius:5px;color:#ccc;cursor:pointer;font-size:9px;padding:4px 7px}.voice-reply-actions button:last-child{background:#8f1d2b;border-color:#a62a39;color:#fff}.voice-reply-actions button:disabled{cursor:default;opacity:.55}.voice-sent{color:#79d89e;font-size:9px}.voice-error{color:#ff9ca8;font-size:9px;line-height:1.3}.incoming-voice-notice{border-color:#5d497f}.incoming-voice-notice .overwrite-notice-content{min-width:0}@keyframes voice-pulse{50%{opacity:.35}}@keyframes notice-in{0%{opacity:0;transform:translateY(-8px) scale(.98)}}.pb-state{align-content:center;color:#888;display:grid;inset:0;place-items:center;position:absolute;text-align:center}.pb-state h2{color:#eee;margin-bottom:4px}.pb-state.error h2{color:#ff9ca8}.pb-loader{animation:spin .75s linear infinite;border:3px solid #2e2e2e;border-radius:50%;border-top-color:#777;height:34px;width:34px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:760px){:root{--header-height:54px}.platform-header-inner{padding:0 14px}.platform-logo strong{font-size:19px}.platform-button{font-size:11px;padding:7px 10px}.canvas-toolbar{left:10px;top:10px}.overwrite-notices{top:56px;width:calc(100vw - 20px)}.panels-toggle{right:10px;top:10px}.panels-toggle.open{right:10px}.battle-panels{bottom:112px;right:10px;top:54px;width:min(300px,calc(100vw - 20px))}.bottom-controls{bottom:8px;left:8px;right:8px;transform:none}.palette-panel{gap:5px;grid-template-columns:repeat(16,24px);grid-template-rows:repeat(2,24px);overflow-x:auto;padding:9px;width:100%}.palette-panel button{height:24px;width:24px}.placement-confirm{min-width:0;width:100%}}
/*# sourceMappingURL=main.9a83b7f5.css.map*/