@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--bg-page:#0f172a;--bg-card:#1e293b;--bg-card-hover:#334155;--bg-card-down:#1b223c;--border-color:#334155;--primary:#3182f6;--primary-hover:#5294f7;--primary-bg:#3182f61f;--text-primary:#f9fafb;--text-secondary:#adb5bd;--text-tertiary:#6c757d;--text-white:#fff;--success:#10b981;--success-bg:#10b9811f;--danger:#ef4444;--danger-bg:#ef44441f;--warning:#f59e0b;--warning-bg:#f59e0b1f;--shadow-sm:0 2px 8px #0003;--shadow-md:0 8px 24px #0000004d;--shadow-lg:0 16px 40px #0006;--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display:var(--font-sans);--font-body:var(--font-sans);--border-radius-sm:8px;--border-radius-md:16px;--border-radius-lg:24px;font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body.light-theme{--bg-page:#f2f4f6;--bg-card:#fff;--bg-card-hover:#f9fafb;--bg-card-down:#e8eff9;--border-color:#e5e8eb;--primary:#3182f6;--primary-hover:#1b64da;--primary-bg:#eef3fd;--text-primary:#191f28;--text-secondary:#4e5968;--text-tertiary:#8b95a1;--text-white:#fff;--success:#10b981;--success-bg:#eefdf2;--danger:#f04438;--danger-bg:#fdf2f2;--warning:#f59e0b;--warning-bg:#fffdf5;--shadow-sm:0 2px 8px #00000005;--shadow-md:0 8px 24px #0000000a;--shadow-lg:0 16px 40px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-page);color:var(--text-primary);justify-content:center;align-items:flex-start;min-height:100vh;padding:2rem 1rem;transition:background-color .3s,color .3s;display:flex}#root{width:100%;max-width:1200px;margin:0 auto}h1,h2,h3,h4{font-family:var(--font-display);color:var(--text-primary);font-weight:700}h1{letter-spacing:-.02em;font-size:2.5rem}h2{letter-spacing:-.01em;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.5rem}p{color:var(--text-secondary);font-size:.95rem;line-height:1.6}.cardboard-header{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1.2rem 1.8rem;transition:background-color .3s,border-color .3s;display:flex;position:relative}.header-title-container{flex-direction:column;display:flex}.header-title-container h1{color:var(--primary);letter-spacing:-.03em;text-shadow:none;font-size:1.8rem;font-weight:800}.header-subtitle{color:var(--text-secondary);letter-spacing:0;text-transform:none;margin-top:2px;font-size:.78rem;font-weight:500}.glass-panel{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-md);color:var(--text-primary);padding:1.8rem;transition:all .25s cubic-bezier(.25,.8,.25,1)}.glass-panel:hover{box-shadow:var(--shadow-lg)}.btn{font-family:var(--font-sans);border-radius:var(--border-radius-sm);cursor:pointer;letter-spacing:0;box-shadow:none;border:none;justify-content:center;align-items:center;gap:.4rem;padding:.75rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .2s cubic-bezier(.25,.8,.25,1);display:inline-flex}.btn-primary{background:var(--primary);color:var(--text-white)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--primary-bg);color:var(--primary)}.btn-secondary:hover:not(:disabled){background:var(--primary);color:var(--text-white)}.btn-accent{background:var(--danger);color:var(--text-white)}.btn-accent:hover:not(:disabled){background:#d32f2f;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.board-game-map{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-md);padding:2rem 1.8rem;transition:all .3s;position:relative;overflow:hidden}.board-game-path{grid-template-columns:repeat(9,85px);justify-content:start;justify-items:center;gap:1.8rem 0;width:max-content;max-width:100%;padding:1.5rem .5rem;display:grid;overflow-x:auto}.board-connector{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;width:100%;height:120px;font-size:.8rem;display:flex}.board-connector.draft{color:var(--primary);animation:1.5s infinite alternate pulseConnector}@keyframes pulseConnector{0%{opacity:.3}to{opacity:1}}.connector-dots{letter-spacing:1px;opacity:.4;font-weight:500}.connector-footprints{opacity:.7;margin:0 4px;font-size:.85rem}.game-card{aspect-ratio:2/3;width:80px;height:120px;font-family:var(--font-sans);cursor:pointer;-webkit-user-select:none;user-select:none;border:2.5px solid var(--border-color);border-radius:12px;flex-direction:column;justify-content:space-between;align-items:center;padding:.8rem .5rem;font-weight:700;transition:all .2s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001f,0 2px 4px #0000000f}.game-card:before{content:"";border:1px dashed var(--border-color);pointer-events:none;opacity:.7;z-index:1;border-radius:8px;position:absolute;inset:5px}.game-card.face-down{background-color:var(--bg-card-down);border:2.5px solid var(--border-color);background-image:repeating-linear-gradient(45deg,#3182f60a 0 2px,#0000 2px 10px),linear-gradient(135deg,#ffffff08 0%,#0000000d 100%);box-shadow:inset 0 0 15px #0003,0 4px 8px #0000001f}.game-card.face-down:after{content:"?";color:var(--primary);opacity:.85;text-shadow:0 2px 4px #00000026;z-index:2;font-size:1.8rem;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.game-card.face-up{background-color:var(--bg-card);color:var(--text-primary);border:2.5px solid var(--border-color)}.game-card.face-up .card-num{z-index:2;color:var(--text-primary)!important}.game-card.face-up .card-footprints{z-index:2;color:var(--primary)!important}.game-card:hover:not(.disabled){border-color:var(--primary);transform:translateY(-6px)scale(1.02);box-shadow:0 12px 20px #0000002e,0 4px 8px #0000001a}.game-card:hover:not(.disabled):before{border-color:var(--primary)}.game-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary), 0 12px 20px #0000002e;transform:translateY(-6px)}.game-card.selected:before{border-color:var(--primary)}.game-card.disabled{opacity:.45;cursor:not-allowed}.card-num{color:var(--text-primary);text-shadow:none;font-size:1.5rem;font-weight:800}.card-footprints{color:var(--primary);gap:1px;font-size:.65rem;display:flex}.board-pawn{color:var(--text-white);z-index:10;white-space:nowrap;box-shadow:var(--shadow-sm);pointer-events:none;border-radius:12px;padding:2px 8px;font-size:.68rem;font-weight:700;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.board-pawn:before{display:none!important}.board-pawn.fugitive{background:var(--text-primary);color:var(--bg-card);border:1px solid var(--border-color)}.board-pawn.marshal{background:var(--primary);color:var(--text-white);border:1px solid var(--primary)}.board-pawn.fugitive:after{content:"👤 도망자"!important;display:inline-block!important}.board-pawn.marshal:after{content:"👮 수사관"!important;display:inline-block!important}.peg-board{background:var(--bg-page);border-radius:var(--border-radius-sm);box-shadow:none;border:1px solid var(--border-color);padding:10px 14px}.peg-track{justify-content:space-between;align-items:center;gap:4px;margin-top:6px;display:flex}.peg-hole{background:var(--border-color);height:6px;box-shadow:none;border-radius:3px;flex:1;position:relative}.peg-hole.filled{background:var(--primary)}.wooden-peg{display:none!important}.notepad-log{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);background-image:none;min-height:250px;padding:1.2rem 1.5rem}.notepad-log:before{display:none}.log-panel{scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;flex-direction:column;gap:8px;max-height:250px;padding:0;font-size:.88rem;line-height:1.8;display:flex;overflow-y:auto}.log-panel::-webkit-scrollbar{width:4px}.log-panel::-webkit-scrollbar-thumb{background-color:var(--border-color);border-radius:4px}.log-entry{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-sans);border-left:none;border-radius:8px;padding:6px 12px}.log-entry.FUGITIVE{background:var(--danger-bg);color:var(--danger);font-weight:600}.log-entry.MARSHAL{background:var(--primary-bg);color:var(--primary);font-weight:600}.log-entry-info{background:var(--bg-page);color:var(--text-secondary)}.detective-notepad{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);background-image:none;padding:1.2rem}.detective-notepad:before{display:none}.notepad-grid{grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px;margin-top:.8rem;display:grid}.notepad-cell{aspect-ratio:1;cursor:pointer;-webkit-user-select:none;user-select:none;background:var(--bg-page);color:var(--text-secondary);border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;transition:all .15s;display:flex}.notepad-cell:hover{background:var(--bg-card-hover);border-color:var(--border-color)}.notepad-cell.strikethrough{opacity:.35;text-decoration:line-through;background:var(--bg-page)!important;color:var(--text-tertiary)!important}.notepad-cell.strikethrough:after,.notepad-cell.strikethrough:before{display:none}.notepad-cell.suspect{border-color:var(--danger)!important;background:var(--danger-bg)!important;color:var(--danger)!important}.notepad-cell.suspect:after{display:none}.notepad-cell.clue{background:var(--warning-bg)!important;border:1px solid var(--warning)!important;color:var(--warning)!important}.notepad-cell.clue:after{display:none}.notepad-cell.revealed{box-shadow:var(--shadow-sm);font-weight:700;transform:none;background:var(--primary)!important;border:1px solid var(--primary)!important;color:var(--text-white)!important}.notepad-cell.private-hideout{box-shadow:var(--shadow-sm);font-weight:700;transform:none;background:var(--primary-bg)!important;border:1.5px dashed var(--primary)!important;color:var(--primary)!important}.notepad-cell.hand{box-shadow:var(--shadow-sm);font-weight:700;transform:none;background:var(--success)!important;border:1px solid var(--success)!important;color:var(--text-white)!important}.notepad-cell.sprint{box-shadow:var(--shadow-sm);font-weight:700;transform:none;background:var(--warning)!important;border:1px solid var(--warning)!important;color:var(--text-white)!important}.physical-deck{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-sm);width:110px;height:150px;box-shadow:1px 1px 0 var(--border-color), 2px 2px 0 var(--bg-card), 3px 3px 0 var(--border-color), 4px 4px 0 var(--bg-card), 5px 5px 12px #00000026;transition:all .2s cubic-bezier(.25,.8,.25,1);position:relative}.physical-deck.empty{opacity:.3;background:var(--bg-page);cursor:not-allowed;border-style:dashed;box-shadow:none!important}.physical-deck.can-draw{border-color:var(--primary);animation:1.6s ease-in-out infinite pulse-draw-deck}.draw-instructions-banner{text-align:center;background:var(--primary-bg);border-radius:var(--border-radius-md);margin-top:1.5rem;padding:.8rem 1.5rem}.draw-pulsing-badge{background-color:var(--primary);color:var(--text-white);z-index:10;opacity:0;visibility:hidden;pointer-events:none;border-radius:99px;padding:3px 8px;font-size:.68rem;font-weight:800;transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);animation:1.2s ease-in-out infinite bounce-draw-badge;position:absolute;top:10px;right:10px;box-shadow:0 4px 10px #3182f666}.physical-deck.can-draw:hover .draw-pulsing-badge{opacity:1;visibility:visible}@keyframes bounce-draw-badge{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes pulse-draw-deck{0%{box-shadow:1px 1px 0 var(--primary), 2px 2px 0 var(--bg-card), 3px 3px 0 var(--primary), 4px 4px 0 var(--bg-card), 0 0 8px #3182f64d;transform:scale(1)}50%{box-shadow:1px 1px 0 var(--primary), 2px 2px 0 var(--bg-card), 3px 3px 0 var(--primary), 4px 4px 0 var(--bg-card), 0 0 20px #3182f6a6;border-color:var(--primary-hover);transform:scale(1.03)translateY(-2px)}to{box-shadow:1px 1px 0 var(--primary), 2px 2px 0 var(--bg-card), 3px 3px 0 var(--primary), 4px 4px 0 var(--bg-card), 0 0 8px #3182f64d;transform:scale(1)}}@keyframes pulse-draw-banner{0%{border-color:#3182f659;box-shadow:0 0 4px #3182f626}to{border-color:var(--primary);box-shadow:0 0 15px #3182f673}}.physical-deck:hover:not(.empty){border-color:var(--primary);box-shadow:1px 1px 0 var(--primary), 3px 3px 0 var(--bg-card), 5px 5px 0 var(--primary), 7px 7px 0 var(--bg-card), 9px 9px 16px #0003;transform:translate(-3px,-7px)}.deck-count-badge{background:var(--primary-bg);color:var(--primary);border:none;border-radius:4px;padding:3px 8px;font-size:.75rem;font-weight:600}.status-bar{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);color:var(--text-primary);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1.5rem;font-size:.92rem;display:flex}.turn-indicator{border-radius:var(--border-radius-sm);border:1px solid var(--border-color);justify-content:center;align-items:center;padding:.4rem 1rem;display:inline-flex}.turn-indicator.active{background:var(--primary-bg);border-color:var(--primary);color:var(--primary);animation:1.5s infinite alternate pulseActiveTurn}.turn-indicator.inactive{background:var(--bg-page);border-color:var(--border-color);color:var(--text-secondary)}@keyframes pulseActiveTurn{0%{box-shadow:0 0 2px #3182f633}to{box-shadow:0 0 8px #3182f666}}.rules-reference-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);padding:1.2rem}.rules-reference-card h3{border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.overlay-screen{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:2000;background:#0f172a59;justify-content:center;align-items:center;animation:.25s ease-out fadeIn;display:flex;position:fixed;inset:0}.overlay-title.FUGITIVE{color:var(--danger);text-shadow:none}.overlay-title.MARSHAL{color:var(--primary);text-shadow:none}.modal-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0f172a99;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);box-shadow:var(--shadow-lg);border-radius:var(--border-radius-md);z-index:1001;padding:2.2rem;animation:.25s cubic-bezier(.34,1.56,.64,1) scaleUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.draft-card{color:var(--text-tertiary);opacity:.65;cursor:default;background:0 0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.25,.8,.25,1);display:flex;border:2px dashed var(--border-color)!important}.draft-card:not(.active){animation:2s ease-in-out infinite pulseDraftTarget}@keyframes pulseDraftTarget{0%{border-color:var(--border-color);box-shadow:none;transform:scale(1)}50%{border-color:var(--primary);transform:scale(1.02);box-shadow:0 0 12px #3182f626}to{border-color:var(--border-color);box-shadow:none;transform:scale(1)}}.draft-card.active{opacity:1;transform:translateY(-6px);border-style:solid!important}.draft-card.active.valid{box-shadow:0 0 0 3px var(--bg-page), 0 0 0 5px var(--primary), 0 12px 24px #3182f64d;animation:1s infinite alternate pulseValidPlacement;border-color:var(--primary)!important;background:var(--primary-bg)!important;color:var(--primary)!important}@keyframes pulseValidPlacement{0%{box-shadow:0 0 0 3px var(--bg-page), 0 0 0 5px var(--primary), 0 8px 16px #3182f633}to{box-shadow:0 0 0 3px var(--bg-page), 0 0 0 6px var(--primary), 0 16px 32px #3182f673}}.draft-card.active.invalid{box-shadow:0 0 0 3px var(--bg-page), 0 0 0 5px var(--danger), 0 8px 16px #f0443840;animation:.25s ease-in-out infinite alternate shakeInvalidPlacement;border-color:var(--danger)!important;background:var(--danger-bg)!important;color:var(--danger)!important}@keyframes shakeInvalidPlacement{0%{transform:translateY(-6px)translate(-2px)}to{transform:translateY(-6px)translate(2px)}}.game-card.private{opacity:.9;border-style:dashed!important}.sprint-dot{background-color:var(--primary)!important;border-radius:50%!important;width:8px!important;height:8px!important;display:inline-block!important;box-shadow:0 1px 3px #3182f64d!important}.cyber-input{background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-primary);border-radius:var(--border-radius-sm);font-family:var(--font-sans);width:100%;box-shadow:none;outline:none;padding:.8rem 1rem;font-size:.95rem;transition:all .2s}.cyber-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-bg)}.cyber-input:disabled{opacity:.5;background:var(--bg-page);cursor:not-allowed}.cyber-label{font-family:var(--font-sans);text-transform:none;letter-spacing:0;color:var(--text-secondary);margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:block}.toast-container{z-index:1001;pointer-events:none;flex-direction:column;gap:.9rem;width:min(92vw,640px);max-width:min(92vw,640px);display:flex;position:fixed;top:1.5rem;left:50%;transform:translate(-50%)}.toast{border:1px solid var(--border-color);border-left:4px solid var(--primary);color:var(--text-primary);font-family:var(--font-sans);pointer-events:auto;background:#fffffffa;border-radius:24px;width:100%;padding:1.35rem 1.5rem;font-size:1rem;line-height:1.5;animation:.3s cubic-bezier(.25,.8,.25,1) slideIn;position:relative;box-shadow:0 22px 60px #00000038}.toast-header{align-items:center;gap:.75rem;margin-bottom:.55rem;display:flex}.toast-icon{background:var(--primary-bg);width:2rem;height:2rem;color:var(--primary);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;font-weight:800;display:inline-flex}.toast-title{font-size:1.1rem;line-height:1.2}.toast-message{color:var(--text-primary);font-size:1rem;line-height:1.45}.toast-success{border-left-color:var(--success)}.toast-success .toast-icon{background:var(--success-bg);color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-error .toast-icon{background:var(--danger-bg);color:var(--danger)}.toast-warning{border-left-color:var(--warning)}.toast-warning .toast-icon{background:var(--warning-bg);color:var(--warning)}.toast-info{border-left-color:var(--primary)}.toast-info .toast-icon{background:var(--primary-bg);color:var(--primary)}.toast:after{display:none!important}@keyframes slideIn{0%{opacity:0;transform:translateY(18px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=640px){.toast-container{width:min(92vw,640px)}.toast{border-radius:20px;padding:1.1rem 1.2rem}.toast-title{font-size:1rem}.toast-message{font-size:.94rem}}.connection-badge{font-size:.75rem;font-family:var(--font-sans);letter-spacing:0;background:var(--bg-page);border:1px solid var(--border-color);box-shadow:none;color:var(--text-secondary);border-radius:20px;align-items:center;gap:.4rem;padding:.4rem .8rem;font-weight:600;display:inline-flex}.connection-badge .dot{border-radius:50%;width:6px;height:6px;display:inline-block}.connection-badge.connected .dot{background-color:var(--success)}.connection-badge.connecting .dot{background-color:var(--warning);animation:1s infinite alternate pulse}.connection-badge.disconnected .dot{background-color:var(--danger)}@keyframes pulse{0%{opacity:.4}to{opacity:1}}.cyber-table{border-collapse:collapse;text-align:left;width:100%;margin-top:1rem;font-size:.88rem}.cyber-table th{font-family:var(--font-sans);color:var(--text-tertiary);text-transform:none;letter-spacing:0;border-bottom:1px solid var(--border-color);text-align:center;padding:.8rem 1rem;font-size:.82rem;font-weight:600}.cyber-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);font-family:var(--font-sans);text-align:center;padding:1rem}.cyber-table tr:hover td{background:var(--bg-page)}.copied-tip{font-size:.7rem;font-family:var(--font-sans);color:var(--primary);border:1px solid var(--primary);background:var(--primary-bg);border-radius:4px;margin-left:.5rem;padding:1px 6px;font-weight:700;display:inline-block}.board-scroll-container{border-radius:var(--border-radius-md);background:var(--bg-page);scrollbar-width:thin;scrollbar-color:var(--border-color) transparent;padding:1.5rem .5rem;overflow-x:auto}.sprint-dot-container{flex-wrap:wrap;justify-content:center;gap:4px;max-width:80px;margin-top:.5rem;display:flex}.sprint-dot{background-color:var(--primary);width:6px;height:6px;box-shadow:none;border:none;border-radius:50%}.sprint-number-badge{background:var(--primary-bg);color:var(--primary);font-size:.65rem;font-family:var(--font-sans);border:none;border-radius:4px;padding:2px 6px;font-weight:600}.game-card.sprint-selected{transform:translateY(-6px);border-color:var(--warning)!important;box-shadow:0 0 0 2px var(--warning), var(--shadow-md)!important}.game-card.target-selected{transform:translateY(-6px);border-color:var(--primary)!important;box-shadow:0 0 0 2px var(--primary), var(--shadow-md)!important}.card-action-menu{background:var(--bg-card);border-top:1px solid var(--border-color);z-index:10;flex-direction:column;gap:4px;padding:6px;transition:transform .2s cubic-bezier(.25,.8,.25,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -4px 12px #0000000d}.game-card:hover .card-action-menu{transform:translateY(0)}.card-action-btn{text-align:center;background:var(--bg-page);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;text-transform:none;font-size:.7rem;font-weight:600;font-family:var(--font-sans);border-radius:4px;padding:6px 0;transition:all .15s}.card-action-btn:hover{background:var(--primary);color:var(--text-white);border-color:var(--primary)}.card-action-btn.accent:hover{background:var(--success);color:var(--text-white);border-color:var(--success)}.card-badge{font-size:.65rem;font-weight:600;font-family:var(--font-sans);border:none;border-radius:4px;padding:2px 6px;position:absolute;top:4px;right:4px}.card-badge.target{background-color:var(--primary);color:var(--text-white)}.card-badge.sprint{background-color:var(--warning-bg);color:var(--warning)}.form-group{margin-bottom:1.2rem}.server-config-trigger{color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;font-family:var(--font-sans);text-transform:uppercase;transition:color .2s}.server-config-trigger:hover{color:var(--primary)}.w-full{width:100%}.draw-effect-overlay{-webkit-backdrop-filter:blur(12px);z-index:10000;pointer-events:auto;cursor:pointer;background:#0f172abf;flex-direction:column;justify-content:center;align-items:center;animation:.25s forwards fadeIn;display:flex;position:fixed;inset:0}.draw-effect-container{flex-direction:column;align-items:center;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards scaleUp;display:flex}.draw-effect-title{font-family:var(--font-sans);letter-spacing:-.02em;text-align:center;text-shadow:0 4px 12px #00000059;color:var(--text-primary);margin-bottom:1.5rem;font-size:1.4rem;font-weight:800;animation:.4s cubic-bezier(.16,1,.3,1) .1s both slideDownText}.draw-effect-title.fugitive{color:var(--danger);text-shadow:0 0 15px #ef444466}.draw-effect-title.marshal{color:var(--primary);text-shadow:0 0 15px #3182f666}.draw-effect-card{background-color:var(--bg-card);border:3px solid var(--border-color);border-radius:var(--border-radius-md);width:160px;height:240px;transform-style:preserve-3d;flex-direction:column;justify-content:space-between;align-items:center;padding:1.5rem 1rem;transition:transform .3s,box-shadow .3s;animation:.6s cubic-bezier(.175,.885,.32,1.275) .15s both cardReveal;display:flex;position:relative;box-shadow:0 25px 50px -12px #0009,0 0 30px #3182f626}.draw-effect-card.fugitive{border-color:var(--danger);box-shadow:0 25px 50px -12px #0009,0 0 30px #ef44444d}.draw-effect-card.marshal{border-color:var(--primary);box-shadow:0 25px 50px -12px #0009,0 0 30px #3182f659}.draw-effect-number{color:var(--text-white);text-shadow:0 4px 10px #0000004d;font-size:3.5rem;font-weight:900;line-height:1}.draw-effect-card.fugitive .draw-effect-number{color:var(--danger)}.draw-effect-card.marshal .draw-effect-number{color:var(--primary)}.draw-effect-footprints{color:var(--text-secondary);background:#ffffff14;border-radius:99px;align-items:center;gap:4px;padding:.3rem .7rem;font-size:1.1rem;font-weight:700;display:flex}.draw-effect-card.fugitive .draw-effect-footprints{background:var(--danger-bg);color:var(--danger)}.draw-effect-card.marshal .draw-effect-footprints{background:var(--primary-bg);color:var(--primary)}.draw-effect-badge{text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.75rem;font-weight:800}.draw-effect-card.fugitive .draw-effect-badge{background:var(--danger);color:var(--text-white)}.draw-effect-card.marshal .draw-effect-badge{background:var(--primary);color:var(--text-white)}.draw-effect-hint{color:var(--text-secondary);opacity:.8;margin-top:1.5rem;font-size:.85rem;animation:1.5s ease-in-out infinite pulseOpacity}@keyframes slideDownText{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes cardReveal{0%{opacity:0;transform:translateY(30px)rotateY(-30deg)scale(.9)}to{opacity:1;transform:translateY(0)rotateY(0)scale(1)}}@keyframes pulseOpacity{0%,to{opacity:.4}50%{opacity:.9}}