:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}body,html,#root{background-color:#121212;background-image:url(/icons/bg.webp);background-position:50%;background-size:cover;background-attachment:fixed;width:100%;max-width:none;min-height:100vh;margin:0;padding:0;font-family:sans-serif;overflow-x:hidden}*{box-sizing:border-box}.screen-container{color:#fff;background-color:#0000;justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:sans-serif;display:flex}.loader-box{color:#111;flex-direction:column;display:flex}.login-card-modern{-webkit-backdrop-filter:blur(10px);background-color:#0f0f0fd9;border:1px solid #333;border-radius:12px;flex-direction:column;align-items:center;width:90%;max-width:320px;padding:30px 25px;display:flex;box-shadow:0 20px 50px #000000e6}.login-logo{filter:drop-shadow(0 4px 8px #000c);width:90%;margin-bottom:25px}.login-form-modern{flex-direction:column;gap:15px;width:100%;margin-bottom:25px;display:flex}.login-input{color:#fdfbf7;text-align:center;box-sizing:border-box;background-color:#0006;border:1px solid #ffffff26;border-radius:6px;outline:none;width:100%;margin:0;padding:10px;font-family:Sorts Mill Goudy,serif;font-size:15px}.login-input.pin-input{letter-spacing:4px;width:120px}.login-btn{color:#d4af37;letter-spacing:1px;cursor:pointer;text-transform:uppercase;box-sizing:border-box;background-color:#0000;border:1px solid #d4af3780;border-radius:6px;width:100%;margin:0;padding:10px;font-family:Sorts Mill Goudy,serif;font-size:15px;transition:all .3s}.login-btn:hover{background-color:#d4af371a;box-shadow:0 0 8px #d4af374d}.login-st-section{border-top:1px solid #333;flex-direction:column;align-items:center;width:100%;padding-top:20px;display:flex}.login-st-title{color:#666;text-transform:uppercase;letter-spacing:2px;margin:0 0 12px;font-family:Sorts Mill Goudy,serif;font-size:12px}.login-st-form{justify-content:center;gap:10px;display:flex}.login-st-btn{color:#aaa;letter-spacing:1px;text-transform:uppercase;cursor:pointer;box-sizing:border-box;background-color:#0000;border:1px solid #fff3;border-radius:6px;margin:0;padding:10px 20px;font-family:Sorts Mill Goudy,serif;font-size:13px;transition:all .3s}.login-st-btn:hover{color:#fff;background-color:#ffffff0d}.game-screen{color:#fff;background-color:#0000;min-height:100vh;padding:20px;font-family:sans-serif;position:relative}.gear-menu-wrapper{z-index:9999;align-items:center;gap:10px;display:flex;position:absolute;top:20px;right:20px}.lang-flags{align-items:center;gap:10px;margin-right:5px;display:flex}.lang-flag{cursor:pointer;width:24px;transition:all .2s}.gear-button{cursor:pointer;background:0 0;border:none;outline:none;padding:5px}.gear-button svg{flex-shrink:0}.gear-dropdown{-webkit-backdrop-filter:blur(10px);color:#fff;background-color:#0f0f0ff2;border:1px solid #d4af3766;border-radius:12px;flex-direction:column;gap:20px;width:280px;padding:20px;display:flex;position:absolute;top:50px;right:0;box-shadow:0 15px 40px #000000e6}.st-glass-btn{cursor:pointer;color:#d4af37;letter-spacing:1px;text-transform:uppercase;background-color:#0000;border:1px solid #d4af3780;border-radius:6px;outline:none;width:100%;padding:10px;font-family:Sorts Mill Goudy,serif;font-size:14px;transition:all .3s}.st-glass-btn:hover:not(:disabled){background-color:#d4af371a;box-shadow:0 0 8px #d4af374d}.st-glass-btn.danger{color:#ef4444;border-color:#ef444480}.st-glass-btn.danger:hover:not(:disabled){background-color:#ef44441a;box-shadow:0 0 8px #ef44444d}.st-glass-btn.active{color:#10b981;border-color:#10b981}.st-glass-btn.neutral{color:#aaa;border-color:#fff3}.st-glass-btn.neutral:hover:not(:disabled){color:#fff;background-color:#ffffff0d;border-color:#ccc}.st-custom-select{color:#d4af37;appearance:none;cursor:pointer;background-color:#0000;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23d4af37' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:14px;border:1px solid #d4af3780;border-radius:6px;outline:none;width:100%;padding:8px 30px 8px 12px;font-family:Sorts Mill Goudy,serif;font-size:14px}.st-custom-select option{color:#d4af37;background-color:#111}.st-number-input{color:#d4af37;text-align:center;background-color:#0000;border:1px solid #d4af3780;border-radius:6px;outline:none;width:50px;padding:4px;font-family:sans-serif;font-size:14px}.global-timer-wrapper{z-index:45;pointer-events:none;text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.global-timer-text{background:linear-gradient(#fdfbf7 0%,#d4af37 60%,#8b6914 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 10px 15px #000c)drop-shadow(0 0 20px #d4af374d);-webkit-background-clip:text;font-family:Sorts Mill Goudy,serif;font-size:clamp(60px,12vw,160px);font-weight:400;line-height:1}.board-container{aspect-ratio:1;width:95vw;max-width:85vh;margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);container-type:inline-size}.draft-start-btn{-webkit-backdrop-filter:blur(5px);color:#d4af37;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background-color:#191919d9;border:1px solid #d4af3780;border-radius:8px;padding:10px 24px;font-family:Sorts Mill Goudy,serif;font-size:16px;font-weight:700;transition:all .2s;box-shadow:0 4px 12px #000c}.draft-start-btn:hover{background-color:#d4af3726;border-color:#d4af37;box-shadow:0 6px 16px #000000e6,0 0 10px #d4af374d}.draft-start-btn:active{transform:scale(.95)}.avatar-base{text-align:center;box-sizing:content-box;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;transform:translate(-50%,-50%)}.token-base{z-index:10;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:7.5cqw;height:7.5cqw;transition:transform .1s;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 10px #000c}.reminder-base{color:#fff;cursor:default;background-color:#2a2a2a;border:1px solid #777;border-radius:50%;justify-content:center;align-items:center;width:3.6cqw;height:3.6cqw;font-size:1cqw;font-weight:700;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 5px #00000080}.border-avatar{border:1px solid #d4af37cc;box-shadow:0 4px 10px #000000b3,0 0 8px #d4af3780}.border-empty-seat{box-shadow:none;border:1px dashed #fff}.border-token{box-sizing:content-box;border:1px solid #d4af37cc;border-radius:50%;width:100%;height:100%;transition:box-shadow .6s ease-in-out;position:relative;box-shadow:0 4px 10px #000000b3,0 0 8px #d4af3780}.border-reminder{border:1px solid #d4af37cc;box-shadow:0 4px 10px #000000b3,0 0 8px #d4af3780}.player-name-tag{-webkit-backdrop-filter:blur(5px);z-index:6;pointer-events:none;background-color:#0006;border:1px solid #fff3;border-radius:10px;max-width:85%;position:absolute;bottom:6%;left:50%;transform:translate(-50%);box-shadow:0 2px 4px #00000080}.popup-overlay{z-index:100000;background-color:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.popup-content{color:#fff;background-color:#1e1e1e;border:2px solid #555;border-radius:15px;width:350px;padding:30px}.info-popup-box{-webkit-backdrop-filter:blur(20px);text-align:center;pointer-events:auto;color:#fdfbf7;background-color:#1e1e23a6;border:1px solid #ffffff26;border-radius:20px;width:max-content;min-width:280px;padding:25px 35px;box-shadow:0 20px 50px #000c,inset 0 0 0 1px #ffffff0d}.info-popup-title{color:#d4af37;letter-spacing:1px;text-shadow:0 2px 5px #000c;border-bottom:1px solid #d4af374d;margin:0 0 20px;padding-bottom:12px;font-size:22px;font-weight:400}.info-dist-box{background-color:#0000004d;border:1px solid #ffffff0d;border-radius:12px;flex-direction:column;gap:10px;padding:15px 20px;display:flex;box-shadow:inset 0 4px 10px #00000080}.info-dist-row{text-shadow:0 1px 3px #000c;justify-content:space-between;font-size:16px;font-weight:700;display:flex}.action-popup-box{-webkit-backdrop-filter:blur(10px);text-align:center;pointer-events:auto;background-color:#191919f2;border:1px solid #444;border-radius:12px;width:max-content;min-width:250px;max-width:350px;padding:20px 25px;box-shadow:0 10px 30px #000c}.action-popup-title{letter-spacing:1px;margin:0 0 15px;font-size:18px;font-weight:400}.action-popup-text{color:#fff;margin-bottom:20px;font-size:15px;line-height:1.4}.btn-popup{cursor:pointer;box-sizing:border-box;border-radius:6px;flex:1;padding:8px 12px;font-family:Sorts Mill Goudy,serif;font-size:14px;transition:background .2s}.btn-cancel{color:#aaa;background-color:#0000;border:1px solid #555}.btn-cancel:hover{background-color:#ffffff0d}.btn-danger{color:#fff;background-color:#dc2626;border:1px solid #b91c1c;font-weight:700;box-shadow:0 2px 4px #0000004d}.btn-danger:hover{background-color:#ef4444}.btn-success{color:#fff;background-color:#10b981;border:1px solid #059669;width:100%;font-size:15px;font-weight:700;box-shadow:0 2px 4px #0000004d}.btn-success:hover{background-color:#34d399}.char-tooltip{color:#111;z-index:999999;text-align:left;pointer-events:none;background-color:#fdfbf7;border:1px solid #ccc;border-radius:8px;width:max-content;max-width:280px;padding:12px 16px;font-family:sans-serif;position:absolute;box-shadow:0 8px 20px #000c}.char-tooltip-arrow{border-top:8px solid #0000;border-bottom:8px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.char-tooltip-arrow.left{border-left:8px solid #fdfbf7;right:-8px}.char-tooltip-arrow.right{border-right:8px solid #fdfbf7;left:-8px}.char-tooltip-setup{color:#b45309;background-color:#f59e0b26;border-radius:4px;margin-bottom:8px;padding:5px 8px;font-size:12px;font-weight:700}.avatar-popup-content{text-align:center;width:90%;max-width:850px;max-height:90vh;padding-top:clamp(20px,4vh,40px);position:relative;overflow-y:auto}.btn-close-popup{color:#fff;cursor:pointer;background:0 0;border:none;font-size:clamp(20px,3vh,24px);transition:transform .2s;position:absolute;top:15px;right:15px}.btn-close-popup:hover{transform:scale(1.2)}.avatar-grid{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.5vh,15px);margin-top:10px;display:flex}.avatar-img{object-fit:cover;border:2px solid #0000;border-radius:50%;width:clamp(45px,7.5vh,80px);height:clamp(45px,7.5vh,80px);transition:all .2s}.avatar-img.available{cursor:pointer;filter:drop-shadow(0 4px 6px #0009)}.avatar-img.available:hover{transform:scale(1.25)}.avatar-img.used{cursor:not-allowed;filter:grayscale()opacity(.2)}.avatar-empty-text{color:#aaa;padding:20px;font-style:italic}.char-picker-container{background-color:#1e1e1e;border:2px solid #555;border-radius:15px;width:90%;max-width:800px;max-height:90vh;padding:clamp(10px,2vh,20px);position:relative;overflow:hidden auto}.char-picker-header{z-index:10;justify-content:flex-end;margin-bottom:clamp(5px,1vh,10px);display:flex;position:sticky;top:0}.btn-close-picker{color:#fff;cursor:pointer;text-shadow:0 2px 4px #000c;background:0 0;border:none;font-size:clamp(20px,3vh,24px);transition:transform .2s}.btn-close-picker:hover{transform:scale(1.2)}.char-team-section{margin-bottom:clamp(15px,3vh,30px)}.char-team-title{text-transform:capitalize;text-align:center;letter-spacing:1px;margin-top:0;padding-bottom:5px;font-family:sans-serif;font-size:clamp(14px,2vh,16px)}.char-grid{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(10px,2vh,20px);display:flex}.char-item-wrapper{flex-direction:column;align-items:center;width:clamp(50px,8vh,85px);display:flex;position:relative}.char-token-btn{cursor:pointer;filter:drop-shadow(0 4px 8px #0009);background-color:#0000;background-image:url(/icons/token_bg.webp);background-position:50%;background-size:cover;border:none;border-radius:50%;justify-content:center;align-items:center;width:clamp(50px,8vh,85px);height:clamp(50px,8vh,85px);transition:transform .1s;display:flex;position:relative}.char-token-btn:active{transform:scale(.9)}.char-appearance-bar{-webkit-backdrop-filter:blur(5px);z-index:10;background-color:#1e1e1ef2;border-top:1px solid #444;border-radius:0 0 15px 15px;justify-content:flex-start;margin:20px -10px -10px;padding:10px;display:flex;position:sticky;bottom:-10px;left:0}.appearance-select-group{align-items:center;gap:10px;display:flex}.appearance-label{color:#ccc;font-family:sans-serif;font-size:13px}.appearance-select{color:#fff;cursor:pointer;background-color:#222;border:1px solid #555;border-radius:5px;outline:none;padding:6px 10px;font-family:sans-serif;font-size:13px}.chat-trigger-btn{-webkit-backdrop-filter:blur(5px);color:#ccc;cursor:pointer;z-index:9995;background-color:#141414cc;border:1px solid #444;border-left:none;border-radius:0 8px 8px 0;flex-shrink:0;justify-content:center;align-items:center;width:34px;padding:clamp(5px,1vh,10px) 0;transition:all .2s ease-in-out;display:flex;position:fixed;bottom:clamp(200px,70vh,500px);left:0;box-shadow:2px 0 6px #00000080}.chat-trigger-text{writing-mode:vertical-rl;letter-spacing:clamp(0px,.2vh,2px);-webkit-user-select:none;user-select:none;font-size:clamp(10px,1.2vh,13px);font-weight:400;transform:rotate(180deg)}.chat-unread-badge{color:#fff;background-color:#ef4444;border-radius:12px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 4px;font-size:11px;font-weight:700;display:flex;position:absolute;top:10px;box-shadow:0 2px 4px #00000080}.chat-tab-unread{color:#fff;background-color:#ef4444;border-radius:12px;flex:none;justify-content:center;align-items:center;min-width:18px;height:18px;margin-left:6px;padding:0 4px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.chat-wrapper{z-index:9999;pointer-events:none;gap:10px;height:550px;display:flex;position:fixed;bottom:30px;left:20px}.chat-sidebar{pointer-events:auto;flex-direction:column;gap:4px;width:155px;display:flex;overflow-y:visible}.chat-tab{cursor:pointer;box-sizing:border-box;-webkit-backdrop-filter:blur(8px);color:#aaa;background-color:#0000004d;border:1px solid #333;border-radius:5px;align-items:center;width:100%;height:30px;min-height:30px;max-height:30px;padding:0 10px;transition:all .2s ease-in-out;display:flex;box-shadow:0 2px 4px #00000080}.chat-tab.active{color:#fff;background-color:#141414d9;border:1px solid #555}.chat-tab:hover:not(.active){background-color:#14141499}.chat-tab-name{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:auto;font-size:13px;font-weight:400;overflow:hidden}.chat-tab-close{color:#999;cursor:pointer;flex:none;margin-left:8px;font-size:14px;line-height:1}.chat-tab-close:hover{color:#fff}.new-chat-dropdown-toggle{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#aaa;cursor:pointer;box-sizing:border-box;background-color:#0000004d;border:1px dashed #555;border-radius:5px;justify-content:space-between;align-items:center;width:100%;height:30px;min-height:30px;max-height:30px;padding:0 10px;font-size:13px;transition:all .2s;display:flex}.new-chat-dropdown-toggle:hover{background-color:#14141499}.new-chat-dropdown-list{z-index:10000;background-color:#0000;flex-direction:column;gap:4px;width:100%;max-height:180px;padding-top:4px;display:flex;position:absolute;top:100%;left:0;overflow-y:auto}.new-chat-item{cursor:pointer;color:#ccc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-sizing:border-box;background-color:#0000004d;border:1px solid #333;border-radius:5px;align-items:center;height:30px;min-height:30px;max-height:30px;padding:0 10px;font-size:13px;transition:all .2s;display:flex;box-shadow:0 2px 4px #00000080}.new-chat-item:hover{color:#fff;background-color:#141414d9;border:1px solid #555}.chat-main-window{-webkit-backdrop-filter:blur(8px);pointer-events:auto;background-color:#141414d9;border:1px solid #444;border-radius:12px;flex-direction:column;width:280px;display:flex;overflow:hidden;box-shadow:0 8px 32px #000c}.chat-header{background-color:#0006;border-bottom:1px solid #333;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.chat-header-title{color:#fff;margin:0;font-size:15px;font-weight:400}.chat-header-close{color:#aaa;cursor:pointer;background:0 0;border:none;padding:0;font-size:20px;line-height:1}.chat-header-close:hover{color:#fff}.chat-messages-area{flex-direction:column;flex:1;gap:10px;padding:15px;display:flex;overflow-y:auto}.chat-message-bubble{color:#fff;border-radius:12px;max-width:85%;padding:8px 12px;font-size:13px;box-shadow:0 2px 4px #0000004d}.chat-message-bubble.me{background:#0066ccd9;border-bottom-right-radius:4px;align-self:flex-end}.chat-message-bubble.other{background:#323232d9;border-bottom-left-radius:4px;align-self:flex-start}.chat-message-bubble.snooped{background:#8b0000d9;border-bottom-left-radius:4px;align-self:flex-start}.chat-quick-actions{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#0000004d;border-top:1px solid #333;flex-direction:column;gap:8px;padding:10px 15px;display:flex}.chat-quick-row{justify-content:space-between;gap:8px;display:flex}.chat-quick-btn{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fdfbf7;cursor:pointer;text-shadow:0 1px 2px #000c;background-color:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;flex:1;padding:6px;font-family:Sorts Mill Goudy,serif;font-size:13px;transition:all .2s;box-shadow:0 2px 5px #0000004d}.chat-quick-btn:hover{background-color:#ffffff1a}.chat-quick-select{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fdfbf7;cursor:pointer;text-shadow:0 1px 2px #000c;background-color:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;outline:none;flex:1;width:50%;padding:6px 8px;font-family:Sorts Mill Goudy,serif;font-size:13px;box-shadow:0 2px 5px #0000004d}.chat-quick-select option{color:#fdfbf7;text-shadow:none;background-color:#1a1a1a}.chat-input-form{background-color:#0006;border-top:1px solid #333;align-items:center;padding:10px;display:flex}.chat-input-field{color:#fff;background-color:#00000080;border:1px solid #555;border-radius:15px;outline:none;flex:1;min-width:0;padding:8px 12px;font-size:13px}.chat-send-btn{color:#fff;border:none;border-radius:15px;flex-shrink:0;margin-left:8px;padding:8px 15px;font-size:13px;font-weight:700;transition:background .2s}.chat-send-btn:not(:disabled){cursor:pointer;background-color:#06c}.chat-send-btn:disabled{cursor:default;background-color:#444}.draft-container{color:#fdfbf7;background-color:#111;border:1px solid #333;border-radius:15px;width:95%;max-width:1200px;height:90vh;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 40px #000000e6}.draft-sidebar{z-index:10;background-color:#0a0a0a;border-right:1px solid #333;flex-direction:column;align-items:center;width:110px;padding:20px 0;display:flex}.draft-sidebar-title{text-transform:uppercase;letter-spacing:2px;text-align:center;flex-shrink:0;margin:0 0 15px;font-size:13px}.draft-slot{cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:60px;height:60px;transition:all .2s;display:flex;position:relative}.draft-slot.empty{background-color:#ffffff0d;border:2px dashed #444}.draft-slot.filled{filter:drop-shadow(0 2px 4px #0009);background-color:#0000;border:none}.draft-slot:hover{transform:scale(1.05)}.draft-slot-remove{color:#fff;z-index:20;cursor:pointer;background:#dc2626;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;transition:all .2s;display:flex;position:absolute;top:-5px;right:-5px}.draft-slot-remove:hover{background:#ef4444;transform:scale(1.2)}.draft-separator{background-color:#333;flex-shrink:0;width:60%;height:1px;margin:5px 0 20px}.draft-main-area{flex-direction:column;flex:1;padding:20px 0;display:flex}.draft-team-row{width:100%;margin-bottom:25px;display:flex}.draft-team-stats{flex-direction:column;flex-shrink:0;justify-content:flex-start;align-items:center;width:120px;padding-top:35px;display:flex}.draft-team-img{object-fit:contain;filter:drop-shadow(0 2px 4px #0009);width:65px;height:65px}.draft-team-count{margin-top:5px;font-size:24px}.draft-team-count-max{color:#aaa;font-size:18px}.draft-team-content{flex:1;padding-left:20px;padding-right:20px}.draft-team-title{text-transform:capitalize;letter-spacing:1px;text-align:center;margin-top:0;padding-bottom:8px;font-family:sans-serif;font-size:16px}.draft-char-grid{flex-wrap:wrap;justify-content:center;gap:15px;padding:10px 5px;display:flex}.draft-char-item{flex-direction:column;align-items:center;width:90px;display:flex}.draft-token-btn{background-image:url(/icons/token_bg.webp);background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:85px;height:85px;transition:all .2s ease-in-out;display:flex;position:relative}.draft-token-btn.bluff{opacity:.1;cursor:not-allowed;filter:grayscale()}.draft-token-btn.selected{opacity:1;filter:drop-shadow(0 0 12px #fff9);cursor:pointer;transform:scale(1.05)}.draft-token-btn.unselected{opacity:.35;filter:grayscale();cursor:pointer;transform:scale(1)}.draft-token-btn.unselected:hover{opacity:.7;filter:grayscale(50%)}.draft-token-setup-badge{color:#fff;z-index:10;background-color:#f59e0b;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:700;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 4px #00000080}.draft-token-multi-badge{color:#111;z-index:10;background-color:#38bdf8;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:flex;position:absolute;bottom:0;right:-5px;box-shadow:0 2px 4px #000c}.draft-action-bar{background-color:#0a0a0a;border-top:1px solid #333;flex-direction:column;align-items:center;gap:15px;padding:15px 20px;display:flex}.draft-action-btns{gap:15px;display:flex}.draft-btn{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:8px 16px;font-size:16px;transition:background .2s;display:flex}.draft-btn.shuffle{color:#fff;background-color:#0000;border:1px solid #555}.draft-btn.shuffle:hover{background-color:#ffffff0d}.draft-btn.start{color:#fff;background-color:#10b981;border:none;padding:8px 24px}.draft-btn.start:hover:not(:disabled){background-color:#059669}.draft-btn.start:disabled{cursor:not-allowed;opacity:.5;background-color:#333}.draft-btn.cancel{color:#fff;background-color:#8b0000;border:none}.draft-btn.cancel:hover{background-color:#dc2626}.draft-setup-box{background-color:#111;border:1px solid #f59e0b;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:15px;padding:10px 20px;font-size:13px;display:flex}.draft-setup-item{align-items:center;gap:8px;display:flex}.draft-setup-label{color:#ccc}.draft-setup-btn{cursor:pointer;color:#fff;border:none;border-radius:4px;padding:4px 8px;transition:background .2s}.draft-setup-btn.active{background-color:#10b981}.draft-setup-btn.inactive{background-color:#333}.draft-setup-btn.inactive:hover{background-color:#444}.draft-setup-select{color:#fff;background-color:#222;border:1px solid #555;border-radius:4px;outline:none;padding:4px}.draft-picker-box{background-color:#1e1e1e;border:1px solid #444;border-radius:15px;flex-direction:column;width:90%;max-width:750px;max-height:80vh;padding:20px 25px;display:flex;box-shadow:0 15px 50px #000000e6}.draft-picker-header{border-bottom:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;display:flex}.draft-picker-title{text-transform:uppercase;letter-spacing:1px;margin:0;font-size:18px}.draft-picker-grid{flex-wrap:wrap;justify-content:center;gap:15px;padding:10px 0;display:flex}.draft-picker-item{flex-direction:column;align-items:center;width:80px;display:flex}.draft-picker-token{cursor:pointer;filter:drop-shadow(0 4px 8px #0009);background-image:url(/icons/token_bg.webp);background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:70px;height:70px;transition:transform .1s;display:flex;position:relative}.draft-picker-token:active{transform:scale(.9)}@keyframes epicFadeInScale{0%{opacity:0;filter:blur(10px);transform:translate(-50%,-50%)scale(.8)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}.winner-anim{animation:2.5s cubic-bezier(.1,.8,.1,1) forwards epicFadeInScale}.endgame-menu{z-index:70;align-items:center;gap:15px;display:flex;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.endgame-btn{-webkit-backdrop-filter:blur(5px);cursor:pointer;background-color:#191919cc;border-radius:6px;padding:8px 16px;font-family:Sorts Mill Goudy,serif;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 2px 6px #00000080}.endgame-btn.good{color:#10b981;border:1px solid #10b98180}.endgame-btn.evil{color:#ef4444;border:1px solid #ef444480}.endgame-btn:hover{transform:scale(1.05)}.winner-overlay{z-index:2;pointer-events:none;background:radial-gradient(circle,#000000d9 0%,#0000 55%);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:50%;left:50%}.winner-text-container{text-align:center;filter:drop-shadow(0 8px 16px #000c)}.winner-h1{letter-spacing:4px;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #000000b3;margin:0;padding:10px 0;font-family:Sorts Mill Goudy,Georgia,Times New Roman,serif;font-size:clamp(60px,12vh,140px);font-weight:400;line-height:1.1}.winner-h1.good{background:linear-gradient(#60a5fa,#1e3a8a);-webkit-background-clip:text}.winner-h1.evil{background:linear-gradient(#f97316,#991b1b);-webkit-background-clip:text}.winner-h2{color:#fdfbf7;letter-spacing:8px;-webkit-text-stroke:.5px #00000080;margin:0;font-family:Sorts Mill Goudy,serif;font-size:clamp(20px,4vh,40px);font-weight:400}.left-sidebar-container{z-index:9990;background-color:#fdfbf7;border:1px solid #555;border-left:none;border-radius:0 15px 15px 0;flex-direction:column;width:380px;height:auto;min-height:190px;max-height:60vh;transition:left .3s ease-in-out;display:flex;position:fixed;top:auto;bottom:590px;box-shadow:4px 0 15px #000c}.left-sidebar-container.open{left:0}.left-sidebar-container.closed{left:-380px}.left-sidebar-tab-wrapper{z-index:10;flex-direction:column;gap:clamp(2px,.4vh,4px);display:flex;position:absolute;bottom:20px;right:-34px}.left-sidebar-tab{cursor:pointer;border-left:none;border-radius:0 8px 8px 0;flex-shrink:0;justify-content:center;align-items:center;width:34px;padding:clamp(5px,1vh,10px) 0;transition:all .2s ease-in-out;display:flex;box-shadow:2px 0 6px #00000080}.left-sidebar-tab.open{-webkit-backdrop-filter:blur(5px);color:#fff;background-color:#323232f2;border:1px solid #fffc}.left-sidebar-tab.closed{-webkit-backdrop-filter:blur(5px);color:#ccc;background-color:#141414cc;border:1px solid #444}.left-sidebar-tab-text{writing-mode:vertical-rl;letter-spacing:clamp(0px,.2vh,2px);-webkit-user-select:none;user-select:none;font-size:clamp(10px,1.2vh,13px);font-weight:400;transform:rotate(180deg)}.left-sidebar-content{color:#111;z-index:20;flex:1;padding:20px;transition:opacity .2s;position:relative;overflow:visible}.left-sidebar-content.open{opacity:1}.left-sidebar-content.closed{opacity:0;pointer-events:none}.left-sidebar-title{color:#8b0000;text-align:center;text-transform:uppercase;border-bottom:2px solid #8b0000;margin-top:0;padding-bottom:5px}.left-sidebar-grid{flex-wrap:wrap;justify-content:center;gap:15px;margin-top:25px;margin-bottom:10px;display:flex}.left-sidebar-token{filter:drop-shadow(0 4px 8px #00000080);background-image:url(/icons/token_bg.webp);background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;transition:transform .1s;display:flex;position:relative}.left-sidebar-token.st-view{cursor:pointer}.left-sidebar-token.st-view:active{transform:scale(.95)}.left-sidebar-token.player-view{cursor:help}.left-sidebar-empty{color:#666;text-align:center;font-size:14px;font-style:italic}.night-menu-overlay{z-index:9900;pointer-events:none;flex-direction:column;align-items:center;width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.night-menu-box{pointer-events:auto;background-color:#141414f2;border:1px solid #333;border-top:none;border-bottom-right-radius:20px;border-bottom-left-radius:20px;width:100%;max-width:1000px;padding:20px;position:relative;box-shadow:0 10px 30px #000c}.night-btn-close{color:#fff;cursor:pointer;z-index:100;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:24px;transition:transform .2s;display:flex;position:absolute;top:15px;right:15px}.night-btn-close:hover{transform:scale(1.2)}.night-title{color:#fff;text-align:center;margin:0 0 15px;font-weight:400}.night-msg-bar{background-color:#111;border:1px solid #333;border-radius:8px;align-items:center;gap:15px;padding:10px 15px;display:flex}.night-msg-content{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-height:30px;display:flex}.night-tag{color:#fff;border-radius:4px;padding:4px 10px;font-size:13px}.night-tag.general{background-color:#8b0000;border:1px solid #f44}.night-tag.player{background-color:#5b21b6;border:1px solid #a855f7}.night-tag.character{background-color:#004d80;border:1px solid #0ea5e9}.night-tag.system{background-color:#222;border:1px solid #555}.night-btn-delete{color:#aaa;background:0 0;border:none;font-size:18px;transition:transform .2s}.night-btn-delete:hover:not(:disabled){color:#fff;transform:scale(1.1)}.night-btn-delete:disabled{cursor:not-allowed;opacity:.3}.night-btn-send{color:#111;border:none;border-radius:6px;padding:8px 20px;font-weight:700;transition:all .2s}.night-btn-send.ready{cursor:pointer;opacity:1;background-color:#d4af37;box-shadow:0 2px 4px #00000080}.night-btn-send.ready:hover{background-color:#eab308}.night-btn-send.disabled{cursor:not-allowed;opacity:.6;box-shadow:none;background-color:#555}.night-quick-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.night-quick-icon-btn{color:#ccc;cursor:pointer;background-color:#0000;border:1px solid #555;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;width:50px;height:50px;font-size:11px;transition:background .2s;display:flex}.night-quick-icon-btn:hover{background-color:#ffffff0d}.night-quick-icon-btn span{margin-bottom:2px;font-size:18px}.night-controls-row{justify-content:center;align-items:center;gap:15px;display:flex}.night-select{color:#fff;background-color:#222;border:1px solid #555;border-radius:6px;outline:none;width:150px;padding:8px}.night-custom-input-group{display:flex}.night-custom-input{color:#fff;background-color:#222;border:1px solid #555;border-radius:6px 0 0 6px;outline:none;width:120px;padding:8px}.night-custom-btn{color:#fff;cursor:pointer;background-color:#444;border:1px solid #555;border-left:none;border-radius:0 6px 6px 0;padding:8px}.night-custom-btn:hover{background-color:#555}.night-cards-grid{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:10px;display:flex}.night-card{cursor:pointer;text-align:center;color:#fff;text-transform:uppercase;border:2px solid #fff6;border-radius:8px;align-items:flex-end;width:90px;height:130px;padding:10px 5px;font-size:11px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px 6px #00000080}.night-card:hover{transform:translateY(-5px);box-shadow:0 8px 15px #000c}.night-card span{text-shadow:0 2px 4px #000c;width:100%}.reminder-picker-container{background-color:#1e1e1e;border:2px solid #555;border-radius:15px;width:95%;max-width:1050px;max-height:90vh;padding:clamp(10px,2vh,20px);position:relative;overflow:hidden auto}.reminder-empty-text{color:#aaa;text-align:center;padding:60px 0;font-style:italic}.reminder-category-title{color:#d4af37;text-transform:uppercase;letter-spacing:1px;text-align:center;margin:0 0 20px;font-size:14px}.reminder-grid{flex-wrap:wrap;justify-content:center;gap:clamp(8px,1.5vh,15px);display:flex}.reminder-separator{background-color:#333;width:80%;height:1px;margin:15px auto 20px}.reminder-token-btn{-webkit-backdrop-filter:blur(5px);box-sizing:content-box;cursor:pointer;text-align:center;background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:clamp(45px,7.5vh,85px);height:clamp(45px,7.5vh,85px);transition:filter .2s ease-in-out,transform .1s;display:flex;position:relative;overflow:hidden}.reminder-token-btn:active{transform:scale(.9)}.reminder-token-btn.available{filter:drop-shadow(0 4px 6px #00000080)}.reminder-token-btn.available:hover{filter:brightness()opacity()drop-shadow(0 4px 6px #000c)}.reminder-token-btn.used,.reminder-token-btn.used:hover{filter:brightness(.35)opacity(.65)}.reminder-action-bar{border-top:1px solid #333;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding-top:20px;display:grid}.reminder-active-label{color:#aaa;cursor:pointer;align-items:center;gap:8px;font-family:Sorts Mill Goudy,serif;font-size:14px;display:inline-flex}.reminder-active-checkbox{cursor:pointer;accent-color:#777;width:16px;height:16px}.reminder-input-wrapper{align-items:center;display:flex;position:relative}.reminder-custom-input{color:#fdfbf7;background-color:#0006;border:1px solid #ffffff26;border-radius:6px;outline:none;width:240px;padding:8px 40px 8px 12px;font-family:Sorts Mill Goudy,serif;font-size:15px}.reminder-filter-btn{background:0 0;border:none;justify-content:center;align-items:center;height:100%;padding:0 8px;display:flex;position:absolute;right:5px}.reminder-filter-btn.active{color:#ef4444;cursor:pointer}.reminder-filter-btn.inactive{color:#aaa;cursor:default}.reminder-add-btn{color:#aaa;cursor:pointer;letter-spacing:1px;text-transform:uppercase;background-color:#0000;border:1px solid #fff3;border-radius:6px;padding:8px 20px;font-family:Sorts Mill Goudy,serif;font-size:13px;transition:all .3s}.reminder-add-btn:hover{color:#fff;background-color:#ffffff0d}.right-sidebar-container{z-index:9990;background-color:#fdfbf7;border:1px solid #555;border-right:none;border-radius:15px 0 0 15px;flex-direction:column;width:360px;transition:right .3s ease-in-out;display:flex;position:fixed;top:80px;bottom:20px;box-shadow:-4px 0 15px #000c}.right-sidebar-container.open{right:0}.right-sidebar-container.closed{right:-360px}.right-sidebar-tab-wrapper{z-index:10;flex-direction:column;gap:6px;display:flex;position:absolute;top:15px;left:-34px}.right-sidebar-tab{cursor:pointer;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:2px;-webkit-user-select:none;user-select:none;border-right:none;border-radius:8px 0 0 8px;justify-content:center;align-items:center;width:34px;padding:10px 0;font-size:13px;font-weight:400;transition:all .2s ease-in-out;display:flex;box-shadow:-2px 0 6px #00000080}.right-sidebar-tab.open{-webkit-backdrop-filter:blur(5px);color:#fff;background-color:#323232f2;border:1px solid #fffc}.right-sidebar-tab.closed{-webkit-backdrop-filter:blur(5px);color:#ccc;background-color:#141414d9;border:1px solid #444}.right-sidebar-content{color:#111;z-index:20;flex:1;padding:20px;transition:opacity .2s;position:relative}.right-sidebar-content.open{opacity:1}.right-sidebar-content.closed{opacity:0;pointer-events:none}.sidebar-list-title{text-align:center;text-transform:capitalize;border-bottom:2px solid;margin-top:0;padding-bottom:5px;font-size:16px}.sidebar-list-grid{flex-direction:column;gap:12px;display:flex}.sidebar-list-item{border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-height:70px;padding:12px 0;display:flex;position:relative}.sidebar-list-item.standard{background-color:#00000008;border:1px solid #e5e7eb}.sidebar-list-item.special{background-color:#4755690f;border:1px solid #4755694d}.sidebar-list-img-box{width:45px;height:45px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.sidebar-list-text-box{flex-direction:column;align-items:center;width:100%;padding:0 65px;display:flex}.sidebar-list-name{text-align:center;margin-bottom:4px;font-size:15px;font-weight:700}.sidebar-list-desc{color:#444;text-align:center;font-size:12.5px;line-height:1.4}.helper-list-item{border-radius:10px;flex-direction:column;align-items:center;padding:14px 0;transition:all .3s;display:flex;position:relative;box-shadow:0 2px 6px #0000000d}.helper-list-item.standard{background-color:#fff;border:1px solid #d1d5db}.helper-list-item.special{background-color:#4755690f;border:1px solid #4755694d}.helper-list-item.checked{opacity:.45}.helper-img-box{width:40px;height:40px;position:absolute;top:14px;left:12px}.helper-checkbox-btn{cursor:pointer;z-index:10;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex;position:absolute;top:18px;right:12px}.helper-checkbox-btn.unchecked{background-color:#0000;border:2px solid #cbd5e1}.helper-checkbox-btn.checked{background-color:#10b981;border:none}.helper-text-box{flex-direction:column;justify-content:center;align-items:center;width:100%;padding:0 55px;display:flex}.helper-action-box{color:#1f2937;text-align:center;border-radius:6px;width:calc(100% - 24px);margin-top:12px;padding:10px;font-size:13px;line-height:1.4}.helper-action-box.standard{background-color:#f3f4f6}.helper-action-box.special{background-color:#47556914}.helper-action-label{text-transform:uppercase;color:#64748b;letter-spacing:.5px;margin-bottom:4px;font-size:11px;display:block}.jinx-box{background-color:#00000008;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:15px 12px}.jinx-icons-row{justify-content:center;align-items:center;gap:15px;margin-bottom:12px;display:flex}.jinx-icon-bg{filter:drop-shadow(0 2px 4px #0006);background-image:url(/icons/token_bg.webp);background-size:cover;border-radius:50%;justify-content:center;align-items:center;width:55px;height:55px;display:flex}.traveller-recommended-badge{color:#fff;z-index:10;background-color:#10b981;border-radius:50%;justify-content:center;align-items:center;width:clamp(14px,2.5vh,22px);height:clamp(14px,2.5vh,22px);font-size:clamp(8px,1.2vh,12px);font-weight:700;display:flex;position:absolute;top:0;right:0;box-shadow:0 2px 4px #00000080}.voting-overlay{pointer-events:none;z-index:60;width:100%;height:100%;transition:opacity .6s ease-in-out;position:absolute;top:0;left:0}.voting-controls{z-index:70;align-items:center;gap:15px;display:flex;position:absolute;top:78%;left:50%;transform:translate(-50%,-50%)}.voting-btn{-webkit-backdrop-filter:blur(5px);cursor:pointer;letter-spacing:1px;background-color:#14141499;border-radius:6px;padding:8px 24px;font-family:Sorts Mill Goudy,serif;font-size:13px;transition:all .2s;box-shadow:0 4px 6px #00000080}.voting-btn.start{color:#d4af37;border:1px solid #d4af3780;font-weight:700}.voting-btn.start:hover{background-color:#d4af371a}.voting-btn.cancel{color:#aaa;border:1px solid #fff3}.voting-btn.cancel:hover{color:#fff;background-color:#ffffff0d}.voting-btn.close{color:#d4af37;border:1px solid #d4af3780;margin-top:15px;padding:6px 20px;font-size:12px;font-weight:700}.voting-btn.close:hover{background-color:#d4af371a}.voting-result-box{-webkit-backdrop-filter:blur(8px);text-align:center;background-color:#141414e6;border:1px solid #d4af37;border-radius:12px;padding:15px 25px;box-shadow:0 8px 32px #000c}.voting-result-label{color:#d4af37;letter-spacing:1px;text-transform:uppercase;margin:0 0 5px;font-size:12px}.voting-result-number{color:#fdfbf7;margin:0;font-family:sans-serif;font-size:28px;font-weight:700}.voting-info-box{z-index:65;color:#ccc;-webkit-backdrop-filter:blur(5px);text-align:center;pointer-events:none;background-color:#141414d9;border-radius:15px;padding:8px 25px;position:absolute;top:67%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0009}.voting-info-box.standard{border:1px solid #555}.voting-info-box.secret{border:1px solid #5b21b6}.voting-clock-hands{pointer-events:none;z-index:65;width:100%;height:100%;position:absolute;top:0;left:0}.voting-hand{object-fit:contain;transform-origin:50%;position:absolute;top:50%;left:50%}.voting-hand.hour{z-index:65;filter:drop-shadow(0 4px 8px #0009);transition:transform .5s ease-in-out}.voting-hand.minute{z-index:66;filter:drop-shadow(0 6px 10px #000000b3);transition:transform .5s ease-in-out}.voting-hand.second{z-index:67;filter:drop-shadow(0 8px 15px #000c)}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.draft-slot .draft-token-btn{width:100%;height:100%}.volume-slider{-webkit-appearance:none;cursor:pointer;background:#d4af374d;border-radius:2px;outline:none;flex:1;width:100%;min-width:0;height:4px}.volume-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:#fdfbf7;border:none;border-radius:50%;width:14px;height:14px;transition:transform .2s;box-shadow:0 0 5px #000c}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.3)}.volume-slider::-moz-range-thumb{cursor:pointer;background:#fdfbf7;border:none;border-radius:50%;width:14px;height:14px;transition:transform .2s;box-shadow:0 0 5px #000c}.volume-slider::-moz-range-thumb:hover{transform:scale(1.3)}