:root{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#f3f0ff;background:#0b0b17;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% -12%,#30234d 0,transparent 31%),radial-gradient(circle at 100% 35%,#172147 0,transparent 30%),#0b0b17}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(#0009,transparent 80%)}
button,input,select{font:inherit}button{cursor:pointer;border:1px solid #47456a;background:#25233b;color:#f4efff;border-radius:10px;padding:10px 14px;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}
button:hover{transform:translateY(-1px);border-color:#a585f2;background:#30294c}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #cb8cff;outline-offset:2px}button:disabled{opacity:.42;cursor:not-allowed;transform:none}
.primary{background:linear-gradient(135deg,#b65cff,#6d45e8);border-color:#b876ff;color:white;font-weight:800;box-shadow:0 6px 20px #7b3de53a}.primary:hover{background:linear-gradient(135deg,#c373ff,#8058f0);box-shadow:0 7px 24px #a75bff55}.danger{color:#ffabb8;border-color:#9d415e;background:#3a2037}
.shell{max-width:1480px;margin:auto;padding:0 28px 56px}header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #45406477}header>div:first-child{display:flex;gap:10px;align-items:center}.mark{display:grid;place-items:center;color:#f0b0ff;background:#7e3fc62a;border:1px solid #a96cff77;border-radius:12px;font-size:24px;width:38px;height:38px;box-shadow:0 0 20px #a359ed33}header strong{font-size:18px;letter-spacing:1px}header small{color:#9b96b4;border-left:1px solid #625a7d;padding-left:11px}
#identity{display:flex;align-items:center;gap:10px}.identity-name{font-weight:800}.identity-role{font-size:12px;border:1px solid #7d5aa2;background:#8e47c42a;color:#dfb9ff;padding:5px 10px;border-radius:999px}#logout,#sound-toggle{font-size:12px;padding:8px 11px}#sound-toggle[aria-pressed="true"]{color:#dcb6ff;border-color:#a876d7;background:#4f316b}.muted{color:#aaa6c1}.tiny{font-size:12px}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#bb94ff;font-weight:900;margin:0 0 7px}h1,h2,p{overflow-wrap:anywhere}
.panel{background:linear-gradient(145deg,#1b1a2eeb,#171727ed);border:1px solid #58517a;border-radius:18px;padding:23px;box-shadow:0 14px 40px #05030c35}.auth{max-width:460px;margin:72px auto;padding:30px;position:relative;overflow:hidden}.auth::before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#f480e3,#8046f5,#6c9dff)}.auth h1{font-size:32px;line-height:1.2;margin:14px 0}.auth p{line-height:1.6}form label{display:block;color:#d9d2ee;font-size:13px;margin:14px 0 5px}input,select{width:100%;background:#10101d;border:1px solid #5b5477;color:#f7f4ff;border-radius:9px;padding:11px;margin-top:6px;outline:none}input:focus,select:focus{border-color:#b57bfa}.auth form>.primary{width:100%;margin-top:20px;padding:13px}
.hero{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;overflow:hidden;margin-top:28px;padding:29px 36px;border:1px solid #7253a36e;border-radius:23px;background:linear-gradient(105deg,#241834 0%,#1a1a32 54%,#171b38 100%);box-shadow:inset 0 1px #ffffff16,0 16px 48px #0905195e}.hero::after{content:"";position:absolute;width:370px;height:370px;right:-80px;top:-210px;border-radius:50%;background:#ac59ec30;filter:blur(30px)}.hero-copy{position:relative;z-index:1}.hero h1{font-size:clamp(27px,3.2vw,47px);line-height:1.15;letter-spacing:1px;margin:7px 0 10px;color:#f4b9ff;text-shadow:0 0 26px #d564f466}.hero h1 span{display:block;color:#f9f6ff;font-size:.47em;margin-top:10px;letter-spacing:4px;font-weight:650;text-shadow:none}.hero-copy>p:last-of-type{font-size:14px;color:#b8b3cf;margin:15px 0 0}.hero-time{color:#9992b7;font-size:11px;margin-top:16px}.hero-time strong{color:#d9c1ff;margin-left:5px;font-variant-numeric:tabular-nums}.hero-orbit{width:132px;height:132px;border:1px solid #a977e9aa;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;position:relative;z-index:1;box-shadow:0 0 0 10px #ac7bea13,0 0 0 21px #ad7bea0c,inset 0 0 30px #a05dd955}.hero-orbit span{font-size:52px;line-height:1;font-weight:900;color:#e7c0ff}.hero-orbit small{font-size:10px;letter-spacing:2px;color:#aaa5d5;margin-top:8px}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:17px 0 24px}.metrics>div{background:#17172a;border:1px solid #454365;border-radius:14px;min-height:84px;padding:15px 19px;display:flex;flex-direction:column;justify-content:center;gap:4px}.metrics span{color:#aaa6c4;font-size:12px}.metrics strong{font-size:26px;line-height:1.2;color:#f8e8ff;letter-spacing:-1px}.metrics strong small{font-size:13px;font-weight:500;color:#8e8ba8}.metrics .metric-date{font-size:15px;letter-spacing:0}
.penalty-banner{display:flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin:-6px 0 23px;padding:13px 17px;border:1px solid #c27980;border-radius:12px;background:#6b314654;color:#ffd9d7;font-size:12px}.penalty-banner strong{font-size:20px;font-variant-numeric:tabular-nums;color:#ffb7bc}.penalty-banner small{color:#d6afbc;font-size:11px}
.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:18px}.section-heading h2{font-size:22px;line-height:1.2;letter-spacing:.3px;margin:0}.section-note{font-size:12px;color:#aaa7c3;text-align:right}.roster{padding:23px 25px;margin-bottom:28px;background:linear-gradient(135deg,#1d1a31,#171829)}.roster-group{display:grid;grid-template-columns:125px 1fr;gap:16px;align-items:start;padding:13px 0;border-top:1px solid #ffffff13}.roster-label{font-size:12px;font-weight:900;color:#d6b2ff;display:flex;align-items:center;gap:6px;padding-top:8px}.roster-label::before{content:"";width:7px;height:7px;background:#c28bff;border-radius:50%;box-shadow:0 0 9px #c28bff}.roster-label small{color:#8f8aa7;font-size:11px}.roster-group.claimed .roster-label{color:#efb1d9}.roster-group.claimed .roster-label::before{background:#f477bb;box-shadow:0 0 9px #f477bb}.roster-group.member .roster-label{color:#9addcd}.roster-group.member .roster-label::before{background:#58d5ac;box-shadow:0 0 9px #58d5ac}.roster-list{display:flex;flex-wrap:wrap;gap:8px}.member-pill{display:inline-flex;align-items:center;gap:7px;max-width:100%;border:1px solid #69618b;background:#28243d;border-radius:999px;color:#f2ebff;padding:6px 11px;font-size:12px;line-height:1.15}.member-pill b{font-size:10px;color:#e7a7ff;font-weight:700}.pill-dot{width:5px;height:5px;border-radius:50%;background:#b88bff;flex:none}.roster-group.claimed .pill-dot{background:#f477bb}.roster-group.member .pill-dot{background:#58d5ac}.member-pill.inactive{opacity:.42}.roster-empty{color:#77748f;font-size:12px;padding:7px 0}
.timers-section{margin-bottom:26px}.timer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,300px));gap:15px}.timer-card{position:relative;overflow:hidden;min-height:365px;border:1px solid #965dce;border-radius:18px;background:linear-gradient(150deg,#29203d,#171727 70%);padding:18px;box-shadow:inset 0 1px #ffffff25,0 8px 30px #170c2d66,0 0 20px #ad61ef22}.timer-card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,#f389d6,#a05cf0,#657fff)}.timer-card.ready{border-color:#e793d8;box-shadow:0 0 24px #dc79e433}.timer-card.late{border-color:#ff9b85;box-shadow:0 0 24px #ff886033}.timer-top{display:flex;justify-content:space-between;align-items:center;gap:8px}.timer-kind{font-size:12px;font-weight:800;color:#dda8ff}.timer-status{display:flex;align-items:center;gap:5px;font-size:11px;color:#bbb5d1}.timer-status i{width:6px;height:6px;border-radius:50%;background:#9d88c5}.ready .timer-status i{background:#ff9ee1;box-shadow:0 0 9px #ff9ee1}.late .timer-status i{background:#ff9a7e;box-shadow:0 0 9px #ff9a7e}.timer-number{display:flex;align-items:baseline;gap:12px;margin-top:20px}.timer-number span{font-size:12px;color:#a9a4bd}.timer-number strong{font-size:57px;line-height:1;letter-spacing:-3px;color:#fbf4ff;text-shadow:0 0 20px #d776ef44}.timer-caption{color:#b7abc7;font-size:11px;margin:18px 0 1px}.timer-clock{font-variant-numeric:tabular-nums;font-size:clamp(30px,3.4vw,42px);line-height:1.1;font-weight:900;letter-spacing:1px;color:#ffcbef;text-shadow:0 0 16px #ef77d05c}.timer-window{border-top:1px solid #615373;padding-top:12px;margin-top:15px;display:flex;justify-content:space-between;gap:8px;font-size:11px;color:#aaa3bd}.timer-window strong{color:#f1dbff;font-weight:750}.timer-kill{color:#817d99;font-size:10px;margin-top:7px}.timer-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:20px}.timer-actions button{font-size:12px;font-weight:750;padding:8px 6px}.timer-actions .action-kill{background:linear-gradient(135deg,#ff9d55,#ef5c60);border-color:#ffa966;color:#210c11}.timer-actions .action-kill:hover{filter:brightness(1.12)}.timer-actions .danger{background:linear-gradient(135deg,#b52258,#ef3f55);border-color:#ec6e8f;color:white}.timer-empty{border:1px dashed #6b608b;border-radius:18px;background:#19192b;min-height:200px;padding:28px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;color:#8884a1}.timer-empty strong{color:#d6cde8}.empty-icon{font-size:34px;color:#b78bdf}
.timer-card.flash{animation:ready-pulse .9s ease-in-out 8}.timer-card.flash .timer-clock{animation:clock-blink .8s step-end 9}@keyframes ready-pulse{50%{border-color:#ffd2f4;box-shadow:0 0 0 3px #f79be76b,0 0 35px #f481dfb3;background:#382542}}@keyframes clock-blink{50%{opacity:.35}}
.timer-clock.spawn-clock{color:#a3e7e1;text-shadow:0 0 16px #66d0c875}.timer-clock.guarantee-clock{color:#ffd0ed;text-shadow:0 0 16px #ef77d075}.timer-card .timer-secondary{border-color:#487a7c;background:#4aaca51a}.timer-card .timer-secondary span{color:#91cbc7}.timer-card .timer-secondary strong{color:#b6ece6}.spawn-pool-card .pool-card-count b{color:#a3e7e1}
.timers-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:16px;align-items:start}.timers-layout>.timer-grid{min-width:0}.timer-actions .action-robbed{border-color:#bc7a54;background:#3c2a2b;color:#ffd6b5}.timer-actions .action-robbed:hover{background:#573531;border-color:#ee9a62}.robbery-ranking{padding:20px;position:sticky;top:16px;border-color:#79546d;background:linear-gradient(150deg,#282036,#191929)}.robbery-ranking .section-heading{align-items:center;margin-bottom:8px}.robbery-ranking .section-heading h2{font-size:20px}.robbery-ranking .hint{margin:0 0 15px;font-size:11px;line-height:1.5;color:#aca2bc}.robbery-list{list-style:none;margin:0;padding:0;max-height:560px;overflow:auto}.robbery-list li{display:grid;grid-template-columns:27px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 2px;border-top:1px solid #ffffff18;font-size:12px}.robbery-position{font-weight:900;color:#b885f4;font-variant-numeric:tabular-nums}.robbery-list li:nth-child(1) .robbery-position{color:#ffd07e}.robbery-list li:nth-child(2) .robbery-position{color:#d9d6e9}.robbery-list li:nth-child(3) .robbery-position{color:#d9a994}.robbery-list strong{overflow-wrap:anywhere;line-height:1.35;color:#f6e7ff}.robbery-count{font-weight:850;color:#ffcfac;white-space:nowrap;font-variant-numeric:tabular-nums}.robbery-empty{padding:18px 0 3px;color:#a49bb8;font-size:12px}.robbed-dialog h2{font-size:22px}.robbed-dialog .tiny{line-height:1.55}
@media(max-width:950px){.timers-layout{grid-template-columns:1fr}.robbery-ranking{position:static}}
.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.support-grid .panel{min-height:190px}.count-badge{border:1px solid #71599a;background:#4c2f7255;color:#e2bdff;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.hint{color:#9691af;font-size:12px;line-height:1.6;margin:0 0 15px}.empty{color:#9691af;font-size:13px;margin:8px 0}.channel-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:7px}.channel-list button{width:100%;padding:8px 4px;font-size:12px;font-weight:800;border-radius:8px;background:#25213d}.sos-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ffffff1a}.sos-item strong{font-size:13px}.sos-item button{white-space:nowrap;font-size:12px}.sos-item:first-of-type{border-top:0}
.admin-zone{margin-top:34px}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.span12{grid-column:span 12}.span6{grid-column:span 6}.span4{grid-column:span 4}.admin-zone .panel{padding:22px}.admin-zone h2{font-size:17px;margin:0 0 16px}.admin-zone h2 button{font-size:11px;margin-left:12px!important;padding:7px 10px;background:#5d3c8a}.table-wrap{overflow:auto;max-height:410px;scrollbar-color:#5f547c transparent}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:10px;border-bottom:1px solid #ffffff17;white-space:nowrap}th{position:sticky;top:0;background:#1b1a2e;color:#aba3c4;font-weight:700;z-index:1}td button{padding:6px 8px;font-size:11px;margin:1px 0}.toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:12px 0}.toolbar input,.toolbar select{width:170px;margin:0}.toolbar button{font-size:12px}.footer-note{margin:27px 0 0;padding-top:18px;border-top:1px solid #ffffff18;text-align:center;color:#77748e;font-size:11px}
#toast{position:fixed;bottom:22px;right:22px;background:#2a2140;color:#f4e5ff;border:1px solid #ad7ced;border-radius:12px;padding:13px 18px;box-shadow:0 12px 28px #0009;display:none;max-width:360px;z-index:10;font-size:13px}dialog{background:#1a192d;color:#f7efff;border:1px solid #9b73cc;border-radius:16px;max-width:min(92vw,430px);width:100%;padding:24px;box-shadow:0 25px 80px #000b}dialog h2{margin:0 0 12px}dialog::backdrop{background:#080712cc}.actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.timer-channel-link{background:none;border:0;border-radius:7px;padding:0;font-size:57px;line-height:1;letter-spacing:-3px;font-weight:900;color:#fbf4ff;text-shadow:0 0 20px #d776ef44}.timer-channel-link:hover{background:none;color:#e9b8ff;transform:none}.channel-index .section-heading h2{margin:0}.admin-channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(73px,1fr));gap:8px}.admin-channel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:60px;padding:7px 5px;border-color:#625579;background:#242035}.admin-channel strong{font-size:19px;font-variant-numeric:tabular-nums}.admin-channel small{font-size:10px;color:#a8a1bf}.admin-channel.known{border-color:#8061bc}.admin-channel.known small{color:#d3afff}.admin-channel.occupied{border-color:#5a746e}.admin-channel.occupied small{color:#8adbb5}.channel-dialog{max-width:min(92vw,500px)}.overview-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:8px 0 18px}.overview-heading h2{margin:0;font-size:42px;line-height:1}.overview-heading h2 small{font-size:14px;font-weight:600;color:#b8accb}.overview-status{border:1px solid #7656a7;border-radius:999px;color:#e8c8ff;padding:5px 10px;font-size:12px;white-space:nowrap}.overview-details{display:grid;gap:0;border-top:1px solid #ffffff1c;margin-bottom:15px}.overview-details>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #ffffff1c;font-size:12px}.overview-details span{color:#aaa3bd}.overview-details strong{font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.channel-overview .actions{justify-content:flex-end}.channel-overview .hint{margin-bottom:0}
.admin-channel{min-height:82px}.admin-channel-manage{margin-top:3px;color:#c7a8ee;font-size:9px;font-weight:700}.admin-channel:hover .admin-channel-manage{color:#f2d6ff}.overview-admin-actions{padding:14px;border:1px solid #70528f;border-radius:12px;background:#3829475c;margin:4px 0 16px}.overview-admin-actions>strong{display:block;color:#e7c7ff;font-size:12px;margin-bottom:10px}.overview-admin-actions>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.overview-admin-actions button{padding:9px 5px;font-size:11px;font-weight:750}.overview-admin-actions button:disabled{opacity:.45;cursor:not-allowed}
.kill-time-dialog{max-width:min(94vw,530px);border-color:#b57af0;background:linear-gradient(145deg,#26203b,#171727)}.kill-time-dialog h2{font-size:21px;line-height:1.3}.kill-time-dialog .tiny{line-height:1.6;margin:8px 0 16px}.kill-time-grid{display:grid;grid-template-columns:2fr repeat(2,1fr);gap:10px}.kill-time-grid label{font-size:12px;font-weight:700;color:#d9c6f2;margin:0}.kill-time-grid select{font-weight:800;font-variant-numeric:tabular-nums;background:#111023;border-color:#685482;margin-top:7px}.kill-time-preview{display:grid;gap:8px;margin-top:18px;padding:15px;border-radius:12px;border:1px solid #7853aa;background:#6f44a51c}.kill-time-preview>span{display:flex;justify-content:space-between;gap:8px;color:#afa4ca;font-size:12px}.kill-time-preview strong{color:#f7dbff;font-weight:800;text-align:right;font-variant-numeric:tabular-nums}.kill-time-preview .invalid{color:#ffb7c2}.kill-time-preview .formula-note{margin:5px 0 0;padding-top:9px;border-top:1px solid #ffffff1a;color:#d8b7f2;font-size:11px}.kill-time-dialog .actions{justify-content:flex-end}
.release-notice{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:-5px 0 20px;padding:15px 18px;border:1px solid #9d72ca;border-radius:13px;background:linear-gradient(105deg,#392851,#24203d);box-shadow:0 8px 28px #8d58bc25}.release-notice strong{display:block;color:#f4d8ff;font-size:14px}.release-notice p{margin:6px 0 0;color:#c7b7d8;font-size:12px;line-height:1.5}.release-notice button{flex:none;padding:8px 12px;font-size:12px}
.assign-dialog{max-width:min(92vw,470px);border-color:#ae79e9;background:linear-gradient(145deg,#28203d,#171727)}.assign-dialog h2{font-size:23px}.assign-dialog .tiny{line-height:1.6}.assign-dialog select{margin-top:9px}.assign-dialog .actions{justify-content:flex-end}
.timer-heading-actions{display:flex;align-items:end;flex-direction:column;gap:9px}.timer-heading-actions button{font-size:12px;font-weight:800;padding:8px 12px;border-color:#9d6fcb;background:#3b2753;color:#f2d3ff}.timer-heading-actions button:hover{background:#50316d}
.timer-window{font-size:14px;align-items:baseline;flex-wrap:wrap;row-gap:4px}.timer-window strong{font-size:17px;line-height:1.25;font-variant-numeric:tabular-nums;white-space:nowrap}
.unknown-channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px}.unknown-channel-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;min-height:100px;padding:12px;border:1px solid #725a99;background:linear-gradient(150deg,#322642,#201e35);text-align:left;box-shadow:inset 0 1px #ffffff16}.unknown-channel-card:hover{border-color:#c48aff;background:linear-gradient(150deg,#49305e,#28213e)}.unknown-channel-card span{font-size:10px;font-weight:750;color:#bda5d7}.unknown-channel-card strong{font-size:30px;line-height:1;font-variant-numeric:tabular-nums;color:#f8ddff}.unknown-channel-card small{font-size:10px;color:#a995cb}.unknown-toggle{display:block;width:100%;margin-top:12px;padding:11px;border-style:dashed;border-color:#785c9b;background:#2a223f;color:#e6cbff;font-size:12px;font-weight:800}
.hero-copy{flex:1;min-width:0}.hero-heading{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px}.hero-heading h1{grid-column:1;justify-self:start}.hero-live-clock{grid-column:2;display:flex;flex-direction:column;align-items:center;gap:7px;padding:15px 24px;border:1px solid #c68afb;border-radius:16px;background:linear-gradient(135deg,#603578cc,#29294fcc);box-shadow:0 0 32px #b265ee66,inset 0 1px #ffffff44;text-align:center}.hero-live-clock span{font-size:14px;font-weight:850;color:#f3d6ff;letter-spacing:2px}.hero-live-clock strong{font-size:clamp(42px,5vw,68px);line-height:1;font-weight:900;letter-spacing:2px;font-variant-numeric:tabular-nums;color:#fff1ff;text-shadow:0 0 20px #e995ffbb;white-space:nowrap}
.timer-secondary{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:4px 8px;margin-top:9px;padding:7px 9px;border:1px solid #655579;border-radius:9px;background:#a05ed014;color:#bcb0cf;font-size:11px}.timer-secondary strong{font-size:15px;font-weight:800;font-variant-numeric:tabular-nums;color:#dfc8f1;white-space:nowrap}
.spawn-pool-section{margin-bottom:26px}.spawn-pool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:10px}.spawn-pool-card{display:flex;flex-direction:column;align-items:stretch;gap:11px;min-height:112px;padding:14px;border-color:#6c5b8b;background:linear-gradient(145deg,#2b2440,#1d2034);text-align:left}.spawn-pool-card:hover{border-color:#bf8af4;background:linear-gradient(145deg,#38294f,#222640)}.pool-card-top,.pool-card-count{display:flex;align-items:center;justify-content:space-between;gap:8px}.pool-card-top strong{font-size:26px;line-height:1;color:#f5d8ff;font-variant-numeric:tabular-nums}.pool-card-top small{font-size:11px;color:#b9a9ce;font-weight:600}.pool-card-top em{font-style:normal;font-size:10px;font-weight:800;color:#d0b3f4}.spawn-pool-card.ready .pool-card-top em{color:#ffb6dd}.pool-card-count{font-size:11px;color:#aaa5c0}.pool-card-count b{font-size:15px;font-variant-numeric:tabular-nums;color:#eec9ff}.pool-card-window{border-top:1px solid #ffffff20;padding-top:8px;font-size:11px;color:#c8bcd9;font-variant-numeric:tabular-nums}
.sos-section{margin-bottom:26px;border-color:#9b5d80;background:linear-gradient(135deg,#2b1d37,#191b2f)}.sos-section .section-heading{margin-bottom:14px}.sos-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:12px}.sos-card{display:flex;flex-direction:column;justify-content:space-between;gap:16px;padding:16px;border:1px solid #a16383;border-radius:14px;background:linear-gradient(145deg,#3a2540,#211d34);box-shadow:inset 0 1px #ffffff22}.sos-card-times{display:grid;gap:10px}.sos-card-times>div{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:5px 10px}.sos-card-times span{font-size:12px;font-weight:750;color:#ddaac9}.sos-card-times strong{font-size:15px;font-weight:850;color:#ffe0ee;font-variant-numeric:tabular-nums}.sos-card button{align-self:flex-start;border-color:#e68fa6;background:linear-gradient(135deg,#bd4976,#843d8a);font-size:12px;font-weight:800;color:#fff1f6}.sos-card button:hover{background:linear-gradient(135deg,#d35d8c,#9c4aa1)}.sos-hint{margin:12px 0 0}.unknown-section{margin-bottom:26px}
.sos-pending{display:grid;gap:4px;margin-top:11px;padding:10px 12px;border:1px solid #b276a1;border-radius:10px;background:#a54f8426}.sos-pending strong{font-size:12px;color:#ffc6e5}.sos-pending span{font-size:10px;color:#caa8c3}.sos-unavailable{margin:-7px 0 0;color:#f0c1d6;font-size:11px;line-height:1.5}.sos-unavailable strong{color:#ffdfed;font-variant-numeric:tabular-nums}.sos-card button:disabled:hover{transform:none;background:linear-gradient(135deg,#bd4976,#843d8a)}
@media(max-width:760px){.hero-heading{display:flex;align-items:stretch;flex-direction:column;gap:8px}.hero-live-clock{align-self:center;padding:12px 16px}.hero-live-clock strong{font-size:clamp(34px,10vw,48px)}}
@media(max-width:900px){.support-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,1fr)}.roster-group{grid-template-columns:1fr;gap:7px}.roster-label{padding-top:0}.hero-orbit{width:104px;height:104px}.hero-orbit span{font-size:41px}}
@media(max-width:640px){.shell{padding:0 14px 36px}header{min-height:65px}header small{display:none}header strong{font-size:15px}.identity-name{display:none}#logout,#sound-toggle{padding:7px 8px}.hero{padding:24px 22px;margin-top:16px}.hero-copy>p:last-of-type{font-size:12px}.hero-orbit{display:none}.metrics{gap:8px}.metrics>div{padding:12px;min-height:73px}.metrics strong{font-size:22px}.metrics .metric-date{font-size:13px}.panel{padding:18px}.roster{padding:18px}.section-heading h2{font-size:19px}.section-note{max-width:140px;font-size:10px}.timer-grid{grid-template-columns:1fr}.timer-card{min-height:0}.timer-clock{font-size:38px}.span6,.span4{grid-column:span 12}.admin-zone .panel{padding:16px}#toast{left:14px;right:14px;max-width:none;bottom:14px}}
@media(max-width:480px){.kill-time-dialog{padding:19px}.kill-time-grid{grid-template-columns:repeat(2,1fr)}.kill-time-grid .date-field{grid-column:1/-1}.kill-time-preview>span{font-size:11px}.release-notice{align-items:stretch;flex-direction:column}.release-notice button{align-self:flex-end}}
@media(max-width:640px){.timers-section>.section-heading{align-items:stretch;flex-direction:column}.timer-heading-actions{align-items:stretch}.timer-heading-actions .section-note{max-width:none;text-align:left}.timer-heading-actions button{width:100%}}
@media(prefers-reduced-motion:reduce){button{transition:none}html{scroll-behavior:auto}.timer-card.flash,.timer-card.flash .timer-clock{animation:none}.timer-card.flash{outline:3px solid #ffa5ef}}
@media(min-width:1280px){.timers-layout{grid-template-columns:minmax(0,1fr) 260px}.timer-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.timer-card{min-height:340px;padding:14px}.timer-channel-link{font-size:51px}.timer-number{margin-top:15px}.timer-caption{margin-top:13px}.timer-clock{font-size:clamp(28px,2.25vw,34px)}.timer-actions{gap:6px;margin-top:14px}.timer-actions button{font-size:11px}.robbery-ranking{padding:16px}}
@media(min-width:1120px) and (max-width:1279px){.timers-layout{grid-template-columns:minmax(0,1fr) 270px}.timer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media(min-width:951px) and (max-width:1119px){.timers-layout{grid-template-columns:minmax(0,1fr) 270px}.timer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}