:root{--primary-color:#ff5ca8;--primary-color-dark:#d72f7f;--primary-color-soft:#ffd6e8;--sidebar-width:320px;--panel-background:#101014;--panel-surface:#ffffff0b;--panel-surface-strong:#ffffff13;--panel-surface-hover:#ffffff1a;--panel-control:#ffffff24;--panel-border:#ffffff1f;--panel-border-strong:#ffffff2e;--panel-text-muted:#ffffff94;--panel-text:#fff7fb;--copyright-color:white;--soop-accent:var(--primary-color);--soop-accent-dark:var(--primary-color-dark);--soop-panel:var(--panel-background);--soop-dock-width:350px;--soop-visible-width:min(var(--soop-dock-width), calc(100vw - var(--sidebar-width) - 12px));--dock-button-height:34px;--dock-primary-button-height:46px;--scrollbar-track:#ff5ca814;--scrollbar-thumb:#ff5ca8ad;--scrollbar-thumb-hover:#ff7fbb}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--scrollbar-thumb));border:2px solid #101014f5;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg, #ff7fbb, var(--primary-color))}::-webkit-scrollbar-corner{background:0 0}.soop-layer,#settings,.soop-layer-content>.soop-dock-section:first-child,.soop-search-results,.soop-result-list,.soop-log-table-wrap,.name-list,.controls-panel{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}.soop-layer::-webkit-scrollbar{width:9px;height:9px}#settings::-webkit-scrollbar{width:9px;height:9px}.soop-layer-content>.soop-dock-section:first-child::-webkit-scrollbar{width:9px;height:9px}.soop-search-results::-webkit-scrollbar{width:9px;height:9px}.soop-result-list::-webkit-scrollbar{width:9px;height:9px}.soop-log-table-wrap::-webkit-scrollbar{width:9px;height:9px}.name-list::-webkit-scrollbar{width:9px;height:9px}.controls-panel::-webkit-scrollbar{width:9px;height:9px}.soop-layer::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}#settings::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.soop-layer-content>.soop-dock-section:first-child::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.soop-search-results::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.soop-result-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.soop-log-table-wrap::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.name-list::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.controls-panel::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:999px}.soop-layer::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}#settings::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}.soop-layer-content>.soop-dock-section:first-child::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}.soop-search-results::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}.soop-result-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}.soop-log-table-wrap::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}.name-list::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}.controls-panel::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-image:linear-gradient(180deg, var(--scrollbar-thumb-hover), var(--primary-color-dark));border:2px solid #101014f5;border-radius:999px;box-shadow:0 0 10px #ff5ca838}html,body{background:#000;width:100%;height:100%;margin:0;overflow:hidden}.app-layout{width:100%;height:100%;display:block;position:relative;overflow:hidden}.game-area{background:#000;width:100%;min-width:0;height:100%;position:relative;overflow:hidden}.game-area canvas{touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.loading-splash{--splash-tilt-x:0deg;--splash-tilt-y:0deg;--splash-shine-x:50%;--splash-shine-y:30%;z-index:3000;color:#fff;opacity:1;visibility:visible;background:#130710;place-items:center;transition:opacity .42s,visibility .42s;display:grid;position:fixed;inset:0;overflow:hidden}.loading-splash.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.loading-splash-art{object-fit:cover;object-position:center center;filter:saturate(1.12)contrast(1.08)brightness(.86);width:100%;height:100%;animation:5.8s ease-in-out infinite alternate splash-art-drift;position:absolute;inset:0;transform:scale(1.01)}.loading-splash:before{content:"";background:radial-gradient(circle at 50% 47%,#ff7fbb29,#0000 28%),linear-gradient(#14041094 0%,#14041029 42%,#14041080 100%),linear-gradient(90deg,#14041070 0%,#14041000 30% 70%,#14041070 100%);position:absolute;inset:0}.loading-splash:after{content:"";background:radial-gradient(circle at var(--splash-shine-x) var(--splash-shine-y), #ffffff2e, transparent 21%), linear-gradient(120deg, transparent 0 42%, #ffffff2e 48%, transparent 55% 100%);mix-blend-mode:screen;opacity:.8;pointer-events:none;animation:2.2s ease-in-out infinite splash-sheen;position:absolute;inset:0}.loading-splash-brand{z-index:1;text-align:center;-webkit-backdrop-filter:blur(12px)saturate(1.3);backdrop-filter:blur(12px)saturate(1.3);text-shadow:0 3px 16px #4d002ad1,0 1px 2px #4d002ae0;width:min(600px,100% - 32px);min-height:286px;transform:perspective(680px) rotateX(var(--splash-tilt-y)) rotateY(var(--splash-tilt-x));transform-origin:50%;background:linear-gradient(#ffffff2e,#ffffff12),#2a0a1e75;border:1px solid #ffffff57;border-radius:8px;flex-direction:column;align-items:center;padding:24px 24px 26px;transition:transform .16s;animation:2.4s ease-in-out infinite splash-brand-float;display:flex;position:relative;box-shadow:0 34px 90px #41002680,0 0 44px #ff5ca847,inset 0 1px #ffffff57}.loading-splash-brand:before{content:"";border-radius:inherit;opacity:.62;pointer-events:none;background:linear-gradient(100deg,#0000 0 30%,#ffffff42 46%,#0000 62% 100%);animation:2.8s ease-in-out infinite splash-panel-shine;position:absolute;inset:-1px;transform:translate(-70%)}.loading-splash-brand>*{z-index:1;position:relative}.loading-splash-logo,.brand-mark{object-fit:cover;object-position:center;background:#ff5ca8;border:2px solid #ffffffc7;border-radius:22%;display:block;box-shadow:0 10px 24px #790b4857,inset 0 2px 8px #ffffff47}.loading-splash-logo{width:68px;height:68px;margin-bottom:13px;font-size:21px;animation:1.45s ease-in-out infinite splash-logo-pulse}.loading-splash-kicker{color:#fff2f7;letter-spacing:0;opacity:.96;font-size:12px;font-weight:900}.loading-splash-brand strong{color:#fff;letter-spacing:0;margin-top:4px;font-size:64px;font-weight:900;line-height:1.02}.loading-splash-status{color:#fff7fb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1c08147a;border:1px solid #ffffff42;border-radius:999px;margin-top:10px;padding:6px 12px;font-size:13px;font-weight:800}.loading-splash-status:after{content:"";text-align:left;width:18px;animation:1.2s steps(4,end) infinite splash-status-dots;display:inline-block}.loading-splash-progress{background:#ffffff3d;border:1px solid #ffffff42;border-radius:999px;width:min(300px,74vw);height:8px;margin-top:12px;display:block;position:relative;overflow:hidden;box-shadow:0 6px 18px #4d002a33}.loading-splash-progress:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#fff,#ff8bc4,#7bcaa0);width:42%;animation:1.15s ease-in-out infinite splash-progress;position:absolute;inset:1px auto 1px 1px}.loading-splash-game{z-index:1;pointer-events:none;width:min(680px,100% - 34px);height:132px;position:absolute;top:calc(50% + clamp(142px,16vh,190px));left:50%;transform:translate(-50%)}.loading-splash-lane{border:2px solid #ffffff6b;border-top-color:#ffffffdb;border-radius:999px 999px 42px 42px;animation:1.7s ease-in-out infinite splash-lane-glow;position:absolute;inset:12px 9% 20px;box-shadow:0 0 24px #ff5ca852,inset 0 0 22px #ff7fbb38}.loading-splash-rail{border:2px solid #ffffffb8;border-left:0;border-right:0;height:16px;position:absolute;bottom:35px;left:5%;right:5%;transform:skew(-16deg);box-shadow:0 12px 22px #6a003a47,inset 0 0 14px #ff7fbb85}.loading-splash-ball{background:radial-gradient(circle at 30% 25%,#fff 0 13%,#ffd2e8 14% 24%,#ff5ca8 54%,#d72f7f 100%);border:1px solid #ffffffb8;border-radius:50%;width:22px;height:22px;animation:2.05s cubic-bezier(.45,.02,.29,1) infinite splash-ball-run;position:absolute;bottom:22px;box-shadow:0 7px 18px #6f003c5c}.loading-splash-ball-b{opacity:.78;animation-delay:.42s;transform:scale(.82)}.loading-splash-ball-c{opacity:.62;animation-delay:.84s;transform:scale(.68)}.loading-splash-bumper{background:radial-gradient(circle at 32% 25%,#fff 0 12%,#ffd4e9 13% 30%,#ff7fbb 62%,#d72f7f 100%);border:2px solid #fffc;border-radius:50%;width:42px;height:42px;animation:1.45s ease-in-out infinite splash-bumper-hit;position:absolute;box-shadow:0 0 24px #ff5ca86b,inset 0 0 10px #ffffff42}.loading-splash-bumper-a{top:20px;left:20%}.loading-splash-bumper-b{animation-delay:.35s;top:46px;left:calc(50% - 21px)}.loading-splash-bumper-c{animation-delay:.7s;top:20px;right:20%}.loading-splash-flipper{background:linear-gradient(90deg,#fff0f8,#ff76b6);border:2px solid #ffffffc7;border-radius:999px;width:118px;height:18px;position:absolute;bottom:9px;box-shadow:0 8px 18px #52003057}.loading-splash-flipper-left{transform-origin:12px;animation:1.25s ease-in-out infinite splash-flipper-left;left:calc(50% - 134px);transform:rotate(13deg)}.loading-splash-flipper-right{transform-origin:calc(100% - 12px);animation:1.25s ease-in-out .18s infinite splash-flipper-right;right:calc(50% - 134px);transform:rotate(-13deg)}div.copyright{color:var(--copyright-color);z-index:1001;text-align:left;text-shadow:0 1px 2px #000000b3;max-width:calc(100% - 2rem);font-size:12px;position:absolute;bottom:.7rem;left:1rem}div.copyright a{color:var(--copyright-color)}.winner-panel{z-index:1002;width:min(560px, 100% - var(--sidebar-width) - 3rem);color:#fff;border:1px solid #ffffff24;border-left:4px solid var(--primary-color);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:linear-gradient(135deg,#121016f0,#22141ee0);border-radius:14px;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:22px;min-height:196px;padding:24px;display:grid;position:absolute;bottom:2.15rem;left:1rem;box-shadow:0 22px 58px #0000008c,0 0 34px #d92f7f33}.winner-panel[hidden]{display:none}.winner-panel .winner-orb{background:radial-gradient(circle at 32% 28%,#ffc4df 0 14%,#ff6fae 40%,#d72f7f 100%);border:2px solid #ffffff52;border-radius:50%;width:90px;height:90px;box-shadow:inset -12px -16px 26px #58002a3d,0 0 30px #ff5ca852}.winner-panel .winner-content{flex-direction:column;gap:11px;min-width:0;display:flex}.winner-panel .winner-kicker{color:#ffd7e9;letter-spacing:0;background:#ff5ca826;border:1px solid #ff5ca83d;border-radius:999px;width:fit-content;padding:4px 9px;font-size:11px;font-weight:900;line-height:1}.winner-panel .winner-name{color:#ff7faf;letter-spacing:0;overflow-wrap:anywhere;text-shadow:0 2px #0000008c,0 0 26px #ff5ca847;font-size:clamp(34px,5.4vw,56px);font-weight:900;line-height:1}.winner-panel .btn-download-results{color:#fff;cursor:pointer;background:#d72f7feb;border:1px solid #ffffff38;border-radius:9px;width:fit-content;min-width:168px;height:40px;margin-top:2px;padding:0 16px;font-weight:800;transition:transform .12s,background-color .18s,box-shadow .18s;box-shadow:0 10px 22px #d92f7f47}.winner-panel .btn-download-results:hover{background:var(--primary-color);box-shadow:0 12px 26px #d92f7f61}.winner-panel .btn-download-results:active{transform:translateY(1px)scale(.98)}.winner-panel .button-wave{pointer-events:none;background:#ffffff6b;border-radius:50%;animation:.65s ease-out button-wave;position:absolute;transform:translate(-50%,-50%)scale(0)}.brand-section{z-index:1000;color:#fff;border:1px solid #ffffff24;border-left:3px solid var(--primary-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#110f13c7;border-radius:8px;align-items:center;gap:9px;padding:10px 13px 10px 10px;display:inline-flex;position:absolute;top:1rem;left:1rem;box-shadow:0 14px 34px #0000006b}.brand-section .brand-mark{flex:0 0 32px;width:32px;height:32px}.brand-section strong{color:#fff;white-space:nowrap;font-size:19px;line-height:1.05}html.hanana-fans-header-mounted .brand-section{top:calc(1rem + var(--hanana-fans-header-height,44px))}html.hanana-fans-header-mounted .side-dock{top:var(--hanana-fans-header-height,44px);height:calc(100% - var(--hanana-fans-header-height,44px))}.icon{vertical-align:middle;background:currentColor;width:25px;height:25px;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.icon.play{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M73%2039c-14.8-9.1-33.4-9.4-48.5-.9S0%2062.6%200%2080V432c0%2017.4%209.4%2033.4%2024.5%2041.9s33.7%208.1%2048.5-.9L361%20297c14.3-8.7%2023-24.2%2023-41s-8.7-32.2-23-41L73%2039z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20384%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M73%2039c-14.8-9.1-33.4-9.4-48.5-.9S0%2062.6%200%2080V432c0%2017.4%209.4%2033.4%2024.5%2041.9s33.7%208.1%2048.5-.9L361%20297c14.3-8.7%2023-24.2%2023-41s-8.7-32.2-23-41L73%2039z'/%3e%3c/svg%3e")}.icon.shuffle{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M403.8%2034.4c12-5%2025.7-2.2%2034.9%206.9l64%2064c6%206%209.4%2014.1%209.4%2022.6s-3.4%2016.6-9.4%2022.6l-64%2064c-9.2%209.2-22.9%2011.9-34.9%206.9s-19.8-16.6-19.8-29.6V160H352c-10.1%200-19.6%204.7-25.6%2012.8L284%20229.3%20244%20176l31.2-41.6C293.3%20110.2%20321.8%2096%20352%2096h32V64c0-12.9%207.8-24.6%2019.8-29.6zM164%20282.7L204%20336l-31.2%2041.6C154.7%20401.8%20126.2%20416%2096%20416H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32H96c10.1%200%2019.6-4.7%2025.6-12.8L164%20282.7zm274.6%20188c-9.2%209.2-22.9%2011.9-34.9%206.9s-19.8-16.6-19.8-29.6V416H352c-30.2%200-58.7-14.2-76.8-38.4L121.6%20172.8c-6-8.1-15.5-12.8-25.6-12.8H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32H96c30.2%200%2058.7%2014.2%2076.8%2038.4L326.4%20339.2c6%208.1%2015.5%2012.8%2025.6%2012.8h32V320c0-12.9%207.8-24.6%2019.8-29.6s25.7-2.2%2034.9%206.9l64%2064c6%206%209.4%2014.1%209.4%2022.6s-3.4%2016.6-9.4%2022.6l-64%2064z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M403.8%2034.4c12-5%2025.7-2.2%2034.9%206.9l64%2064c6%206%209.4%2014.1%209.4%2022.6s-3.4%2016.6-9.4%2022.6l-64%2064c-9.2%209.2-22.9%2011.9-34.9%206.9s-19.8-16.6-19.8-29.6V160H352c-10.1%200-19.6%204.7-25.6%2012.8L284%20229.3%20244%20176l31.2-41.6C293.3%20110.2%20321.8%2096%20352%2096h32V64c0-12.9%207.8-24.6%2019.8-29.6zM164%20282.7L204%20336l-31.2%2041.6C154.7%20401.8%20126.2%20416%2096%20416H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32H96c10.1%200%2019.6-4.7%2025.6-12.8L164%20282.7zm274.6%20188c-9.2%209.2-22.9%2011.9-34.9%206.9s-19.8-16.6-19.8-29.6V416H352c-30.2%200-58.7-14.2-76.8-38.4L121.6%20172.8c-6-8.1-15.5-12.8-25.6-12.8H32c-17.7%200-32-14.3-32-32s14.3-32%2032-32H96c30.2%200%2058.7%2014.2%2076.8%2038.4L326.4%20339.2c6%208.1%2015.5%2012.8%2025.6%2012.8h32V320c0-12.9%207.8-24.6%2019.8-29.6s25.7-2.2%2034.9%206.9l64%2064c6%206%209.4%2014.1%209.4%2022.6s-3.4%2016.6-9.4%2022.6l-64%2064z'/%3e%3c/svg%3e")}.icon.map{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M384%20476.1L192%20421.2V35.9L384%2090.8V476.1zm32-1.2V88.4L543.1%2037.5c15.8-6.3%2032.9%205.3%2032.9%2022.3V394.6c0%209.8-6%2018.6-15.1%2022.3L416%20474.8zM15.1%2095.1L160%2037.2V423.6L32.9%20474.5C17.1%20480.8%200%20469.2%200%20452.2V117.4c0-9.8%206-18.6%2015.1-22.3z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M384%20476.1L192%20421.2V35.9L384%2090.8V476.1zm32-1.2V88.4L543.1%2037.5c15.8-6.3%2032.9%205.3%2032.9%2022.3V394.6c0%209.8-6%2018.6-15.1%2022.3L416%20474.8zM15.1%2095.1L160%2037.2V423.6L32.9%20474.5C17.1%20480.8%200%20469.2%200%20452.2V117.4c0-9.8%206-18.6%2015.1-22.3z'/%3e%3c/svg%3e")}.icon.trophy{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M400%200H176c-26.5%200-48.1%2021.8-47.1%2048.2c.2%205.3%20.4%2010.6%20.7%2015.8H24C10.7%2064%200%2074.7%200%2088c0%2092.6%2033.5%20157%2078.5%20200.7c44.3%2043.1%2098.3%2064.8%20138.1%2075.8c23.4%206.5%2039.4%2026%2039.4%2045.6c0%2020.9-17%2037.9-37.9%2037.9H192c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032H384c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H357.9C337%20448%20320%20431%20320%20410.1c0-19.6%2015.9-39.2%2039.4-45.6c39.9-11%2093.9-32.7%20138.2-75.8C542.5%20245%20576%20180.6%20576%2088c0-13.3-10.7-24-24-24H446.4c.3-5.2%20.5-10.4%20.7-15.8C448.1%2021.8%20426.5%200%20400%200zM48.9%20112h84.4c9.1%2090.1%2029.2%20150.3%2051.9%20190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1%20254.3c-22.4%2021.8-48.3%2037.3-73.2%2048.3c22.7-40.3%2042.8-100.5%2051.9-190.6h84.4c-5.1%2066.3-31.1%20111.2-63%20142.3z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20576%20512'%3e%3c!--!Font%20Awesome%20Free%206.5.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20Copyright%202024%20Fonticons,%20Inc.--%3e%3cpath%20d='M400%200H176c-26.5%200-48.1%2021.8-47.1%2048.2c.2%205.3%20.4%2010.6%20.7%2015.8H24C10.7%2064%200%2074.7%200%2088c0%2092.6%2033.5%20157%2078.5%20200.7c44.3%2043.1%2098.3%2064.8%20138.1%2075.8c23.4%206.5%2039.4%2026%2039.4%2045.6c0%2020.9-17%2037.9-37.9%2037.9H192c-17.7%200-32%2014.3-32%2032s14.3%2032%2032%2032H384c17.7%200%2032-14.3%2032-32s-14.3-32-32-32H357.9C337%20448%20320%20431%20320%20410.1c0-19.6%2015.9-39.2%2039.4-45.6c39.9-11%2093.9-32.7%20138.2-75.8C542.5%20245%20576%20180.6%20576%2088c0-13.3-10.7-24-24-24H446.4c.3-5.2%20.5-10.4%20.7-15.8C448.1%2021.8%20426.5%200%20400%200zM48.9%20112h84.4c9.1%2090.1%2029.2%20150.3%2051.9%20190.6c-24.9-11-50.8-26.5-73.2-48.3c-32-31.1-58-76-63-142.3zM464.1%20254.3c-22.4%2021.8-48.3%2037.3-73.2%2048.3c22.7-40.3%2042.8-100.5%2051.9-190.6h84.4c-5.1%2066.3-31.1%20111.2-63%20142.3z'/%3e%3c/svg%3e")}.side-dock{z-index:1000;width:var(--sidebar-width);height:100%;transition:transform .2s,width .22s;position:absolute;top:0;right:0}.side-dock.soop-open{width:calc(var(--sidebar-width) + var(--soop-visible-width))}.soop-layer{z-index:1;width:var(--soop-visible-width);color:var(--panel-text);background:var(--soop-panel);border-left:1px solid #ffffff21;border-right:1px solid #ffffff14;flex-direction:column;transition:transform .22s;display:flex;position:absolute;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #00000075,inset 1px 0 #ffffff0a}.soop-layer.open{transform:translate(0)}.soop-layer button{height:var(--dock-button-height);color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;min-height:0;padding:0 12px;font-weight:800;transition:background-color .16s,border-color .16s,transform .12s}.soop-layer button:hover{background:var(--panel-surface-hover);border-color:#ff5ca880}.soop-layer button:active{transform:translateY(1px)}.soop-layer button:disabled{color:#ffffff6b;cursor:not-allowed;background:#ffffff0b;border-color:#ffffff14}.soop-layer input[type=text]{min-width:0;height:36px;color:var(--panel-text);background:#ffffff13;border:1px solid #ffffff24;border-radius:8px;padding:0 11px}.soop-layer input[type=text]:focus{border-color:#ff5ca8b8;outline:none;box-shadow:0 0 0 3px #ff5ca829}.soop-layer-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:14px 24px 10px 16px;display:flex}.soop-layer-header div{align-items:center;gap:4px;min-width:0;display:flex}.soop-layer-header strong{font-size:16px;line-height:1.15}.soop-layer .btn-soop-close{color:#ffffffe6;width:30px;min-width:30px;max-width:30px;height:30px;min-height:30px;max-height:30px;box-shadow:none;background:#ffffff14;border:1px solid #ffffff24;border-radius:8px;flex:0 0 30px;align-self:center;place-items:center;margin:0;padding:0;font-size:0;line-height:1;display:inline-grid;overflow:hidden}.soop-layer .btn-soop-close:before{content:"×";text-align:center;place-items:center;width:100%;height:100%;font-family:Arial,sans-serif;font-size:20px;font-weight:900;line-height:1;display:grid}.soop-layer .btn-soop-close:hover{background:#ffffff21;border-color:#ff5ca86b}.soop-layer .btn-soop-close:active{transform:none}.soop-status,.soop-launch-status{color:#c9d2dd;font-size:12px;font-weight:900;line-height:1.15}.soop-status.connecting,.soop-launch-status.connecting{color:#ffd166;text-shadow:0 0 10px #ffd16647}.soop-status.connected,.soop-launch-status.connected{color:#35e875;text-shadow:0 0 12px #35e87557}.soop-status.live,.soop-launch-status.live{color:#ff3b4f;text-shadow:0 0 12px #ff3b4f61}.soop-status.error,.soop-launch-status.error{color:#ff5c7a;text-shadow:0 0 12px #ff5c7a57}.soop-launch-details{display:none!important}.soop-layer-content{flex:auto;grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:12px;min-height:0;padding:14px;display:grid;overflow:hidden}.soop-dock-section{background:#ffffff0b;border:1px solid #ffffff1a;border-radius:10px;min-height:0;padding:11px;overflow:hidden}.soop-dock-section h3{color:#ffffffe0;margin:0 0 9px;font-size:12px;line-height:1}.soop-layer-content>.soop-dock-section:first-child{scrollbar-gutter:stable;overflow:hidden auto}.soop-layer-content>.soop-dock-section:first-child:has(.soop-search-results:not([hidden])){z-index:8;position:relative;overflow:visible}.soop-search-wrap{z-index:60;position:relative}.soop-search-row{grid-template-columns:minmax(0,1fr) 62px;gap:7px;display:grid}.soop-search-results{z-index:120;overscroll-behavior:contain;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#22222afa,#121217fa),#141418fa;border:1px solid #ff5ca83d;border-radius:12px;flex-direction:column;max-height:min(430px,100vh - 156px);margin:0;padding:7px 7px 10px;display:flex;position:absolute;top:calc(100% + 10px);left:-6px;right:-6px;overflow:hidden;box-shadow:0 26px 70px #000000bd,0 12px 26px #00000080,0 0 0 1px #ffffff0d,0 0 28px #ff5ca81f}.soop-search-results[hidden]{display:none}.soop-suggest-header{min-height:30px;color:var(--panel-text-muted);background:#121217fa;border-bottom:1px solid #ffffff14;flex:none;justify-content:space-between;align-items:center;gap:8px;margin:-7px -7px 6px;padding:6px 7px 6px 10px;font-size:11px;font-weight:800;display:flex}.soop-result-list{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding-top:7px;scroll-padding-top:7px;overflow:hidden auto}.btn-soop-suggest-close{border-radius:7px;place-items:center;width:24px;min-width:24px;height:24px;min-height:24px;padding:0;font-size:0;line-height:1;display:inline-grid;position:relative;overflow:hidden}.btn-soop-suggest-close:before{content:"×";color:#fff;text-align:center;justify-content:center;align-items:center;font-family:Arial,sans-serif;font-size:19px;font-weight:900;line-height:1;display:flex;position:absolute;inset:0}.soop-layer .btn-soop-suggest-close{width:24px;min-width:24px;height:24px;min-height:24px;padding:0}.soop-result,.soop-result-empty{text-align:left;width:100%}.soop-result{cursor:pointer;-webkit-user-select:none;user-select:none;background:#ffffff0b;border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;height:auto;min-height:38px;padding:8px 10px;transition:background-color .14s,box-shadow .14s,transform .12s;display:grid}.soop-result+.soop-result{margin-top:5px}.soop-result:hover,.soop-result:focus-visible{box-shadow:inset 3px 0 0 var(--primary-color), 0 8px 18px #0000003d;background:#ff5ca829}.soop-result:active{transform:none}.soop-result strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;line-height:1.2;display:block;overflow:hidden}.soop-result span,.soop-result small{min-width:0;max-width:132px;color:var(--panel-text-muted);text-overflow:ellipsis;white-space:nowrap;justify-self:end;font-size:11px;line-height:1.2;display:block;overflow:hidden}.soop-search-results .soop-result{align-items:center;height:38px;min-height:38px;padding:0 10px;transform:none}.soop-search-results .soop-result:active{transform:none}.soop-result-empty{color:var(--panel-text-muted);padding:13px;font-size:12px}.soop-result-list-loading{flex-direction:column;gap:5px;display:flex}.soop-result-skeleton{background:#ffffff0b;border-radius:8px;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:12px;width:100%;min-height:38px;padding:0 10px;display:grid;overflow:hidden}.soop-result-skeleton span,.soop-result-skeleton small{background:linear-gradient(90deg,#ffffff14 0%,#ffffff2e 45%,#ffffff14 90%) 0 0/220% 100%;border-radius:999px;height:12px;animation:1.05s ease-in-out infinite soop-skeleton-pulse;display:block}.soop-result-skeleton span{width:70%}.soop-result-skeleton small{opacity:.78;justify-self:end;width:72px}.soop-selected{color:#ffffffd6;text-overflow:ellipsis;white-space:nowrap;background:#ff5ca814;border:1px solid #ff5ca838;border-radius:8px;min-height:34px;margin-top:8px;padding:8px 10px;font-size:12px;line-height:1.35;display:block;overflow:hidden}.soop-entry-rule{color:var(--panel-text-muted);background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:8px;grid-template-columns:auto minmax(58px,1fr) auto minmax(48px,.75fr) auto;align-items:center;gap:6px;margin-top:8px;padding:8px 9px;font-size:12px;line-height:1;display:grid}.soop-entry-rule input[type=number]{width:100%;min-width:0;height:30px;color:var(--panel-text);border:1px solid var(--panel-border);text-align:center;background:#ffffff13;border-radius:7px;padding:0 7px}.soop-entry-rule input[type=number]:focus{border-color:#ff5ca8b8;outline:none;box-shadow:0 0 0 3px #ff5ca824}.soop-entry-source,.soop-entry-limit{color:var(--panel-text-muted);background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:8px;align-items:center;gap:6px;margin-top:6px;padding:8px 9px;font-size:12px;line-height:1;display:grid}.soop-entry-source{grid-template-columns:auto minmax(0,1fr)}.soop-entry-source>span{white-space:nowrap}.soop-entry-source-options{border:1px solid var(--panel-border);background:#ffffff12;border-radius:8px;grid-template-columns:1fr 1fr;gap:4px;min-width:0;padding:3px;display:grid}.soop-entry-source-options label{cursor:pointer;border-radius:6px;min-width:0;height:28px;margin:0;position:relative}.soop-entry-source-options input{opacity:0;pointer-events:none;position:absolute}.soop-entry-source-options span{color:#ffffffb8;border-radius:inherit;text-overflow:ellipsis;white-space:nowrap;justify-content:center;align-items:center;width:100%;height:100%;padding:0 6px;font-size:11px;font-weight:900;line-height:1;transition:background-color .16s,color .16s,box-shadow .16s;display:flex;overflow:hidden}.soop-entry-source-options input:checked+span{color:#fff;background:linear-gradient(180deg, var(--soop-accent), var(--soop-accent-dark));box-shadow:0 6px 14px #d92f7f38}.soop-entry-source-options input:focus-visible+span{outline:2px solid var(--primary-color-soft);outline-offset:2px}.soop-entry-limit{grid-template-columns:auto minmax(0,1fr) auto}.soop-entry-source label,.soop-entry-limit label{white-space:nowrap}.soop-entry-source select,.soop-entry-source input[type=number],.soop-entry-limit select,.soop-entry-limit input[type=number]{height:30px;color:var(--panel-text);border:1px solid var(--panel-border);font:inherit;background:#ffffff13;border-radius:7px}.soop-entry-source select,.soop-entry-limit select{appearance:none;background:linear-gradient(45deg,#0000 50%,#ffffffb8 50%) right 14px center/6px 6px no-repeat,linear-gradient(135deg,#ffffffb8 50%,#0000 50%) right 10px center/6px 6px no-repeat,#ffffff13;width:100%;min-width:0;padding:0 28px 0 8px}.soop-entry-source select:hover,.soop-entry-limit select:hover{border-color:var(--panel-border-strong);background:linear-gradient(45deg,#0000 50%,#fff 50%) right 14px center/6px 6px no-repeat,linear-gradient(135deg,#fff 50%,#0000 50%) right 10px center/6px 6px no-repeat,#ffffff1a}.soop-entry-source select option,.soop-entry-limit select option{color:var(--panel-text);background:#1b1b21}.soop-entry-source select option:checked,.soop-entry-limit select option:checked{color:#fff;background:var(--primary-color-dark)}.soop-entry-source input[type=number],.soop-entry-limit input[type=number]{text-align:center;width:54px;padding:0 6px}.soop-entry-source select:focus,.soop-entry-source input[type=number]:focus,.soop-entry-limit select:focus,.soop-entry-limit input[type=number]:focus{border-color:#ff5ca8b8;outline:none;box-shadow:0 0 0 3px #ff5ca824}.soop-entry-source-guide{color:#ffffffa3;background:#ff5ca812;border:1px solid #ff5ca82e;border-radius:8px;margin-top:6px;padding:8px 9px;font-size:11px;line-height:1.35}.soop-entry-limit-max{white-space:nowrap;align-items:center;gap:5px;display:inline-flex}.soop-entry-limit-max.disabled{opacity:.42}.soop-entry-rule-note{color:var(--panel-text-muted);margin:5px 2px 0;font-size:11px;line-height:1.25;display:block}.soop-connection-actions{grid-template-columns:1fr;margin-top:8px;display:grid}.soop-connection-actions .soop-connection-switch{color:#ffffffd1;border:1px solid var(--panel-border);text-align:left;background:linear-gradient(#ffffff13,#ffffff0b),#ffffff0a;border-radius:999px;justify-content:flex-start;width:100%;height:34px;padding:0 58px 0 14px;font-size:12px;font-weight:900;line-height:1;position:relative}.soop-connection-actions .soop-connection-switch:before,.soop-connection-actions .soop-connection-switch:after{content:"";border-radius:999px;transition:right .18s,background-color .18s,box-shadow .18s;position:absolute;top:50%;transform:translateY(-50%)}.soop-connection-actions .soop-connection-switch:before{background:#ffffff21;border:1px solid #ffffff26;width:38px;height:20px;right:12px}.soop-connection-actions .soop-connection-switch:after{background:#ffffffb8;width:16px;height:16px;right:31px;box-shadow:0 2px 8px #0000004d}.soop-connection-actions .soop-connection-switch[data-state=on]{color:#baf8d0;background:linear-gradient(#35e8752e,#1482411f),#ffffff0a;border-color:#35e87594}.soop-connection-actions .soop-connection-switch[data-state=on]:before{background:#35e87557;border-color:#35e8758f;box-shadow:0 0 12px #35e8752e}.soop-connection-actions .soop-connection-switch[data-state=on]:after{background:#35e875;right:15px;box-shadow:0 0 13px #35e8755c}.soop-connection-actions .soop-connection-switch[data-state=loading]{color:#ffe2a4;border-color:#ffd16694}.soop-connection-actions .soop-connection-switch[data-state=loading]:before{background:#ffd16638;border-color:#ffd1666b}.soop-connection-actions .soop-connection-switch:hover{box-shadow:none;background:linear-gradient(#ffffff1c,#fff1),#ffffff0d}.soop-log-section{flex-direction:column;flex:auto;min-height:0;display:flex}.soop-section-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.soop-section-heading h3{margin:0}.soop-log-tabs{flex:0 0 32px;grid-template-columns:1fr 1fr;gap:6px;margin-top:9px;display:grid}.soop-log-tabs .soop-log-tab{height:32px;min-height:0;color:var(--panel-text-muted);background:var(--panel-surface);border-color:var(--panel-border);border-radius:8px}.soop-log-tabs .soop-log-tab.active{color:#fff;background:#ff5ca833;border-color:#ff5ca885}.soop-log-table-wrap{scrollbar-gutter:stable;background:#00000038;border:1px solid #ffffff1a;border-radius:8px;flex:1 1 0;min-height:0;margin-top:9px;position:relative;overflow-y:auto}.soop-log-table-wrap.empty:after{content:attr(data-empty-label);color:var(--panel-text-muted);text-align:center;pointer-events:none;justify-content:center;align-items:center;padding:16px;font-size:12px;line-height:1.35;display:flex;position:absolute;inset:34px 0 0}.soop-log-table{border-collapse:collapse;table-layout:fixed;width:100%}.soop-log-table th,.soop-log-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:7px 8px;font-size:11px;line-height:1.3}.soop-log-table th{z-index:1;color:var(--panel-text-muted);background:#15151a;font-weight:800;position:sticky;top:0}.soop-log-table th:first-child,.soop-log-table td:first-child{width:76px}.soop-log-table th:nth-child(2),.soop-log-table td:nth-child(2){width:75px}.soop-log-row{background:#ffffff06}.soop-log-row.donation,.soop-log-row.donationMessage{background:#ff5ca814}.soop-log-row.donationExpired,.soop-log-row.system{background:#ff8da414}.soop-log-row.chat{opacity:.86}.soop-log-meta{color:var(--panel-text-muted);font-size:11px;line-height:1.2}.soop-log-time,.soop-log-name{color:var(--panel-text-muted);overflow-wrap:anywhere}.soop-log-message{color:#ffffffeb;overflow-wrap:anywhere}.soop-log-message-stack{flex-direction:column;gap:6px;min-width:0;display:flex}.soop-log-donation-summary{flex-wrap:wrap;align-items:center;gap:4px;min-width:0;display:flex}.soop-log-donation-chip,.soop-log-entry-chip{overflow-wrap:anywhere;border-radius:6px;align-items:center;gap:5px;min-width:0;max-width:100%;min-height:20px;padding:3px 7px 3px 4px;font-size:10px;font-weight:900;line-height:1.2;display:inline-flex}.soop-log-donation-chip:before,.soop-log-entry-chip:before{color:#fff;border-radius:4px;flex:none;align-items:center;height:14px;padding:0 5px;font-size:9px;line-height:1;display:inline-flex}.soop-log-donation-chip{color:#fff4f9;background:#7b1c48b8;border:1px solid #ff5ca89e;box-shadow:inset 0 0 0 1px #ffffff0b}.soop-log-donation-chip:before{content:"후원";background:#e33b91}.soop-log-entry-chip{color:#ffffffd1;background:#383840d1;border:1px solid #78788485;font-size:11px}.soop-log-entry-chip:before{content:"결과";background:#787884e0}.soop-log-entry-chip .soop-log-entry-text{color:#ffffffd1}.soop-log-entry-chip .soop-log-entry-count{color:#fff;background:#ffffff2e;border-radius:999px;align-items:center;min-height:16px;padding:1px 6px;font-size:12px;font-weight:1000;line-height:1;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff14}.soop-log-entry-chip.applied{color:#effff5;background:#127843c7;border-color:#2ad67ac7}.soop-log-entry-chip.applied:before{background:#20b866}.soop-log-entry-chip.applied .soop-log-entry-count{color:#061b0d;background:#42e681;box-shadow:0 0 10px #42e6813d}.soop-log-entry-chip.none{color:#ffffffc2;background:#44444ce0;border-color:#acacb885}.soop-log-entry-chip.none:before{background:#74747e}.soop-log-entry-chip.none .soop-log-entry-count{color:#f1f1f4;background:#fff3;box-shadow:inset 0 0 0 1px #ffffff14}.soop-log-entry-chip.pending{color:#fff6db;background:#875b1cb8;border-color:#ffc64ea8}.soop-log-entry-chip.pending:before{background:#d0922d}.soop-log-entry-chip.pending .soop-log-entry-count{color:#221404;background:#ffc64e;box-shadow:0 0 10px #ffc64e2e}.soop-log-user-message{color:#fffffff0;background:#00000038;border-left:2px solid #ffffff47;border-radius:6px;padding:6px 8px;line-height:1.38}.soop-log-user-message.applied{color:#fff;background:#ffffff12;border-left-color:#20b866}.soop-log-user-message.none,.soop-log-user-message.empty{color:#ffffff80;background:#ffffff06;border-left-color:#ffffff29}.soop-log-user-message.pending{color:#ffffffb8;border-left-color:#d0922d}.btn-soop-clear{flex:0 0 var(--dock-button-height);width:100%;height:var(--dock-button-height);min-height:var(--dock-button-height);margin-top:8px}.btn-soop-clear.confirm{color:#fff;background:linear-gradient(#ff567652,#b426443d),#ffffff0f;border-color:#ff829bb8;box-shadow:inset 0 1px #ffffff14,0 8px 18px #ff56761f}#settings{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--panel-background);border-left:1px solid var(--panel-border);z-index:2;width:var(--sidebar-width);visibility:visible;opacity:1;border-radius:0;flex-direction:column;gap:12px;min-width:0;height:100%;max-height:100vh;padding:14px;transition:visibility,opacity 1s linear;display:flex;position:relative;top:0;overflow:visible;box-shadow:-24px 0 60px #0000006b,inset 1px 0 #ffffff0d}#settings .sidebar-header{border-bottom:1px solid var(--panel-border);justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:0 0 10px 18px;display:flex}#settings .sidebar-title{flex:auto;justify-content:space-between;align-items:center;gap:12px;width:100%;min-width:0;display:flex}#settings .sidebar-title strong{color:var(--panel-text);letter-spacing:0;flex:none;font-size:16px;line-height:1.15}#settings .sidebar-title span{color:var(--panel-text-muted);text-align:right;white-space:nowrap;flex:0 auto;font-size:12px;line-height:1.15}#settings .btn-toggle-sidebar{z-index:5;cursor:pointer;background:linear-gradient(180deg, var(--primary-color), var(--primary-color-dark));border:1px solid #ffffff2e;flex:0 0 44px;width:44px;height:44px;padding:0;font-size:22px;transition:left .2s,width .2s,height .2s,transform .2s,background-color .2s,box-shadow .2s;position:absolute;top:50%;left:-44px;right:auto;transform:translateY(-50%);box-shadow:0 10px 24px #d92f7f59,0 0 0 1px #0000002e}#settings .btn-toggle-sidebar:active{transform:translateY(calc(1px - 50%))scale(.97)}#settings .btn-toggle-sidebar .toggle-arrow{font-style:normal;line-height:1}#settings .sidebar-content{flex:auto;grid-template-rows:auto minmax(0,1fr) auto auto;align-content:stretch;gap:10px;height:100%;min-height:0;display:grid;overflow:hidden}#settings h3{color:#ffffffd1;text-transform:uppercase;letter-spacing:0;margin:0 0 8px;padding:0;font-size:12px;font-weight:800;line-height:1}#settings .soop-launch-panel,#settings .entry-panel,#settings .controls-panel{background:var(--panel-surface);border:1px solid var(--panel-border);border-radius:10px;padding:10px;position:relative}#settings .soop-launch-panel{order:0;grid-template-columns:minmax(0,1fr);grid-auto-rows:max-content;align-items:start;gap:8px;min-height:0;display:grid;overflow:hidden}#settings .soop-launch-panel[data-state=connecting]{border-color:#ffd166d1;box-shadow:inset 0 0 0 1px #ffd16624}#settings .soop-launch-panel[data-state=connected]{border-color:#35e875e0;box-shadow:inset 0 0 0 1px #35e8752e,0 0 20px #35e87514}#settings .soop-launch-panel[data-state=live]{border-color:#ff3b4feb;box-shadow:inset 0 0 0 1px #ff3b4f33,0 0 22px #ff3b4f1a}#settings .soop-launch-panel[data-state=error]{border-color:#ff5c7ae6;box-shadow:inset 0 0 0 1px #ff5c7a29}#settings .soop-launch-panel .soop-launch-title{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}#settings .soop-launch-panel .soop-launch-title h3{margin-bottom:0}#settings .soop-launch-panel .btn-soop-layer-toggle{color:#fff;background:linear-gradient(#ff5ca838,#d72f7f29),#ffffff0f;border:1px solid #ff5ca861;border-radius:8px;align-self:start;width:100%;height:32px;min-height:0;max-height:32px;padding:0 12px;font-size:12px;font-weight:800;line-height:1}#settings .soop-launch-panel .btn-soop-layer-toggle.active{background:linear-gradient(180deg, var(--soop-accent), var(--soop-accent-dark))}#settings .soop-launch-panel[data-state=connected] .btn-soop-layer-toggle{background:linear-gradient(#35e8753d,#19964c33),#ffffff0f;border-color:#35e8759e}#settings .soop-launch-panel[data-state=live] .btn-soop-layer-toggle{background:linear-gradient(#ff3b4f47,#be183038),#ffffff0f;border-color:#ff3b4fad}#settings .soop-launch-panel[data-state=error] .btn-soop-layer-toggle{background:linear-gradient(#ff5c7a42,#aa284433),#ffffff0f;border-color:#ff5c7a9e}#settings .soop-launch-panel .soop-launch-status{text-align:right;text-overflow:ellipsis;white-space:nowrap;justify-self:end;max-width:190px;overflow:hidden}#settings .soop-launch-panel .soop-launch-status:before{content:"";vertical-align:1px;background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:5px;display:inline-block;box-shadow:0 0 11px}#settings .entry-panel{flex-direction:column;order:1;min-height:0;display:flex;overflow:hidden}#settings .controls-panel{order:2;min-width:0;min-height:0;max-height:clamp(86px,18vh,164px);overflow-y:auto}#settings .soop-launch-panel:before,#settings .entry-panel:before,#settings .controls-panel:before{content:"";background:var(--primary-color);opacity:.85;border-radius:999px;width:28px;height:2px;position:absolute;top:-1px;left:10px}#settings .soop-launch-panel h3,#settings .entry-panel h3,#settings .controls-panel h3{color:var(--panel-text)}#settings .name-add-row{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-bottom:8px;display:grid}#settings .name-add-row input,#settings .name-list input{border:1px solid var(--panel-border);color:var(--panel-text);background:#ffffff13;border-radius:8px;transition:border-color .16s,background-color .16s,box-shadow .16s}#settings .name-add-row input:focus,#settings .name-list input:focus,#settings select:focus{border-color:#ff5ca8b8;outline:none;box-shadow:0 0 0 3px #ff5ca829}#settings .name-list .name-label-input{color:var(--panel-text);background:0 0}#settings .name-add-row input{min-width:0;height:34px;padding:0 12px;font-size:14px}#settings .name-list{border:1px solid var(--panel-border);background:#0003;border-radius:9px;flex:auto;width:100%;min-height:0;max-height:none;padding:6px;overflow-y:auto}#settings .participant-list-actions{flex:none;grid-template-columns:1fr;gap:7px;margin-top:10px;display:grid}#settings .btn-merge-names,#settings .btn-clear-names{border-radius:10px;width:100%;height:40px;min-height:0;font-weight:800}#settings .btn-merge-names{color:#ffe7f2;background:linear-gradient(#ff5ca833,#d72f7f1f),#fff1;border:1px solid #ff5ca86b;box-shadow:inset 0 1px #ffffff14,0 8px 18px #d92f7f1a}#settings .btn-merge-names:hover{background:linear-gradient(#ff5ca847,#d72f7f2e),#ffffff14;border-color:#ff5ca8a3;box-shadow:inset 0 1px #ffffff1a,0 10px 22px #d92f7f29}#settings .btn-merge-names:disabled{color:#ffffff75;border-color:var(--panel-border);opacity:1;cursor:not-allowed;filter:none;box-shadow:none;background:#fff1;transform:none}#settings .btn-clear-names{color:#ffe8eeeb;box-shadow:none;background:linear-gradient(#ff567621,#821e321a),#ffffff0b;border:1px solid #ff789147}#settings .btn-clear-names:hover{box-shadow:none;background:linear-gradient(#ff56762e,#821e3224),#ffffff0f;border-color:#ff789170}#settings .btn-clear-names.confirm{color:#fff;background:linear-gradient(#ff567652,#b426443d),#ffffff0f;border-color:#ff829bb8;box-shadow:inset 0 1px #ffffff14,0 8px 18px #ff56761f}#settings .btn-clear-names:disabled{color:#ffffff61;border-color:var(--panel-border);cursor:not-allowed;filter:none;box-shadow:none;background:#ffffff0b;transform:none}#settings .name-list-empty{height:100%;min-height:100%;color:var(--panel-text-muted);text-align:center;justify-content:center;align-items:center;padding:16px;font-size:12px;line-height:1.35;display:flex}#settings .name-item{width:100%;min-height:34px;color:var(--panel-text);background:#ffffff0d;border:1px solid #ffffff0e;border-radius:8px;grid-template-columns:16px minmax(0,1fr) auto;align-items:center;gap:3px;padding:4px 3px 4px 4px;transition:background-color .16s,border-color .16s,transform .16s;display:grid}#settings .name-item+.name-item{margin-top:5px}#settings .name-item:hover{background:var(--panel-surface-hover);border-color:var(--panel-border);transform:translateY(-1px)}#settings .name-label-input{width:100%;min-width:0;height:26px;color:var(--panel-text);font:inherit;text-overflow:ellipsis;background:0 0;border:1px solid #0000;border-radius:6px;padding:0 6px;font-size:13px;font-weight:700;transition:background-color .18s,border-color .18s,box-shadow .18s;overflow:hidden}#settings .name-label-input:hover{background:#ffffff0e;border-color:#ffffff29}#settings .name-label-input:focus{color:var(--panel-text);background:#ffffff1a;border-color:#ff5ca8b8;outline:none;box-shadow:0 0 0 2px #ff5ca847}#settings .name-count-controls{background:#ffffff0b;border:1px solid #ff5ca847;border-radius:7px;grid-template-columns:23px 40px 23px;align-items:center;gap:0;display:grid;overflow:hidden}#settings .name-count-controls button{color:#ffffffdb;width:23px;height:26px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0;font-size:13px;font-weight:900}#settings .name-count-controls button:hover{color:#fff;box-shadow:none;background:#ff5ca82e;transform:none}#settings .name-count-controls button:active{background:#ff5ca847;transform:none}#settings .name-count-controls input{text-align:center;width:40px;height:26px;color:var(--panel-text);background:#ffffff13;border:0;border-left:1px solid #ffffff17;border-right:1px solid #ffffff17;border-radius:0;padding:0 3px;font-size:12px;font-weight:800}#settings .name-count-controls input:focus{background:#ff5ca81f;outline:none;box-shadow:inset 0 0 0 1px #ff5ca875}#settings .btn-remove-name{color:#ffffff7a;width:16px;height:26px;box-shadow:none;background:0 0;border:0;border-radius:4px;padding:0;font-size:15px;font-weight:800;line-height:1}#settings .btn-remove-name:hover{color:#ff82a0f2;box-shadow:none;background:0 0}#settings .btn-remove-name:focus-visible{outline-offset:1px;outline:2px solid #ff5ca88f}#settings button,#settings .btn{color:#fefefe;background:var(--primary-color-dark);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;padding:7px 12px;transition:background-color .18s,box-shadow .18s,transform .12s,filter .18s;display:inline-flex;position:relative;overflow:hidden;transform:translateY(0)scale(1)}#settings button:hover,#settings .btn:hover{background:var(--primary-color);filter:brightness(1.03);box-shadow:0 8px 20px #d92f7f4d}#settings button:focus-visible,#settings .btn:focus-visible{outline:2px solid var(--primary-color-soft);outline-offset:2px}#settings button:active,#settings .btn:active{filter:brightness(.94);transform:translateY(1px)scale(.97)}#settings button .button-wave,#settings .btn .button-wave{pointer-events:none;background:#ffffff6b;border-radius:50%;animation:.65s ease-out button-wave;position:absolute;transform:translate(-50%,-50%)scale(0)}#settings .controls-panel div.row{border-top:1px solid #ffffff12;grid-template-columns:92px minmax(0,1fr);align-items:center;column-gap:6px;min-height:34px;padding:3px 0;display:grid}#settings .controls-panel div.row:first-of-type{border-top:none;padding-top:0}#settings .controls-panel div.row label{color:#fffc;white-space:nowrap;align-items:center;gap:5px;width:auto;padding-left:0;font-size:13px;display:inline-flex}#settings .actions{border-top:1px solid var(--panel-border);order:3;grid-template-columns:3fr 7fr;align-items:center;gap:10px;min-height:0;margin-top:0;padding-top:10px;display:grid}#settings .actions button{width:100%;min-width:0;height:var(--dock-primary-button-height);border-radius:10px;gap:7px;min-height:0;font-size:15px;font-weight:800}#settings .actions button .icon{width:22px;height:22px}#settings .actions #btnShuffle{color:#ffffffdb;border:1px solid var(--panel-border);background:#ffffff17}#settings .actions #btnShuffle:hover{box-shadow:none;background:#ffffff24}#settings .actions #btnStart{background:linear-gradient(180deg, var(--primary-color), var(--primary-color-dark));font-size:17px;box-shadow:0 10px 24px #d92f7f42}#settings .actions #btnStart:disabled,#settings .actions #btnStart.empty-list{color:#ffffff94;box-shadow:none;cursor:not-allowed;background:linear-gradient(#ffffff12,#ffffff0a),#ffffff0d;border-color:#ffffff1f}#settings .actions #btnStart:disabled .icon,#settings .actions #btnStart.empty-list .icon{opacity:.58}#settings select{appearance:none;border:1px solid var(--panel-border);width:100%;height:30px;color:var(--panel-text);background:linear-gradient(45deg,#0000 50%,#ffffffb8 50%) right 16px center/6px 6px no-repeat,linear-gradient(135deg,#ffffffb8 50%,#0000 50%) right 12px center/6px 6px no-repeat,#ffffff13;border-radius:8px;padding:0 34px 0 10px}#settings select:hover{border-color:var(--panel-border-strong);background:linear-gradient(45deg,#0000 50%,#fff 50%) right 16px center/6px 6px no-repeat,linear-gradient(135deg,#fff 50%,#0000 50%) right 12px center/6px 6px no-repeat,#ffffff1a}#settings select option{color:var(--panel-text);background:#1b1b21}#settings select option:checked{background:var(--primary-color-dark);color:#fff}#settings .btn-group{border:1px solid var(--panel-border);background:#ffffff14;border-radius:10px;grid-template-columns:minmax(48px,1fr) minmax(48px,1fr) minmax(42px,.7fr);display:grid;overflow:hidden}#settings .btn-group>*{box-sizing:border-box;color:#ffffffd6;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;width:auto;min-width:0;height:28px;padding:0;display:flex;overflow:hidden}#settings .btn-group>:first-child{border-radius:10px 0 0 10px}#settings .btn-group>:last-child{border-radius:0 10px 10px 0}#settings .btn-group>.active{background:var(--primary-color-dark);color:#fff}#settings .btn-group input[type=number]{box-sizing:border-box;text-align:center}@media screen and (height<=760px){#settings .controls-panel{max-height:clamp(74px,16vh,128px)}}.app-layout.sidebar-collapsed .side-dock{transform:translateX(var(--sidebar-width))}.app-layout.sidebar-collapsed .soop-layer{transform:translate(100%)}.app-layout.sidebar-collapsed #settings .btn-toggle-sidebar{flex-basis:34px;width:34px;height:34px;font-size:18px;left:-42px}.app-layout.sidebar-collapsed #settings{overflow:visible}.app-layout.sidebar-collapsed .sidebar-header{padding-left:18px}.app-layout.sidebar-collapsed #settings .sidebar-title,.app-layout.sidebar-collapsed #settings .sidebar-content{display:none}@media screen and (width<=750px){:root{--dock-primary-button-height:42px}.app-layout{display:block}.side-dock{width:100%;height:48vh;top:auto;bottom:0;right:0}.side-dock.soop-open{width:100%}.brand-section{min-width:160px;padding:9px 11px;top:.75rem;left:.75rem}.brand-section strong{font-size:17px}.loading-splash-brand{width:calc(100% - 24px);min-height:246px;margin-top:0;padding:20px 18px 22px}.loading-splash-logo{width:54px;height:54px;margin-bottom:10px;font-size:17px}.loading-splash-brand strong{font-size:34px}.loading-splash-status{margin-top:8px;font-size:12px}.loading-splash-game{width:calc(100% - 36px);height:110px;top:calc(50% + 128px)}.loading-splash-bumper{width:34px;height:34px}.loading-splash-bumper-b{left:calc(50% - 17px)}.loading-splash-flipper{width:90px;height:15px}.loading-splash-flipper-left{left:calc(50% - 104px)}.loading-splash-flipper-right{right:calc(50% - 104px)}.winner-panel{grid-template-columns:64px minmax(0,1fr);gap:14px;width:auto;min-height:154px;padding:17px 16px;bottom:2rem;left:.75rem;right:.75rem}.winner-panel .winner-orb{width:60px;height:60px}.winner-panel .winner-name{font-size:clamp(28px,9vw,42px)}.winner-panel .winner-content{gap:9px}.winner-panel .btn-download-results{min-width:150px;height:36px}#settings{opacity:1;visibility:visible;width:100%;min-width:0;max-width:100%;height:100%;max-height:48vh;transition:visibility,opacity 1s linear;display:flex;position:relative;top:auto;bottom:0;right:auto;overflow:visible}#settings .btn-toggle-sidebar{flex-basis:34px;width:34px;height:34px;font-size:18px;top:-34px;left:auto;right:12px;transform:none}#settings .btn-toggle-sidebar:active{transform:translateY(1px)scale(.97)}#settings .sidebar-content{grid-template-rows:auto minmax(0,1fr) auto auto}#settings .name-add-row{grid-template-columns:minmax(0,1fr) auto}#settings .name-add-row input{height:32px;font-size:11pt}#settings .name-list{min-height:0;max-height:none}#settings .name-item{grid-template-columns:28px minmax(0,1fr);gap:5px}#settings .name-count-controls{grid-column:2;grid-template-columns:23px 42px 23px}#settings .controls-panel div.row{border-bottom:1px solid #555;height:auto;padding:.5rem 0;display:block}#settings .controls-panel div.row label{width:100%;margin-bottom:.5rem;padding-left:0;display:block}#settings .controls-panel div.row .icon{width:15px;height:15px}.soop-layer{width:100%;height:52vh;max-height:52vh;top:auto;bottom:100%;right:0;transform:translateY(calc(100% + 48vh))}.soop-layer.open{transform:translateY(0)}.soop-layer .soop-layer-content{grid-template-rows:auto minmax(0,1fr)}.app-layout.sidebar-collapsed .side-dock{transform:translateY(calc(100% - 42px))}.app-layout.sidebar-collapsed .soop-layer{transform:translateY(calc(100% + 48vh))}}@media screen and (height<=620px){.loading-splash-brand{min-height:222px;margin-top:0;padding-top:16px;padding-bottom:18px}.loading-splash-logo{width:48px;height:48px;margin-bottom:8px;font-size:15px}.loading-splash-brand strong{font-size:32px}.loading-splash-game{height:86px;top:calc(50% + 102px)}.loading-splash-lane,.loading-splash-bumper{display:none}}div.toast{border:1px solid #ffffff38;border-left:4px solid var(--primary-color);color:#fff;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:3000;text-align:center;overflow-wrap:anywhere;background:#121016f0;border-radius:14px;justify-content:center;align-items:center;width:min(520px,100vw - 48px);min-height:86px;padding:22px 28px;font-size:clamp(18px,2vw,26px);font-weight:900;line-height:1.35;animation:.18s ease-out fade-in,.2s ease-in 1s reverse fade-in;display:flex;position:fixed;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 26px 72px #0000009e,0 0 42px #d92f7f38}@keyframes fade-in{0%{opacity:0;transform:translate(-50%,-50%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes splash-art-drift{0%{transform:scale(1.01)translate(-6px,-4px)}to{transform:scale(1.045)translate(6px,4px)}}@keyframes splash-sheen{0%,to{opacity:.42;transform:translate(-12%)}50%{opacity:.86;transform:translate(12%)}}@keyframes splash-panel-shine{0%,42%{transform:translate(-76%)}72%,to{transform:translate(76%)}}@keyframes splash-brand-float{0%,to{box-shadow:0 34px 90px #41002680,0 0 44px #ff5ca847,inset 0 1px #ffffff57}50%{box-shadow:0 42px 100px #41002694,0 0 64px #ff5ca86b,inset 0 1px #ffffff6b}}@keyframes splash-logo-pulse{0%,to{transform:translateY(0)scale(1);box-shadow:0 10px 24px #790b4857,inset 0 2px 8px #ffffff47}50%{transform:translateY(-3px)scale(1.04);box-shadow:0 18px 34px #790b4875,0 0 30px #ff7fbb75,inset 0 2px 8px #ffffff59}}@keyframes splash-progress{0%{transform:translate(-104%)}to{transform:translate(240%)}}@keyframes splash-ball-run{0%{left:6%;transform:translateY(30px)scale(.74)}18%{transform:translateY(-16px)scale(1)}36%{transform:translateY(21px)scale(.86)}58%{transform:translateY(-33px)scale(1.06)}78%{transform:translateY(16px)scale(.9)}to{left:calc(94% - 22px);transform:translateY(30px)scale(.74)}}@keyframes splash-lane-glow{0%,to{opacity:.58;transform:scaleX(.99)}50%{opacity:.94;transform:scaleX(1)}}@keyframes splash-bumper-hit{0%,to{transform:scale(1);box-shadow:0 0 20px #ff5ca857,inset 0 0 10px #ffffff3d}48%{transform:scale(1)}58%{transform:scale(1.18);box-shadow:0 0 34px #ffffff8a,0 0 54px #ff5ca87a,inset 0 0 14px #ffffff61}}@keyframes splash-flipper-left{0%,56%,to{transform:rotate(13deg)}68%{transform:rotate(-18deg)}}@keyframes splash-flipper-right{0%,56%,to{transform:rotate(-13deg)}68%{transform:rotate(18deg)}}@keyframes splash-status-dots{0%{content:""}25%{content:"."}50%{content:".."}75%,to{content:"..."}}@keyframes soop-skeleton-pulse{0%{background-position:120% 0}to{background-position:-120% 0}}@media (prefers-reduced-motion:reduce){.loading-splash-art,.loading-splash:after,.loading-splash-brand:before,.loading-splash-brand,.loading-splash-logo,.loading-splash-progress:before,.loading-splash-ball,.loading-splash-lane,.loading-splash-bumper,.loading-splash-flipper,.loading-splash-status:after{animation:none}.loading-splash-brand{transform:none}}@keyframes button-wave{0%{opacity:.55;transform:translate(-50%,-50%)scale(0)}to{opacity:0;transform:translate(-50%,-50%)scale(1)}}