*{box-sizing:border-box}body{color:#f8fafc;background:radial-gradient(circle at 0 0,#3b82f62e,#0000 28rem),#0f172a;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,.player-header input{min-width:0}input,select{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{width:min(1320px,100%);margin:0 auto;padding:32px 20px}.page-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:28px;display:flex}.eyebrow{color:#93c5fd;letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:13px;font-weight:700}h1,h2,p{margin:0}h1{font-size:clamp(32px,5vw,52px);line-height:1}.site-title{align-items:center;gap:14px;display:inline-flex}.site-title-icon{object-fit:cover;border-radius:12px;flex:none;width:clamp(34px,5vw,52px);height:clamp(34px,5vw,52px)}.primary-button,.secondary-button,.ghost-button{color:#f8fafc;border:0;border-radius:12px;transition:transform .12s,background .2s,opacity .2s}.primary-button{background:#2563eb;padding:12px 16px;font-weight:700}.primary-button:hover{background:#1d4ed8}.secondary-button{background:#334155;padding:9px 12px}.secondary-button:hover{background:#475569}.ghost-button{background:#94a3b824;width:38px;height:38px;font-size:22px;line-height:1}.ghost-button:hover{background:#f871713d}.primary-button:active,.secondary-button:active,.ghost-button:active,.skill-icon-button:active,.boss-icon-button:active{transform:scale(.97)}.empty-state,.zone-panel,.player-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#facc1542,#020617cc);border:1px solid #94a3b838;border-radius:20px;box-shadow:0 18px 60px #00000038}.empty-state{text-align:center;padding:48px 24px}.empty-state h2{margin-bottom:8px}.empty-state p{color:#cbd5e1}.timer-section{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 10% 0,#2563eb24,#0000 34%),#0f172a9e;border:1px solid #94a3b838;border-radius:24px;gap:14px;margin-bottom:18px;padding:16px;display:grid;box-shadow:0 18px 60px #00000038}.section-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-header h2{font-size:clamp(22px,3vw,30px);line-height:1}.boss-section{background:radial-gradient(circle at 12% 0,#f8717124,#0000 34%),#0f172a9e;grid-template-rows:auto auto;align-content:start}.boss-section-header{flex-wrap:wrap;align-items:flex-end}.boss-toggle-group{grid-template-columns:repeat(4,minmax(92px,1fr));gap:8px;display:grid}.boss-toggle{color:#cbd5e1;background:#0f172ac2;border:1px solid #94a3b842;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:38px;padding:7px 9px;font-size:12px;font-weight:900;transition:transform .12s,border-color .2s,background .2s,color .2s;display:inline-flex}.boss-toggle:hover{border-color:#93c5fdb8}.boss-toggle:active{transform:scale(.97)}.boss-toggle-active{color:#f8fafc;background:#2563eb42;border-color:#60a5fabd}.boss-toggle img{object-fit:cover;border-radius:6px;width:22px;height:22px}.boss-grid{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.boss-grid:empty{display:none}.boss-card{background:#0206178f;border:1px solid #94a3b838;border-radius:14px;flex:0 176px;justify-items:center;gap:6px;min-width:0;padding:8px;display:grid;box-shadow:0 6px 16px #00000029}.boss-card h3{color:#f8fafc;text-align:center;margin:0;font-size:13px;font-weight:950;line-height:1}.boss-card-header{justify-content:center;align-items:center;width:100%;min-width:0;display:flex}.boss-card-header h3{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.boss-icon-button{background:#020617;border:1px solid #f8fafc33;border-radius:10px;width:54px;height:54px;padding:0;transition:transform .12s,border-color .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #fbbf2433,0 0 18px #facc1538}.boss-icon-button:hover{border-color:#93c5fdb3}.boss-icon-button:active{transform:scale(.97)}.boss-icon-button-ready{border-color:#22c55ead;box-shadow:inset 0 0 0 1px #22c55e2e,0 0 18px #22c55e2e}.boss-icon{object-fit:cover;width:100%;height:100%;display:block}.boss-icon-muted{filter:grayscale()brightness(.72)}.boss-icon-reveal{-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);pointer-events:none;position:absolute;inset:0}.boss-timer{color:#f8fafc;font-variant-numeric:tabular-nums;text-shadow:0 1px 3px #000000f2;background:linear-gradient(#0206172e,#020617bd);justify-content:center;align-items:center;padding:2px;font-size:12px;font-weight:950;display:flex;position:absolute;inset:0}.boss-timer-ready{color:#86efac}.zones-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:12px;display:grid}.zone-panel{background:radial-gradient(circle at 14% 0,#2563eb24,#0000 42%),#0f172ac2;align-content:start;gap:10px;min-width:0;padding:12px;display:grid}.zone-header{justify-content:flex-end;align-items:center;gap:8px;display:flex}.zone-header .primary-button{width:36px;height:36px;padding:0;font-size:22px;line-height:1}.player-grid{flex-wrap:wrap;align-items:stretch;gap:12px;min-width:0;display:flex}.player-card{background:#0206178f;border-radius:14px;flex:0 366px;grid-template-columns:minmax(12ch,1fr) auto auto;align-items:center;gap:8px;padding:8px;display:grid;box-shadow:0 8px 22px #00000029}.player-header{min-width:0}.player-header input{min-width:0;min-height:46px}.player-name-input{font-weight:900}.delete-player-button{color:#fecaca;align-self:center;font-weight:900}.delete-player-button:hover{color:#fff;background:#f8717147}input,select{color:#f8fafc;background:#020617;border:1px solid #fbbf24bf;border-radius:12px;outline:none;width:100%;padding:10px 12px}input:focus,select:focus{border-color:#60a5fa}select:disabled{opacity:.78}.skills{gap:8px;min-width:max-content;display:grid}.skill-row{grid-template-columns:54px auto;align-items:center;gap:8px;display:grid}.skill-icon-button{background:#020617;border:1px solid #f8fafc33;border-radius:10px;width:54px;height:54px;padding:0;position:relative;overflow:hidden;box-shadow:0 5px 14px #00000038}.skill-icon-button-ready{border-color:#22c55e94;box-shadow:inset 0 0 0 1px #22c55e2e,0 0 14px #22c55e1f}.skill-icon{object-fit:cover;width:100%;height:100%;display:block}.skill-icon-muted{filter:grayscale()brightness(.72)}.skill-icon-reveal{-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);pointer-events:none;position:absolute;inset:0}.timer{color:#cbd5e1;font-variant-numeric:tabular-nums}.ready{color:#22c55e;font-weight:800}@media (width<=640px){.page-header{flex-direction:column;align-items:stretch}.boss-section-header{align-items:stretch}.boss-toggle-group{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.timer-controls{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.timer-controls .secondary-button{white-space:nowrap}.secondary-button:disabled{opacity:.5;cursor:not-allowed}.zone-header-actions{justify-content:flex-end;align-items:center;gap:6px;min-height:38px;display:inline-flex}.zone-class-picker{justify-content:center;align-items:center;display:inline-flex;position:relative}.zone-class-picker:before{content:"";width:190px;height:14px;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.add-player-button{z-index:2;position:relative}.class-selector-popover{z-index:5;opacity:0;pointer-events:none;transform-origin:50% 100%;background:linear-gradient(135deg,#0f172af5,#1e293beb),#020617;border:1px solid #60a5fa52;border-radius:14px;grid-template-columns:repeat(4,38px);gap:7px;padding:8px;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%,8px)scale(.96);box-shadow:0 18px 42px #00000057}.class-selector-popover:after{content:"";background:#0f172af5;border-bottom:1px solid #60a5fa52;border-right:1px solid #60a5fa52;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.zone-class-picker:hover .class-selector-popover{opacity:1;pointer-events:auto;transform:translate(-50%)scale(1)}.class-option,.zone-class-trigger{color:#f8fafc;background:#020617;border:1px solid #94a3b847;border-radius:10px;justify-content:center;align-items:center;padding:0;display:inline-flex}.class-option{width:38px;height:36px;transition:transform .12s,border-color .2s,background .2s,box-shadow .2s}.zone-class-trigger{z-index:2;background:#0f172adb;width:36px;height:36px;position:relative}.class-option:hover{background:#2563eb29;border-color:#93c5fdb8}.class-option:active{transform:scale(.96)}.class-option img,.zone-class-trigger img{border-radius:4px;width:20px;height:20px}.class-option.selected{background:#2563eb3d;border-color:#60a5fa;box-shadow:0 0 0 1px #60a5fa2e}@media (width<=480px){.player-card{grid-template-columns:1fr auto}.player-header{grid-column:1/-1}.skill-row{grid-template-columns:54px 1fr}.timer-controls{justify-content:stretch}.timer-controls .secondary-button{width:100%}}.icon-timer{color:#f8fafc;text-shadow:0 1px 2px #000000e6;font-variant-numeric:tabular-nums;background:linear-gradient(#02061733,#020617b8);justify-content:center;align-items:center;padding:2px;font-size:12px;font-weight:800;display:flex;position:absolute;inset:0}.icon-timer-ready{color:#86efac}.timer-controls{gap:6px}.timer-controls .secondary-button{padding:8px 10px;font-size:13px}.add-time-button{min-width:42px;font-weight:800}.add-time-popover{align-items:end;gap:6px;display:inline-flex}.time-segment{color:#94a3b8;flex-direction:column;gap:2px;font-size:10px;display:inline-flex}.time-input{color:#f8fafc;text-align:center;background:#0f172ae0;border:1px solid #94a3b84d;border-radius:8px;width:38px;padding:4px 6px;font-size:12px;font-weight:700}.time-separator{color:#cbd5e1;padding-bottom:7px;font-weight:700}.apply-time-button{padding:6px 8px}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.5rem;display:flex}.overlay-action{justify-items:end;gap:6px;display:grid}.overlay-button{background:linear-gradient(135deg,#2563ebeb,#0ea5e99e);border:1px solid #60a5fa6b;font-weight:800;box-shadow:0 12px 38px #0ea5e92e}.overlay-button:hover{background:linear-gradient(135deg,#1d4ed8f5,#0284c7c2)}.overlay-support-message{color:#cbd5e1;text-align:right;max-width:280px;font-size:12px;line-height:1.35}.cooldown-overlay-compact{--overlay-card:#0f172ac7;--overlay-border:#94a3b83d;--overlay-player-name-ch:11ch;--overlay-player-card-min-width:calc(var(--overlay-player-name-ch) + 18px);scrollbar-width:none;-ms-overflow-style:none;color:#f8fafc;background:radial-gradient(circle at 8% 0,#2563eb2e,#0000 28%),linear-gradient(135deg,#020617b8,#0f172ae0);width:100%;min-width:0;height:100vh;padding:6px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:auto}.cooldown-overlay-compact::-webkit-scrollbar{width:0;height:0;display:none}.cooldown-overlay-compact-wrapped{min-height:100vh;overflow:hidden}.overlay-control-bar{pointer-events:none;justify-content:space-between;align-items:center;gap:8px;min-width:0;min-height:32px;margin-bottom:5px;display:flex;position:static}.cooldown-overlay-compact-wrapped .overlay-control-bar{margin-bottom:0}.overlay-brand{color:#dbeafe;letter-spacing:.01em;text-shadow:0 1px 8px #0f172ab8;align-items:center;gap:5px;min-width:0;padding:2px 0;font-size:12px;font-weight:900;line-height:1.35;display:inline-flex}.overlay-brand-icon{object-fit:cover;border-radius:5px;flex:none;width:18px;height:18px;box-shadow:0 0 0 1px #93c5fd38}.overlay-brand span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.overlay-wrap-button{color:#f8fafc;pointer-events:auto;background:#2563ebdb;border:1px solid #60a5fa73;border-radius:7px;flex:none;padding:5px 8px;font-size:11px;font-weight:900;line-height:1;transition:transform .12s,background .2s,border-color .2s;box-shadow:0 6px 16px #00000038}.overlay-wrap-button:hover{background:#1d4ed8f5;border-color:#93c5fdd1}.overlay-wrap-button:active{transform:scale(.96)}.overlay-empty-state{border:1px dashed var(--overlay-border);color:#cbd5e1;text-align:center;background:#0206176b;border-radius:10px;place-items:center;min-height:96px;padding:8px;display:grid}.overlay-timer-stack,.overlay-zones{grid-template-columns:minmax(0,1fr);align-content:start;gap:5px;min-width:0;display:grid}.overlay-zone-card,.overlay-player-card{border:1px solid var(--overlay-border);background:var(--overlay-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:9px;min-width:0;box-shadow:0 8px 22px #00000029}.overlay-zone-card{align-content:start;gap:0;padding:0;display:grid;overflow:hidden}.overlay-zone-title{color:#bfdbfe;letter-spacing:.06em;text-transform:uppercase;justify-content:flex-start;align-items:center;gap:0;min-width:0;padding:5px;font-size:11px;font-weight:950;line-height:1;display:flex}.overlay-zone-title span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.overlay-player-list{grid-template-columns:repeat(auto-fit, minmax(var(--overlay-player-card-min-width), 1fr));align-items:stretch;gap:0;width:100%;min-width:0;display:grid}.overlay-player-card{background:#0206178f;width:100%;min-height:40px;padding:2px;display:flex}.overlay-player-name-button{color:#f8fafc;background:linear-gradient(135deg,#facc1542,#020617cc);border:1px solid #fbbf24bf;border-radius:7px;align-items:center;width:100%;min-width:0;padding:6px 8px;transition:transform .12s,border-color .2s,box-shadow .2s,background .2s;display:flex;position:relative;box-shadow:inset 0 0 0 1px #fbbf2433,0 0 18px #facc1538}.overlay-player-name-button:hover{border-color:#60a5fab8;box-shadow:0 0 0 1px #60a5fa2e,0 6px 18px #0ea5e924}.overlay-player-name-button:active{transform:scale(.98)}.overlay-player-name{color:#f8fafc;text-align:left;text-overflow:ellipsis;text-shadow:0 1px 2px #000000b3;white-space:nowrap;width:100%;min-width:0;font-size:14px;font-weight:950;line-height:1;overflow:hidden}.overlay-player-name-button-active{background:#0f172abd;border-color:#94a3b847;box-shadow:0 5px 14px #00000038}.overlay-player-name-button-active .overlay-player-name{opacity:.2}.overlay-player-name-timer{color:#fef08a;font-variant-numeric:tabular-nums;letter-spacing:.04em;text-shadow:0 0 12px #fef08a94,0 2px 10px #000000f2;pointer-events:none;justify-content:center;align-items:center;font-size:16px;font-weight:1000;display:flex;position:absolute;inset:0}.overlay-boss-section{grid-template-columns:repeat(auto-fit,minmax(128px,1fr));align-content:start;gap:4px;min-width:0;display:grid}.overlay-boss-section:empty{display:none}.overlay-boss-card{border:1px solid var(--overlay-border);color:#f8fafc;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0206179e;border-radius:9px;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:5px;min-width:0;min-height:38px;padding:4px;transition:transform .12s,border-color .2s,box-shadow .2s;display:grid;box-shadow:0 8px 22px #00000029}.overlay-boss-card:hover{border-color:#60a5fab8;box-shadow:0 0 0 1px #60a5fa2e,0 6px 18px #0ea5e924}.overlay-boss-card:active{transform:scale(.96)}.overlay-boss-card-ready{border-color:#22c55e94;box-shadow:inset 0 0 0 1px #22c55e2e,0 0 14px #22c55e1f}.overlay-boss-icon-wrap{background:#020617;border:1px solid #94a3b847;border-radius:6px;width:30px;height:30px;display:block;position:relative;overflow:hidden}.overlay-boss-icon{object-fit:cover;width:100%;height:100%;display:block}.overlay-boss-icon-muted{filter:grayscale()brightness(.68)}.overlay-boss-icon-reveal{-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);-webkit-mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);mask-image:conic-gradient(from 0deg, #000 calc(var(--cooldown-progress,0) * 1turn), transparent 0);pointer-events:none;position:absolute;inset:0}.overlay-boss-name{color:#f8fafc;text-align:left;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:12px;font-weight:950;line-height:1;overflow:hidden}.overlay-boss-timer{color:#bfdbfe;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap;font-size:11px;font-weight:950;line-height:1}.overlay-boss-timer-ready{color:#86efac}@media (width<=360px){.header-actions{justify-content:stretch}.header-actions>*,.header-actions button{width:100%}.overlay-support-message{text-align:left;max-width:none}}