*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 0% 0%,#26264a 0,transparent 55%),radial-gradient(circle at 100% 0%,#1f3b4d 0,transparent 55%),linear-gradient(180deg,#050509,#050509);color:#e5e7ef;background-repeat:cover;background-size:100% auto}.app-shell{min-height:100vh;padding:24px 16px 40px;display:flex;justify-content:center}.app-container{max-width:1400px;min-width:900px;margin:0 auto;padding:16px 24px 32px}.card{background:#0f0f1cf5;border-radius:16px;padding:20px 18px;border:1px solid rgba(99,102,241,.25);box-shadow:0 18px 45px #000000bf,0 0 0 1px #0f172acc;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.card+.card{margin-top:16px}h1,h2,h3,h4{margin:0 0 10px}label{font-size:14px;display:block;margin-bottom:6px;color:#9ca3af}input[type=text],input[type=number],textarea{width:100%;background:#050815;border-radius:10px;border:1px solid #262c40;padding:8px 10px;color:#e5e7ef;font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}input[type=text]:focus,input[type=number]:focus,textarea:focus{border-color:#6366f1;box-shadow:0 0 0 1px #6366f199;background:#050819}button{border:none;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:500;cursor:pointer;background:radial-gradient(circle at 0 0,#6366f1 0,#4f46e5 40%,#0ea5e9 120%);color:#f9fafb;box-shadow:0 10px 30px #0f172ae6,0 0 0 1px #4f46e599;transition:transform .1s ease,box-shadow .1s ease,opacity .15s ease}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 40px #0f172af2,0 0 0 1px #60a5fa99}button:disabled{opacity:.5;cursor:default}button.secondary{background:transparent;border-radius:999px;border:1px solid rgba(148,163,184,.6);box-shadow:none;color:#e5e7eb}button.secondary:hover:not(:disabled){border-color:#d1d5dbe6}.character-table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:13px}.character-table th,.character-table td{border:1px solid #1f2937;padding:6px 8px;vertical-align:top;width:110px;max-width:110px;height:80px}.character-table th{background:#111827;font-weight:600;text-align:left;white-space:normal}.character-table td,.character-name-cell{white-space:normal;word-break:break-word}.character-value{white-space:normal;word-break:break-word}.character-table th:first-child{border-top-left-radius:10px}.character-table th:last-child{border-top-right-radius:10px}.character-table.special th,.character-table.special td{width:auto;max-width:none}.character-table.special th:first-child,.character-table.special td:first-child{width:123px;max-width:123px}.character-key{color:#9ca3af;font-size:12px;white-space:nowrap}.character-value-muted{color:#4b5563;font-style:italic}.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:3px 10px;font-size:11px;background:#0f172af2;border:1px solid rgba(55,65,81,.9);color:#e5e7eb}.pill-dot{width:7px;height:7px;border-radius:999px;background:#22c55e}.pill-dot.offline{background:#ef4444}.badge-host{font-size:11px;border-radius:999px;padding:2px 8px;border:1px solid rgba(251,191,36,.8);color:#fde68a;background:#78350f4d;margin-left:6px}.badge-eliminated{font-size:11px;border-radius:999px;padding:2px 8px;border:1px solid rgba(248,113,113,.8);color:#fecaca;background:#7f1d1d66;margin-left:6px}.character-name-cell{white-space:nowrap}.character-value{display:block;width:100%;overflow:hidden}.th-label{display:inline-flex;align-items:center;gap:4px}.th-tooltip{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:999px;border:1px solid #4b5563;font-size:10px;line-height:1;cursor:default;position:relative;color:#e5e7eb}.th-tooltip:after{content:attr(data-tooltip);position:absolute;left:50%;bottom:120%;transform:translate(-50%);pointer-events:none;white-space:normal;max-width:260px;padding:6px 8px;border-radius:6px;background:#111827;color:#e5e7eb;font-size:11px;line-height:1.3;opacity:0;visibility:hidden;box-shadow:0 10px 25px #0009;z-index:50}.th-tooltip:hover:after{opacity:1;visibility:visible}.player-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,auto);grid-auto-flow:column;column-gap:48px;row-gap:12px}.player-info-cell{padding-bottom:10px;border-bottom:1px dashed rgba(55,65,81,.8)}.player-info-label{font-size:12px;color:#9ca3af;margin-bottom:4px}.player-info-value-row{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.player-info-value{font-size:13px;white-space:pre-line}.lock-button{border:none;outline:none;padding:0;width:28px;height:28px;border-radius:999px;background:#111827;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#f97316;flex-shrink:0}.lock-button.open{background:#064e3b;color:#a7f3d0}.lock-button:disabled{cursor:default;opacity:.85}.lock-button-icon{font-size:14px;line-height:1}.character-table.special{width:100%;table-layout:fixed}.character-table.special th:nth-child(1),.character-table.special td:nth-child(1){width:123px;max-width:123px}.profession-cell{position:relative}.profession-main{position:relative;padding-right:20px}.profession-tooltip-icon{position:absolute;top:0;right:0;width:16px;height:16px;border-radius:999px;border:1px solid #4b5563;background:#111827;font-size:10px;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:default;color:#e5e7eb}.profession-tooltip-icon:hover{background:#1f2937}.tooltip-wrapper{position:relative;display:inline-block;padding-right:24px}.tooltip-icon{position:absolute;top:0;right:0;width:18px;height:18px;border-radius:999px;border:1px solid #4b5563;background:#111827;font-size:11px;display:flex;align-items:center;justify-content:center;color:#d1d5db;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2}.tooltip-icon:hover{background:#1f2937}.tooltip-bubble{position:absolute;top:0;left:-10px;width:260px;transform:translateY(-100%);margin-top:-6px;background:#000e;color:#f3f4f6;padding:8px 10px;border-radius:6px;font-size:12px;line-height:1.35;max-width:260px;white-space:normal;word-break:normal;box-shadow:0 0 10px #000a;opacity:0;pointer-events:none;transition:opacity .12s ease-out;z-index:3}.tooltip-wrapper:hover .tooltip-bubble{opacity:1}.character-table tbody tr.eliminated-row{opacity:.35;filter:grayscale(.7)}.vote-section{font-size:13px;color:#e5e7eb}.vote-bars{margin-top:8px;display:flex;flex-direction:column;gap:6px}.vote-bar-row{display:flex;flex-direction:column;gap:4px}.vote-bar-label{display:flex;justify-content:space-between;font-size:12px;color:#d1d5db}.vote-bar-track{width:100%;height:16px;border-radius:999px;background:#111827;border:1px solid #1f2937;overflow:hidden}.vote-bar-fill{height:100%;border-radius:999px;background:radial-gradient(circle at 0 0,#6366f1 0,#4f46e5 40%,#0ea5e9 120%)}.character-cell-glow{position:relative}.character-cell-glow:after{content:"";position:absolute;top:-3px;bottom:-3px;left:-3px;right:-3px;border-radius:6px;pointer-events:none;z-index:2;box-shadow:0 0 6px 2px #6366f1e6,0 0 12px 4px #a855f799,0 0 18px 6px #ec489959;opacity:0;animation:glow-outline-fade 1.6s ease-out forwards}@keyframes glow-outline-fade{0%{opacity:0;transform:scale(.98)}20%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}