:root{color-scheme:light;--bg:#f7f4ed;--panel:#fffdf8;--ink:#151719;--muted:#5c6268;--line:#dedbd3;--gold:#1856cb}body{background:var(--bg)}main{max-width:850px;padding:20px 12px}header{margin-bottom:16px}.brand-label{color:#151719;font-weight:700}nav{margin-bottom:12px}.board{gap:12px 8px}.boss{position:relative;padding:0;border:0;border-radius:0;background:var(--panel);text-align:left;--accent:#165bcc}.boss:nth-child(2){--accent:#c32729}.boss:nth-child(3){--accent:#d26a17}.boss:nth-child(4){--accent:#3e751c}.boss-head{position:absolute;top:0;left:0;right:0;margin:0;padding:12px 10px;z-index:2;background:linear-gradient(#000b,transparent);color:white}.boss h2{font-size:clamp(17px,4.9vw,30px);font-weight:800;letter-spacing:0;text-shadow:0 1px 5px #000}.boss-number,.dial>svg{display:none}.dial{border-radius:0;max-width:none;width:100%;aspect-ratio:4/5;margin:0;background:linear-gradient(140deg,var(--accent),#0b121c 75%);box-shadow:none;overflow:hidden}.portrait{position:absolute;inset:0;width:100%;height:100%;border-radius:0;object-fit:contain;background:transparent;filter:none}.spawn{padding:12px 10px 0;font-size:clamp(34px,10vw,60px);font-weight:700;letter-spacing:-.045em}.spawn small{font-size:10px;letter-spacing:0}.remaining{color:var(--accent);margin:8px 10px 12px;font-size:14px;font-weight:600}.remaining.pending{font-size:11px;color:var(--muted)}.place{margin:0;padding:8px 9px;justify-content:flex-start;white-space:normal;min-height:48px;font-size:11px;color:var(--ink)}.place svg{color:var(--accent)}footer{flex-wrap:wrap}footer details{max-width:100%}select{background:#fffdf8;border-radius:6px}@media(min-width:700px){.boss{padding:0}.boss-head{margin:0;padding:18px}.dial{max-width:none;margin:0}.spawn{padding:16px 18px 0}.remaining{margin:10px 18px 18px}.place{margin:0;padding:12px 18px}}@media(max-width:350px){.boss{padding:0}.boss-head{margin:0;padding:10px 7px}.boss h2{font-size:16px}.place{margin:0;font-size:10px}.spawn{font-size:32px}}