*{box-sizing:border-box}body{margin:0;background:#020617;color:#f8fafc;font:15px Segoe UI,Arial,sans-serif}body>div{max-width:1250px;margin:auto;padding:28px}header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:25px}h1{font-size:42px;margin:6px 0}p,small{color:#94a3b8}button,input{border:1px solid #475569;background:#1e293b;color:#fff;border-radius:10px;padding:11px;font-weight:700}button{cursor:pointer}button:disabled{opacity:.4}header>div:last-child{display:flex;align-items:center;gap:8px;flex-wrap:wrap}main{display:grid;grid-template-columns:340px 1fr;gap:24px}aside,section{background:#0f172a;border:1px solid #1e293b;border-radius:24px;padding:20px}form{display:flex;gap:8px}input{flex:1;min-width:0}.person{display:flex;justify-content:space-between;align-items:center;background:#1e293b;border-radius:13px;padding:10px;margin-top:8px}.person>div:first-child{min-width:0}.person b,.person small{display:block}.person.absent{opacity:.45}.wheel-wrap{position:relative;width:min(100%,590px);aspect-ratio:1;margin:auto}.pointer{position:absolute;z-index:4;left:50%;top:-2px;transform:translate(-50%);border-left:14px solid transparent;border-right:14px solid transparent;border-top:30px solid white}#wheel{position:absolute;inset:12px;border:10px solid white;border-radius:50%;overflow:hidden;transition:transform 3.2s cubic-bezier(.12,.75,.18,1)}.hub{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:6px solid white;border-radius:50%;background:#020617;color:#60a5fa;font-size:25px}.label{position:absolute;background:#020617e8;border:1px solid #fff7;border-radius:7px;padding:5px 8px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:0 3px 10px #000}.actions,#mods{display:flex;gap:10px;margin-top:14px}.actions button:first-child{background:#2563eb}.actions button:nth-child(2){background:#92400e}.actions button:last-child{background:#881337}.mod{flex:1;border:1px dashed #475569;border-radius:15px;padding:16px}.mod strong,.mod small{display:block}@media(max-width:850px){main{grid-template-columns:1fr}header{align-items:start;flex-direction:column}.actions,#mods{flex-direction:column}}