:root{--violet:#b9645f;--pink:#d88173;--cyan:#be9a77;--gold:#d8b77d;--bg:#0c090b;--panel:#1a1417;--muted:#a89da1}body{background:radial-gradient(circle at 50% -8%,#402128 0,transparent 34%),radial-gradient(circle at 8% 62%,#3d302538,transparent 32%),var(--bg)}.page{width:min(100%,760px)}header h1{transition:.2s}.bullet-mark{display:grid;place-items:center;width:108px;height:108px;margin:0 auto 17px;border:7px solid #3b2b30;border-radius:50%;background:radial-gradient(circle,#d3ad72 0 11%,#88434a 12% 31%,#251b1f 32% 48%,#ad5a53 49% 64%,#120e10 65%);box-shadow:0 0 40px #a9525240}.bullet-mark i{position:relative;width:27px;height:42px;border:3px solid #f4e3c8;border-radius:13px 13px 7px 7px;background:linear-gradient(90deg,#a36b40,#e0b56f 47%,#8a5534);box-shadow:0 0 0 4px #1b1114,0 8px 15px #0008}.bullet-mark i:after{content:"";position:absolute;right:3px;bottom:4px;left:3px;height:7px;border-top:2px solid #5f3926;border-radius:0 0 5px 5px;background:#c39050}.lives-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:14px 0;padding:11px 13px;border:1px solid #ffffff12;border-radius:16px;background:#0c090b;color:#d5cbce;font-size:12px;font-weight:800}.lives-picker span{display:flex;align-items:center;gap:10px}.lives-picker button{width:34px;height:34px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff09;color:#fff;font-size:18px}.lives-picker b{min-width:22px;color:#d88278;font-size:20px}.life-dots{display:inline-flex;margin-inline-start:auto;color:#cf716b;font-size:10px;letter-spacing:-1px}.person.dead{opacity:.55;filter:grayscale(1)}.spin-center{font-size:13px}.spin-center>b{color:#8d433f;font-size:18px;text-shadow:0 1px #fff}.eyebrow{color:#c78e7d}.arena-top span{background:#a6525217;color:#dbb2a9}.battle-layout{display:grid;grid-template-columns:minmax(74px,1fr) minmax(190px,340px) minmax(74px,1fr);align-items:start;gap:10px;direction:ltr}.alive-side{grid-column:3;direction:rtl}.wheel-column{grid-column:2;grid-row:1;min-width:0;direction:rtl}.dead-side{grid-column:1;direction:rtl}.wheel-stage{width:100%;height:auto;aspect-ratio:1;margin:0 auto 7px;max-width:340px}.side-list{min-width:0;max-height:350px;overflow:hidden;border:1px solid #ffffff0d;border-radius:18px;padding:10px 7px;background:linear-gradient(160deg,#1a1518cc,#0d0a0cdd);box-shadow:0 14px 30px #0005}.side-list h3{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:0 0 9px;color:#c8bdc0;font-size:9px}.side-list h3 b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:7px;background:#ffffff08;color:#d9847b;font-size:8px}.side-list .list{max-height:305px;gap:6px}.side-list .person{display:grid;grid-template-columns:24px minmax(0,1fr);gap:5px;border-radius:10px;padding:5px 4px;background:#ffffff06;font-size:7px}.side-list .avatar{width:24px;height:24px;grid-row:1/3}.side-list .person>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-list .life-dots{grid-column:2;margin:0;font-size:7px;white-space:normal;word-break:break-all}.side-list small{display:block;color:#776e72;font-size:7px;line-height:1.6}.status{margin:3px 0 0}.editable{min-width:125px;padding:3px 10px;border-radius:9px;outline:1px dashed #a66d6866;cursor:text}.editable:focus{outline:1px solid #bd7b73;background:#ffffff08;box-shadow:0 0 0 4px #a35b5715}@media(max-width:420px){.battle-layout{grid-template-columns:minmax(62px,1fr) minmax(180px,2.65fr) minmax(62px,1fr);gap:5px}.side-list{padding:8px 4px;border-radius:14px}.side-list .person{grid-template-columns:20px minmax(0,1fr);padding:4px 2px}.side-list .avatar{width:20px;height:20px}.side-list .life-dots{font-size:6px}.spin-center{width:72px;height:72px;border-width:5px}.pointer{font-size:28px}}

body.playing{height:100dvh;overflow:hidden}body.playing .page{height:100dvh;min-height:0;overflow:hidden;padding-bottom:max(8px,env(safe-area-inset-bottom))}body.playing .brand-line{margin-bottom:2px}body.playing header{margin-bottom:5px}body.playing .mode-nav{display:none}body.playing #arena{height:calc(100dvh - 96px);overflow:hidden}body.playing .arena-top{margin-bottom:4px}.battle-layout{position:relative;display:flex;align-items:flex-start;justify-content:center;width:100%;height:calc(100% - 30px);direction:rtl}.wheel-column{width:min(88vw,440px);max-height:100%;direction:rtl}.wheel-stage{width:min(88vw,440px);max-width:none;max-height:calc(100dvh - 155px)}.side-list{position:absolute;z-index:6;top:42px;width:clamp(78px,22vw,120px);max-height:calc(100dvh - 210px);padding:9px 6px;border-color:#ffffff16;background:#120e11e8;backdrop-filter:blur(12px)}.alive-side{right:0;left:auto;direction:rtl}.dead-side{right:auto;left:0;direction:rtl}.side-list .list{max-height:calc(100dvh - 260px);overflow-y:auto;scrollbar-width:none}.side-list .list::-webkit-scrollbar{display:none}@media(max-width:420px){body.playing #arena{height:calc(100dvh - 88px)}.battle-layout{display:flex}.wheel-column,.wheel-stage{width:min(86vw,360px)}.wheel-stage{max-height:calc(100dvh - 145px)}.side-list{top:38px;width:78px;max-height:calc(100dvh - 195px)}.side-list .list{max-height:calc(100dvh - 242px)}.alive-side{right:-2px}.dead-side{left:-2px}}
body.playing .wheel-column,body.playing .wheel-stage{width:min(88vw,calc(100dvh - 155px),440px);height:min(88vw,calc(100dvh - 155px),440px)}@media(max-width:420px){body.playing .wheel-column,body.playing .wheel-stage{width:min(86vw,calc(100dvh - 145px),360px);height:min(86vw,calc(100dvh - 145px),360px)}}

body.playing #arena{height:calc(100dvh - 94px)}body.playing .battle-layout{display:flex;height:calc(100% - 27px);flex-direction:column;align-items:center;justify-content:flex-start;gap:7px;overflow:hidden}body.playing .alive-side{order:1}body.playing .wheel-column{order:2;flex:0 0 auto}body.playing .dead-side{order:3}body.playing .side-list{position:relative;inset:auto;display:grid;width:100%;max-width:560px;height:68px;grid-template-columns:68px minmax(0,1fr);align-items:stretch;overflow:hidden;border-radius:15px;padding:6px;background:linear-gradient(120deg,#191316,#100c0eee);box-shadow:0 8px 20px #0004;backdrop-filter:none}body.playing .side-list h3{display:flex;height:100%;flex-direction:column;align-items:center;justify-content:center;margin:0;border-left:1px solid #ffffff0d;font-size:8px}body.playing .side-list h3 b{margin-top:4px}body.playing .side-list .list{display:flex;max-height:none;align-items:center;gap:6px;overflow-x:auto;overflow-y:hidden;padding:0 5px;direction:rtl}body.playing .side-list .person{display:grid;flex:0 0 104px;height:52px;grid-template-columns:27px minmax(0,1fr);align-content:center;padding:5px;border:1px solid #ffffff08;background:#ffffff05;font-size:7px}body.playing .side-list .avatar{width:27px;height:27px}body.playing .side-list .life-dots{max-height:14px;overflow:hidden}body.playing .dead-side{height:57px;opacity:.78}body.playing .dead-side .person{height:41px}body.playing .wheel-column,body.playing .wheel-stage{width:min(76vw,calc(100dvh - 285px),390px);height:min(76vw,calc(100dvh - 285px),390px)}body.playing .wheel-stage{margin:0 auto}body.playing .status{height:17px;margin:0;font-size:10px}@media(max-width:420px){body.playing #arena{height:calc(100dvh - 88px)}body.playing .battle-layout{gap:5px}body.playing .side-list{height:62px;grid-template-columns:58px minmax(0,1fr);padding:5px}body.playing .side-list .person{flex-basis:91px;height:48px;grid-template-columns:23px minmax(0,1fr)}body.playing .side-list .avatar{width:23px;height:23px}body.playing .dead-side{height:51px}body.playing .dead-side .person{height:39px}body.playing .wheel-column,body.playing .wheel-stage{width:min(80vw,calc(100dvh - 260px),340px);height:min(80vw,calc(100dvh - 260px),340px)}}
body.playing .wheel-column{height:auto}body.playing .wheel-stage{height:min(76vw,calc(100dvh - 285px),390px)}@media(max-width:420px){body.playing .wheel-column{height:auto}body.playing .wheel-stage{height:min(80vw,calc(100dvh - 260px),340px)}}