*{box-sizing:border-box;margin:0;padding:0;user-select:none}html,body{width:100%;height:100%;overflow:hidden;background:transparent;font-family:Kanit,Tahoma,Arial,sans-serif}
body{display:none;color:#fff}body.visible{display:block}#shade{position:fixed;inset:0;background:radial-gradient(circle at center,transparent 10%,rgba(7,4,13,.28) 62%,rgba(4,2,8,.72) 100%);pointer-events:none}
#panel{position:fixed;left:50%;top:50%;width:min(520px,86vw);transform:translate(-50%,-50%);background:linear-gradient(145deg,rgba(13,12,19,.96),rgba(42,20,79,.94));clip-path:polygon(0 0,94% 0,100% 10%,100% 100%,6% 100%,0 90%);border-left:3px solid #7547d4;filter:drop-shadow(0 16px 38px rgba(0,0,0,.55));transition:.2s}
header{height:82px;display:flex;align-items:center;gap:16px;padding:0 24px;background:linear-gradient(110deg,#7045c5,rgba(22,17,34,.3))}.hospital-icon,.tip-icon{display:grid;place-items:center;width:48px;height:48px;background:rgba(20,17,28,.62);font-size:28px}
header b{display:block;font-size:22px}header small{display:block;color:#c9b8ed;letter-spacing:2px;font-size:11px}
section{text-align:center;padding:24px 35px 18px}.pulse{width:76px;height:76px;margin:0 auto 12px;display:grid;place-items:center;border-radius:50%;background:rgba(111,64,200,.23);box-shadow:0 0 0 9px rgba(111,64,200,.08)}
.pulse span{color:#9a6cf0;font-size:36px;animation:pulse 1.15s infinite}h1{font-size:29px}p{color:#aaa3b5;font-size:14px;margin:5px 0 18px}
.timer{display:flex;flex-direction:column;justify-content:center;height:100px;background:rgba(5,4,8,.44);border:1px solid rgba(145,96,238,.26)}.timer small{color:#b8aec8}.timer strong{font-size:42px;line-height:48px;color:#a87aff;letter-spacing:3px}
.player-id{margin-top:13px;color:#81798d;font-size:12px;letter-spacing:1px}.player-id b{color:#b895ff}footer{display:flex;gap:12px;padding:0 28px 27px}
footer button{height:48px;flex:1;border:0;color:#fff;font:500 15px Kanit,Tahoma,sans-serif;cursor:pointer;background:#302d35;transition:.15s}#confirm{background:linear-gradient(110deg,#7243cb,#4f2b91)}
#confirm:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.48}#confirm.ready{animation:ready 1.2s infinite}#cancel:hover{background:#49444f}#confirm:not(:disabled):hover{filter:brightness(1.2)}
#status{height:24px;text-align:center;color:#ff829b;font-size:12px;margin-top:-20px}
#tooltip{display:none;position:fixed;left:50%;top:12%;transform:translateX(-50%);align-items:center;gap:12px;width:310px;padding:8px;border:0;color:#fff;text-align:left;cursor:pointer;background:linear-gradient(100deg,rgba(8,8,10,.96),rgba(91,43,158,.92));clip-path:polygon(5% 0,100% 0,100% 100%,0 100%,0 25%)}
#tooltip .tip-icon{width:48px;height:42px;background:#7644c7}#tooltip b,#tooltip small{display:block}#tooltip b{font-size:13px}#tooltip small{color:#bdb5c8;font-size:10px}
body.minimized #panel{display:none}body.minimized #tooltip{display:flex}body.minimized #shade{background:radial-gradient(circle at center,transparent 35%,rgba(5,2,9,.38) 100%)}
@keyframes pulse{50%{transform:scale(.86);opacity:.48}}@keyframes ready{50%{box-shadow:0 0 24px rgba(147,89,255,.65)}}@media(max-height:650px){#panel{transform:translate(-50%,-50%) scale(.82)}}
.medic-hint{margin:-9px 0 15px;color:#c8b1f4;font-size:12px}